.responsive-tester-page.svelte-1wit8ov{width:100%;padding:1rem 0 2rem}body.responsive-tester-fullwidth main{max-width:none}.container.svelte-1wit8ov{width:100%;margin:0 auto;min-width:46em;max-width:none!important;background:var(--bg-elev);border-radius:12px;box-shadow:0 10px 30px #0000001f;padding:1rem;display:grid;gap:.9rem}h1.svelte-1wit8ov{margin:0;font-size:clamp(1.4rem,3vw,2rem);text-align:left;font-weight:700;color:var(--text-strong)}.url-panel.svelte-1wit8ov{display:grid;gap:.45rem}label.svelte-1wit8ov{font-size:.92rem;font-weight:700;color:var(--text-subtle)}.url-row.svelte-1wit8ov{display:grid;grid-template-columns:1fr auto;gap:.5rem}input.svelte-1wit8ov,select.svelte-1wit8ov{width:100%;border:1px solid var(--border-strong);border-radius:8px;padding:.55rem .7rem;background:var(--bg-elev);color:var(--text)}button.svelte-1wit8ov{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:.55rem .8rem;font-weight:700;cursor:pointer}button.svelte-1wit8ov:hover{background:color-mix(in oklab,var(--accent) 85%,#000000)}.error-message.svelte-1wit8ov{margin:0;font-size:.88rem;color:#b42318}.controls-panel.svelte-1wit8ov{display:grid;gap:.6rem}.panel-title.svelte-1wit8ov{margin:0;font-size:.92rem;font-weight:700;color:var(--text-subtle)}.quick-buttons.svelte-1wit8ov{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem}.quick-buttons.svelte-1wit8ov button:where(.svelte-1wit8ov){min-height:44px;line-height:1.2;background:var(--bg-soft);color:var(--text);border-color:var(--border)}.quick-buttons.svelte-1wit8ov button.selected:where(.svelte-1wit8ov){background:var(--accent);color:#fff;border-color:var(--accent)}.extra-controls.svelte-1wit8ov{display:block}.compact-toolbar.svelte-1wit8ov{display:flex;align-items:center;gap:.6rem;flex-wrap:nowrap;padding:.48rem .6rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);overflow-x:auto}.compact-toolbar.svelte-1wit8ov label:where(.svelte-1wit8ov){white-space:nowrap;font-size:.86rem;color:var(--text-subtle)}.toolbar-sep.svelte-1wit8ov{width:1px;height:22px;background:var(--border);flex:0 0 auto}.compact-toolbar.svelte-1wit8ov select:where(.svelte-1wit8ov){width:auto;min-width:190px;max-width:340px;flex:1 1 auto;padding:.42rem .55rem;font-size:.85rem}.rotate-button.svelte-1wit8ov{flex:0 0 auto;min-width:62px;padding:.42rem .6rem;font-size:.84rem}#zoom-range.svelte-1wit8ov{width:130px;margin:0;padding:0}.zoom-value.svelte-1wit8ov{min-width:42px;text-align:right;font-size:.84rem;font-weight:700;color:var(--text-subtle)}.zoom-reset-button.svelte-1wit8ov{flex:0 0 auto;padding:.4rem .55rem;font-size:.8rem;background:var(--bg-soft);color:var(--text-subtle);border-color:var(--border)}.preview-card.svelte-1wit8ov{display:grid;gap:.5rem}.preview-stage.svelte-1wit8ov{width:100%;padding:.75rem;border-radius:10px;background:var(--bg-soft);border:1px solid var(--border);overflow:auto}.scaled-frame-box.svelte-1wit8ov{margin:0 auto}.preview-frame.svelte-1wit8ov{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:8px;overflow:hidden;box-shadow:0 10px 24px #18274b1f;transform-origin:top left}iframe.svelte-1wit8ov{width:100%;height:100%;border:0;background:#fff}.notice.svelte-1wit8ov{margin:0;font-size:.85rem;color:var(--text-muted)}.link-button.svelte-1wit8ov{padding:0;margin-left:.35rem;border:0;background:transparent;color:var(--accent);font-weight:700;text-decoration:underline}.link-button.svelte-1wit8ov:hover{background:transparent}@media(max-width:720px){.container.svelte-1wit8ov{padding:.85rem}.url-row.svelte-1wit8ov{grid-template-columns:1fr}.extra-controls.svelte-1wit8ov{display:block}}