.styles_wrap__x6cFO{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.styles_header__5zsLL{display:flex;align-items:center;gap:6px;padding:0 12px;height:48px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;flex-wrap:nowrap;overflow-x:auto}.styles_headerIcon__DRXN4{width:30px;height:30px;background:#4d96ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;font-size:15px}.styles_headerTitle__98dr_{font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--text)}.styles_headerAccent__JkbTY{color:#4d96ff}.styles_statusDot__dseDI{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin:0 4px 0 8px}.styles_statusOk__lZbSL{background:#4ade80;box-shadow:0 0 6px #4ade8088}.styles_statusError__QZ0YA{background:#f87171}.styles_statusLoading__Yvmyk{background:#fbbf24;animation:styles_pulse__ScCsG 1s ease-in-out infinite}@keyframes styles_pulse__ScCsG{0%,to{opacity:1}50%{opacity:.4}}.styles_urlInputWrap___sX1d{flex:1 1;display:flex;align-items:center;background:var(--bg);border:1px solid var(--border2);border-radius:8px;overflow:hidden;transition:border-color .14s;margin-left:8px}.styles_urlInputWrap___sX1d:focus-within{border-color:#4d96ff}.styles_urlInput__f_srB{flex:1 1;border:none;outline:none;background:transparent;color:var(--text);font-family:var(--font-mono);font-size:13px;padding:7px 8px 7px 0}.styles_urlInput__f_srB::placeholder{color:var(--text3)}.styles_urlClear___hCY0{background:none;border:none;color:var(--text3);font-size:11px;padding:0 10px;cursor:pointer;flex-shrink:0;line-height:1}.styles_urlClear___hCY0:hover{color:#f87171}.styles_reloadBtn__pdCKX{width:34px;height:34px;border-radius:7px;background:var(--surface2);border:1px solid var(--border2);color:var(--text2);font-size:16px;cursor:pointer;transition:all .14s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.styles_reloadBtn__pdCKX:hover{border-color:#4d96ff;color:#4d96ff}.styles_previewBtn__QvitB{padding:7px 18px;border-radius:7px;background:#4d96ff;border:none;color:#fff;font-family:var(--font-ui);font-size:12px;font-weight:700;cursor:pointer;transition:opacity .14s;white-space:nowrap;flex-shrink:0}.styles_previewBtn__QvitB:hover{opacity:.85}.styles_openBtn__afsSl{width:34px;height:34px;border-radius:7px;background:var(--surface2);border:1px solid var(--border2);color:#4d96ff;font-size:14px;font-weight:700;cursor:pointer;transition:all .14s;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-decoration:none}.styles_openBtn__afsSl:hover{background:rgba(77,150,255,.1);border-color:#4d96ff}.styles_deviceSelect__S_4Hu{padding:4px 8px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-family:var(--font-ui);font-size:11px;cursor:pointer;outline:none;transition:border-color .14s;max-width:200px}.styles_deviceSelect__S_4Hu:focus,.styles_deviceSelect__S_4Hu:hover{border-color:#4d96ff;color:#4d96ff}.styles_customSizeRow__lGCfO{display:flex;align-items:center;gap:4px}.styles_customInput__3fUAg{width:56px;padding:5px 6px;background:var(--surface2);border:1px solid var(--border2);border-radius:5px;color:var(--text);font-family:var(--font-mono);font-size:11px;outline:none;text-align:center}.styles_customInputActive__JrEtq,.styles_customInput__3fUAg:focus{border-color:#4d96ff}.styles_customX__dYcut{font-size:11px;color:var(--text3)}.styles_sizeInfo__SMRSd{display:flex;align-items:baseline;gap:6px}.styles_sizeLabel__35VHW{font-size:12px;color:var(--text2);font-family:var(--font-mono);font-weight:600}.styles_aspectLabel__lExaJ{font-size:10px;color:var(--text3);font-family:var(--font-mono)}.styles_sep__4oaGU{width:1px;height:18px;background:var(--border);flex-shrink:0;margin:0 2px}.styles_controlBtn__ljyhw{padding:4px 10px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-family:var(--font-ui);font-size:10px;cursor:pointer;transition:all .14s;white-space:nowrap}.styles_controlBtn__ljyhw:hover{border-color:#4d96ff;color:#4d96ff}.styles_controlBtnActive__zWnyQ{border-color:#4d96ff!important;background:rgba(77,150,255,.12)!important;color:#4d96ff!important}.styles_zoomGroup__dpTzJ{display:flex;align-items:center;gap:3px}.styles_zoomPreset__UbPVc{padding:3px 7px;border-radius:4px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-family:var(--font-ui);font-size:10px;cursor:pointer;transition:all .12s}.styles_zoomPreset__UbPVc:hover{color:var(--text2)}.styles_zoomPresetActive__6NW8f{border-color:#4d96ff!important;color:#4d96ff!important;background:rgba(77,150,255,.1)!important}.styles_zoomBtnSm__9DjKi{width:22px;height:22px;border-radius:4px;background:var(--surface2);border:1px solid var(--border2);color:var(--text3);font-size:14px;cursor:pointer;transition:all .14s;display:flex;align-items:center;justify-content:center}.styles_zoomBtnSm__9DjKi:hover{color:var(--text);border-color:#4d96ff}.styles_zoomVal__tkqXy{font-size:11px;color:var(--text2);width:36px;text-align:center;font-family:var(--font-mono)}.styles_bgGroup__5Ubbk{display:flex;gap:3px;margin-left:auto}.styles_bgBtn__R3YvY{padding:3px 8px;border-radius:4px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-family:var(--font-ui);font-size:10px;cursor:pointer;transition:all .12s}.styles_bgBtn__R3YvY:hover{color:var(--text2)}.styles_bgBtnActive__6ujd_{border-color:#4d96ff!important;color:#4d96ff!important;background:rgba(77,150,255,.1)!important}.styles_canvas__dTEme{flex:1 1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:32px 24px 24px;position:relative;transition:background .2s}.styles_bg_dark__rkByh{background:#111118}.styles_bg_light__49idO{background:#e8e8ef}.styles_bg_dots__o__1w{background:#111118;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 0);background-size:22px 22px}.styles_bg_grid__mCJOp{background:#111118;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:32px 32px}.styles_frameOuter__aQ_VI{display:flex;flex-direction:column;align-items:center;gap:8px}.styles_frameWrap__vhAGx{position:relative;border:2px solid rgba(255,255,255,.12);border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04);flex-shrink:0;transition:width .2s,height .2s}.styles_iframe__uzyQd{display:block;border:none}.styles_loadingOverlay__6Wk24{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.7)}.styles_spinner__p9DwQ{width:32px;height:32px;border-radius:50%;border:3px solid rgba(77,150,255,.2);border-top-color:#4d96ff;animation:styles_spin__nL4hg .8s linear infinite}@keyframes styles_spin__nL4hg{to{transform:rotate(1turn)}}.styles_errorOverlay__NDZvB{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface2);gap:8px;padding:24px;text-align:center}.styles_errorIcon__orcyb{font-size:28px;color:#fbbf24}.styles_errorTitle__YtyvY{font-size:14px;font-weight:600;color:var(--text2)}.styles_errorSub__egZ_f{font-size:12px;color:var(--text3);max-width:220px;line-height:1.5}.styles_errorLink__WOsn_{font-size:12px;color:#4d96ff;text-decoration:none;margin-top:4px}.styles_errorLink__WOsn_:hover{text-decoration:underline}.styles_emptyState__bjmX3{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface2)}.styles_emptyIcon___9_TK{font-size:36px;color:var(--text3);line-height:1}.styles_emptyTitle__MpIJG{font-size:14px;font-weight:600;color:var(--text2)}.styles_emptySub__Il2HX{font-size:12px;color:var(--text3)}.styles_emptyExamples__WHLYV{display:flex;gap:6px;margin-top:8px}.styles_exampleBtn__abBNX{padding:5px 12px;border-radius:5px;border:1px solid var(--border2);background:var(--surface);color:var(--text3);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .14s}.styles_exampleBtn__abBNX:hover{border-color:#4d96ff;color:#4d96ff}