.dp-toolbar{position:fixed;top:10px;left:10px;z-index:10001;display:flex;align-items:center;gap:4px;background:#1e293b;padding:6px 10px;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.25);direction:ltr;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dp-btn-group{position:relative}.dp-toolbar-btn{width:34px;height:34px;border:2px solid transparent;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .15s;padding:0;gap:0}.dp-btn-group .dp-toolbar-btn{width:44px}.dp-toolbar-btn:hover{background:#334155;color:#e2e8f0}.dp-toolbar-btn.dp-active{background:#3b82f6;color:#fff;border-color:#60a5fa}.dp-toolbar-btn.dp-rotate-btn{color:#fbbf24}.dp-toolbar-btn.dp-rotate-btn:hover{background:#334155;color:#fde68a}.dp-toolbar-btn.dp-rotate-btn.dp-rotated{color:#f59e0b;background:#422006;border-color:#f59e0b}.dp-toolbar-sep{width:1px;height:24px;background:#475569;margin:0 4px}.dp-dimensions{font-size:11px;font-weight:600;color:#94a3b8;font-family:monospace;padding:0 6px;min-width:75px;text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1.2}.dp-device-name{font-size:9px;color:#64748b;font-family:system-ui,sans-serif}.dp-close-btn{width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s;padding:0;margin-right:-4px}.dp-close-btn:hover{background:#ef4444;color:#fff}.dp-device-menu{position:absolute;top:calc(100% + 6px);left:0;background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.4);min-width:200px;padding:4px;z-index:10002;direction:ltr}.dp-device-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:7px 10px;border:none;border-radius:6px;background:transparent;color:#cbd5e1;cursor:pointer;font-size:12px;transition:all .1s;text-align:left}.dp-device-option:hover{background:#334155;color:#fff}.dp-device-option.dp-option-active{background:#3b82f6;color:#fff}.dp-option-name{font-weight:600}.dp-option-size{font-family:monospace;font-size:11px;opacity:.7}.dp-minimized-btn{position:fixed;top:10px;left:10px;z-index:10001;width:38px;height:38px;border:2px solid #3b82f6;border-radius:10px;background:#1e293b;color:#3b82f6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 16px rgba(0,0,0,.25);transition:all .15s}.dp-minimized-btn:hover{background:#3b82f6;color:#fff}.dp-frame-wrapper{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:#e2e8f0;padding-top:60px;overflow:auto}.dp-frame{background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,.2),0 0 0 2px #1e293b;overflow:hidden;transform-origin:top center;position:relative}.dp-frame-content{overflow-y:auto;overflow-x:hidden}.dp-toolbar-btn svg{width:20px;height:20px;fill:currentColor}.dp-close-btn svg{width:14px;height:14px;fill:currentColor}.dp-minimized-btn svg{width:22px;height:22px;fill:currentColor}@media (max-width:1199px){.dp-minimized-btn,.dp-toolbar{display:none!important}}