:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--bg-primary: #242424;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--bg-input: #1a1a1a;--bg-input-focus: #222;--border-primary: #333;--border-input: #444;--text-primary: rgba(255, 255, 255, .87);--text-heading: #fff;--text-secondary: #bbb;--text-tertiary: #888;--text-muted: #999;--text-dim: #666;--text-input-label: #ccc;--accent: #646cff;--accent-hover: #535bf2;--accent-bg: rgba(100, 108, 255, .1);--accent-border: rgba(100, 108, 255, .2);--button-bg: #1a1a1a;--badge-dev-bg: rgba(251, 191, 36, .15);--badge-dev-color: #fbbf24;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--bg-input: #ffffff;--bg-input-focus: #f0f0f0;--border-primary: #ddd;--border-input: #ccc;--text-primary: #213547;--text-heading: #1a1a1a;--text-secondary: #555;--text-tertiary: #777;--text-muted: #888;--text-dim: #999;--text-input-label: #555;--accent: #646cff;--accent-hover: #747bff;--accent-bg: rgba(100, 108, 255, .08);--accent-border: rgba(100, 108, 255, .15);--button-bg: #f9f9f9;--badge-dev-bg: rgba(180, 120, 0, .12);--badge-dev-color: #854d0e}}:root.light-theme{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--bg-input: #ffffff;--bg-input-focus: #f0f0f0;--border-primary: #ddd;--border-input: #ccc;--text-primary: #213547;--text-heading: #1a1a1a;--text-secondary: #555;--text-tertiary: #777;--text-muted: #888;--text-dim: #999;--text-input-label: #555;--accent: #646cff;--accent-hover: #747bff;--accent-bg: rgba(100, 108, 255, .08);--accent-border: rgba(100, 108, 255, .15);--button-bg: #f9f9f9;--badge-dev-bg: rgba(180, 120, 0, .12);--badge-dev-color: #854d0e}:root.dark-theme{--bg-primary: #242424;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--bg-input: #1a1a1a;--bg-input-focus: #222;--border-primary: #333;--border-input: #444;--text-primary: rgba(255, 255, 255, .87);--text-heading: #fff;--text-secondary: #bbb;--text-tertiary: #888;--text-muted: #999;--text-dim: #666;--text-input-label: #ccc;--accent: #646cff;--accent-hover: #535bf2;--accent-bg: rgba(100, 108, 255, .1);--accent-border: rgba(100, 108, 255, .2);--button-bg: #1a1a1a;--badge-dev-bg: rgba(251, 191, 36, .15);--badge-dev-color: #fbbf24}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-hover)}html,body,#app{height:100%}body{margin:0;min-width:320px}*{box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%}.control-panel[data-v-64ff3373]{background:var(--bg-tertiary);border-radius:8px;padding:24px;margin-bottom:24px}.control-section[data-v-64ff3373]{margin-bottom:20px}.control-section[data-v-64ff3373]:last-child{margin-bottom:0}.section-label[data-v-64ff3373]{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.url-input[data-v-64ff3373]{width:100%;box-sizing:border-box;padding:10px 14px;font-size:14px;border:1px solid var(--border-input);border-radius:6px;background:var(--bg-input);color:var(--text-heading);outline:none;transition:border-color .2s,background-color .2s}.url-input[data-v-64ff3373]:focus{border-color:var(--accent);background:var(--bg-input-focus)}.url-input[data-v-64ff3373]::placeholder{color:var(--text-muted)}.saved-list[data-v-64ff3373]{list-style:none;padding:0;margin:0;border:1px solid var(--border-input);border-radius:6px;overflow:hidden}.saved-item[data-v-64ff3373]{display:flex;align-items:center;border-bottom:1px solid var(--border-input)}.saved-item[data-v-64ff3373]:last-child{border-bottom:none}.saved-select[data-v-64ff3373]{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 12px;text-align:left;background:none;border:none;cursor:pointer;color:var(--text-heading);min-width:0}.saved-select[data-v-64ff3373]:hover{background:var(--accent-bg)}.saved-name[data-v-64ff3373]{font-size:13px;font-weight:600}.saved-url[data-v-64ff3373]{font-size:11px;color:var(--text-muted);font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-delete[data-v-64ff3373]{flex-shrink:0;padding:4px 12px;font-size:18px;line-height:1;background:none;border:none;color:var(--text-muted);cursor:pointer}.saved-delete[data-v-64ff3373]:hover{color:var(--accent)}.param-fields[data-v-64ff3373]{display:flex;flex-direction:column;gap:10px}.param-field[data-v-64ff3373]{display:flex;flex-direction:column;gap:4px}.param-label[data-v-64ff3373]{font-size:12px;font-weight:500;color:var(--text-input-label)}.param-input[data-v-64ff3373]{width:100%;box-sizing:border-box;padding:8px 10px;font-size:13px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-input);color:var(--text-heading);outline:none;transition:border-color .2s,background-color .2s}select.param-input[data-v-64ff3373]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.param-input[data-v-64ff3373]:focus{border-color:var(--accent);background:var(--bg-input-focus)}.param-input[data-v-64ff3373]::placeholder{color:var(--text-muted)}.button-row[data-v-64ff3373]{display:flex;gap:10px}.load-button[data-v-64ff3373]{flex:1;padding:10px 28px;font-size:14px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s,transform .1s}.load-button[data-v-64ff3373]:hover:not(:disabled){background:var(--accent-hover)}.load-button[data-v-64ff3373]:active:not(:disabled){transform:scale(.98)}.load-button[data-v-64ff3373]:disabled{opacity:.5;cursor:not-allowed}.save-toggle-button[data-v-64ff3373]{padding:10px 20px;font-size:14px;font-weight:600;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:6px;cursor:pointer;transition:background .2s,color .2s}.save-toggle-button[data-v-64ff3373]:hover:not(:disabled){background:var(--accent-bg)}.save-toggle-button[data-v-64ff3373]:disabled{opacity:.5;cursor:not-allowed}.save-form[data-v-64ff3373]{margin-top:-10px}.save-input-row[data-v-64ff3373]{display:flex;gap:8px}.save-name-input[data-v-64ff3373]{flex:1;padding:8px 12px;font-size:13px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-input);color:var(--text-heading);outline:none}.save-name-input[data-v-64ff3373]:focus{border-color:var(--accent);background:var(--bg-input-focus)}.save-name-input[data-v-64ff3373]::placeholder{color:var(--text-muted)}.save-confirm-button[data-v-64ff3373]{padding:8px 16px;font-size:13px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer}.save-confirm-button[data-v-64ff3373]:hover:not(:disabled){background:var(--accent-hover)}.save-confirm-button[data-v-64ff3373]:disabled{opacity:.5;cursor:not-allowed}.size-controls[data-v-64ff3373]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.size-input-group[data-v-64ff3373]{display:flex;align-items:center;gap:8px}.size-input-group label[data-v-64ff3373]{font-size:14px;color:var(--text-input-label);min-width:50px}.size-input[data-v-64ff3373]{flex:1;padding:8px 10px;font-size:14px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-input);color:var(--text-heading);outline:none;transition:border-color .2s,background-color .2s}.size-input[data-v-64ff3373]:focus{border-color:var(--accent);background:var(--bg-input-focus)}.size-input[data-v-64ff3373]::-webkit-inner-spin-button,.size-input[data-v-64ff3373]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.size-input[type=number][data-v-64ff3373]{-moz-appearance:textfield}.unit[data-v-64ff3373]{font-size:12px;color:var(--text-muted);margin-left:-4px}.iframe-container[data-v-136ad15e]{position:relative;border:2px solid var(--border-primary);border-radius:8px;overflow:hidden;background:var(--bg-input)}.iframe[data-v-136ad15e]{display:block;border:none;background:#fff;margin:0 auto}.placeholder[data-v-136ad15e]{padding:40px;text-align:center;color:var(--text-muted);font-style:italic;display:flex;align-items:center;justify-content:center}.resize-overlay[data-v-136ad15e]{position:absolute;inset:0;pointer-events:all;cursor:nwse-resize}.resize-handle[data-v-136ad15e]{position:absolute;bottom:0;right:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:nwse-resize;font-size:14px;color:var(--text-muted);-webkit-user-select:none;user-select:none;line-height:1}.error-banner[data-v-136ad15e]{margin-top:12px;padding:10px 14px;font-size:13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.app-layout[data-v-b80dde14]{display:flex;height:100vh;overflow:hidden}.drawer[data-v-b80dde14]{position:relative;width:24px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-primary);transition:width .25s ease;cursor:pointer}.drawer--open[data-v-b80dde14]{width:380px;cursor:default}.drawer-content[data-v-b80dde14]{padding:24px;width:380px;overflow-y:auto;height:100%;opacity:0;transition:opacity .15s ease;display:flex;flex-direction:column}.drawer--open .drawer-content[data-v-b80dde14]{opacity:1;transition-delay:.1s}button.drawer-tab[data-v-b80dde14]{position:absolute;top:50%;right:-14px;transform:translateY(-50%);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:0 6px 6px 0;padding:12px 4px;cursor:pointer;z-index:1;transition:background .2s;writing-mode:vertical-rl;font-family:inherit;outline:none}button.drawer-tab[data-v-b80dde14]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.drawer-tab[data-v-b80dde14]:hover{background:var(--bg-tertiary)}.drawer-tab-label[data-v-b80dde14]{font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase}.drawer-header[data-v-b80dde14]{text-align:center;margin-bottom:24px}.drawer-header h1[data-v-b80dde14]{font-size:1.5em;font-weight:700;color:var(--text-heading);margin:0 0 6px;white-space:nowrap}.subtitle[data-v-b80dde14]{font-size:12px;color:var(--text-secondary);margin:0;white-space:nowrap}.status-bar[data-v-b80dde14]{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:6px;padding:10px 12px;margin-top:16px;font-size:12px}.status-label[data-v-b80dde14]{color:var(--text-tertiary);font-weight:500;display:block;margin-bottom:4px}.status-url[data-v-b80dde14]{color:var(--accent);word-break:break-all;font-family:Courier New,monospace;font-size:11px}.env-badge[data-v-b80dde14]{padding:2px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.env-badge--development[data-v-b80dde14]{background:var(--badge-dev-bg);color:var(--badge-dev-color)}.env-badge--test[data-v-b80dde14]{background:#60a5fa26;color:#60a5fa}.version-label[data-v-b80dde14]{color:var(--text-dim)}.main-content[data-v-b80dde14]{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;position:relative}.toolbar[data-v-b80dde14]{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px}.theme-toggle[data-v-b80dde14]{padding:6px 10px;font-size:16px;line-height:1;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:background .2s,border-color .2s}.theme-toggle[data-v-b80dde14]:hover{border-color:var(--accent)}