.edit-studio-host{flex:1;width:100%;min-width:0;min-height:0;display:flex}.edit-session-workspace{flex:1;gap:12px;width:100%;min-width:0;min-height:0;display:flex}.edit-version-rail{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface-1);width:96px;min-width:96px;min-height:0;transition:width var(--duration-menu) var(--ease-standard), min-width var(--duration-menu) var(--ease-standard);flex-direction:column;gap:8px;padding:6px;display:flex;overflow:hidden}.edit-version-rail[data-collapsed]{width:56px;min-width:56px}.edit-version-rail-toggle{border-radius:var(--radius-sm);width:44px;min-height:44px;color:var(--text-2);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex:none;justify-content:center;align-items:center;display:flex}.edit-version-list{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.edit-version-button{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text-2);font-family:var(--font-mono);font-size:var(--font-size-meta);transition:border-color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);gap:4px;padding:4px;display:grid}.edit-version-button[aria-current=true]{border-color:var(--accent);color:var(--text-strong)}.edit-version-button:disabled:not([aria-current=true]){cursor:not-allowed;opacity:.45}.edit-version-thumb{aspect-ratio:1;border-radius:calc(var(--radius-sm) - 2px);object-fit:cover;background:var(--surface-2);width:100%}@media (hover:hover) and (pointer:fine){.edit-version-rail-toggle:hover,.edit-version-button:not(:disabled):hover{background:var(--surface-2)}}[data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host])>.tool-canvas{padding-top:var(--tool-stage-top);padding-bottom:calc(var(--tool-composer-h,140px) + var(--tool-dock-clearance));justify-content:stretch;overflow:hidden}[data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host]) .tool-canvas-heading{font-size:var(--font-size-body);line-height:var(--line-height-body);letter-spacing:normal;align-self:start;font-weight:500}[data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host]) .tool-canvas-content{flex:1;min-height:0;display:flex}.edit-landing{width:100%;max-width:var(--tool-composer-max);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface-1);text-align:center;justify-items:center;gap:12px;margin-inline:auto;padding:24px 16px;display:grid}.edit-landing[data-dropping]{border-color:var(--primary);background:var(--surface-2)}.edit-landing-pitch{max-width:46ch;color:var(--text-2);font-size:var(--font-size-ui);text-wrap:balance;margin:0;line-height:22px}.edit-landing-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.edit-landing-note{color:var(--text-2);font-size:var(--font-size-meta);margin:0;line-height:18px}.edit-landing-error{border-left:3px solid var(--danger);background:var(--danger-surface);color:var(--danger);font-size:var(--font-size-meta);line-height:var(--line-height-meta);text-align:start;margin:0;padding:8px 10px}.edit-recent-sessions{border-top:1px solid var(--border-subtle);text-align:start;width:100%;margin-top:8px;padding-top:16px}.edit-recent-sessions-title{color:var(--text-1);font-size:var(--font-size-ui);line-height:var(--line-height-ui);margin:0 0 10px;font-weight:500}.edit-recent-session-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.edit-recent-session-button{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text-2);font-size:var(--font-size-meta);font-variant-numeric:tabular-nums;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);gap:6px;padding:6px;display:grid}.edit-recent-session-button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.edit-recent-session-thumb{aspect-ratio:1;border-radius:calc(var(--radius-sm) - 2px);object-fit:cover;background:var(--surface-2);width:100%}@media (hover:hover) and (pointer:fine){.edit-recent-session-button:hover{border-color:var(--border-strong);background:var(--surface-2)}}@media (max-width:767px){.edit-landing{padding-block:16px}}.edit-studio{grid-template-columns:minmax(0,1fr) 320px;gap:12px;width:100%;min-width:0;height:100%;min-height:0;display:grid}.edit-studio-main{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}@media (hover:hover) and (pointer:fine){.edit-gesture-help{display:none}}.edit-studio-stage{border:1px solid var(--glass-border);border-radius:var(--radius-lg);overscroll-behavior:contain;flex:1 1 0;min-height:220px;position:relative;overflow:hidden}.edit-studio-surface{display:block;position:absolute;inset:0}.edit-studio-frame{pointer-events:none;outline:1px dashed #ffffff73;position:absolute}.edit-studio-frame[data-active]{outline:1px solid var(--text-strong);pointer-events:auto;box-shadow:0 0 0 9999px #00000059}.edit-studio-transformer{outline:1px solid var(--primary);pointer-events:none;position:absolute}.edit-studio-handle{border:1px solid var(--surface-0);background:var(--text-strong);pointer-events:auto;touch-action:none;width:14px;height:14px;position:absolute}.edit-studio-handle[data-handle=nw]{cursor:nwse-resize;top:-7px;left:-7px}.edit-studio-handle[data-handle=n]{cursor:ns-resize;top:-7px;left:calc(50% - 7px)}.edit-studio-handle[data-handle=ne]{cursor:nesw-resize;top:-7px;right:-7px}.edit-studio-handle[data-handle=e]{cursor:ew-resize;top:calc(50% - 7px);right:-7px}.edit-studio-handle[data-handle=se]{cursor:nwse-resize;bottom:-7px;right:-7px}.edit-studio-handle[data-handle=s]{cursor:ns-resize;bottom:-7px;left:calc(50% - 7px)}.edit-studio-handle[data-handle=sw]{cursor:nesw-resize;bottom:-7px;left:-7px}.edit-studio-handle[data-handle=w]{cursor:ew-resize;top:calc(50% - 7px);left:-7px}.edit-studio-rotate{border:1px solid var(--surface-0);background:var(--primary);cursor:grab;pointer-events:auto;touch-action:none;border-radius:9999px;width:14px;height:14px;position:absolute;top:-28px;left:calc(50% - 7px)}.edit-studio-rotate:before{background:var(--primary);content:"";width:1px;height:15px;position:absolute;top:13px;left:6px}.edit-studio-region{outline:2px solid var(--region-color);position:absolute}.edit-studio-region-body{cursor:move;touch-action:none;position:absolute;inset:0}.edit-studio-region-chip{border-radius:9999px;background:color-mix(in srgb, var(--surface-0) 82%, transparent);max-width:18rem;color:var(--text-1);font-size:var(--font-size-meta);line-height:var(--line-height-meta);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-start-start-radius:0;padding:4px 10px;position:absolute;top:0;left:24px;overflow:hidden;transform:translateY(-100%)}.edit-studio-region-card{z-index:20;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface-1);gap:8px;width:max(240px,100%);max-width:min(20rem,80vw);padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #0000006b}.edit-studio-region-card textarea{resize:none;width:100%;min-height:56px;color:var(--text-1);font-size:var(--font-size-ui);background:0 0;border:none;outline:none;line-height:20px}.edit-studio-region-actions{justify-content:flex-end;gap:6px;display:flex}.edit-studio-region-button{border:1px solid var(--border-strong);min-width:44px;color:var(--text-1);font-size:var(--font-size-meta);line-height:var(--line-height-meta);background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding-inline:14px;font-weight:500;display:inline-flex}.edit-studio-region-button--primary{background:var(--primary);color:var(--primary-text);border-color:#0000}.edit-studio-corner{z-index:10;align-items:center;gap:6px;display:flex;position:absolute;top:12px}.edit-studio-corner--start{left:12px}.edit-studio-corner--end{right:12px}.edit-studio-corner-button{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--surface-0) 78%, transparent);width:44px;min-width:44px;height:44px;color:var(--text-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--duration-fast) var(--ease-standard);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.edit-studio-corner-button--wide{width:auto;font-size:var(--font-size-meta);line-height:var(--line-height-meta);padding-inline:14px;font-weight:500}.edit-studio-corner-button[aria-pressed=true]{border-color:var(--border-strong);background:var(--surface-elevated);color:var(--text-strong)}.edit-studio-corner-button:disabled{opacity:.4;cursor:not-allowed}.edit-studio-brush-ring{z-index:12;pointer-events:none;border:1px solid #ffffffe6;border-radius:9999px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009}.edit-studio-brush-ring[data-erase]{border-style:dashed}.edit-studio-drop{z-index:15;border-radius:var(--radius-lg);color:var(--text-strong);font-size:var(--font-size-ui);line-height:var(--line-height-ui);pointer-events:none;background:#00000073;border:2px dashed #fff9;justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;inset:0}.edit-studio-busy{z-index:25;background:color-mix(in srgb, var(--surface-0) 58%, transparent);color:var(--text-1);font-size:var(--font-size-meta);line-height:var(--line-height-meta);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.edit-studio[data-busy] .edit-studio-sidebar{opacity:.55;pointer-events:none}.edit-studio-menu{z-index:30;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--surface-1);min-width:190px;padding:4px;display:grid;position:absolute;box-shadow:0 12px 32px #00000080}.edit-studio-menu-item{border-radius:var(--radius-sm);min-height:44px;color:var(--text-1);font-size:var(--font-size-ui);line-height:var(--line-height-ui);text-align:start;align-items:center;padding-inline:10px;display:flex}@media (hover:hover) and (pointer:fine){.edit-studio-menu-item:hover{background:var(--surface-3)}}.edit-studio-error{border-left:3px solid var(--danger);background:var(--danger-surface);color:var(--danger);font-size:var(--font-size-meta);line-height:var(--line-height-meta);margin:0;padding:8px 10px}.edit-studio-sidebar{overscroll-behavior:contain;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface-1);flex-direction:column;gap:4px;min-width:0;min-height:0;padding:8px;display:flex;overflow-y:auto}.edit-studio-section+.edit-studio-section{border-top:1px solid var(--border-subtle)}.edit-studio-section-header{border-radius:var(--radius-sm);width:100%;color:var(--text-1);font-size:var(--font-size-ui);line-height:var(--line-height-ui);align-items:center;gap:8px;padding:6px 8px;display:flex}@media (hover:hover) and (pointer:fine){.edit-studio-section-header:hover{background:var(--surface-2)}}.edit-studio-section[data-open]>.edit-studio-section-header{background:var(--surface-2);color:var(--text-strong)}.edit-studio-section-icon{border-radius:var(--radius-sm);background:var(--surface-3);width:24px;height:24px;color:var(--text-1);flex:none;justify-content:center;align-items:center;display:flex}.edit-studio-section-body{justify-items:start;gap:8px;padding:4px 8px 12px;display:grid}.edit-studio-chiprow{align-items:center;gap:var(--tool-chip-gap);flex-wrap:wrap;width:100%;min-width:0;display:flex}.edit-studio-chip{background:var(--surface-3);min-width:44px;color:var(--text-1);font-size:var(--font-size-meta);line-height:var(--line-height-meta);transition:background-color var(--duration-fast) var(--ease-standard);border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding-inline:12px;font-weight:500;display:inline-flex}.edit-studio-chip[aria-pressed=true]{border-color:var(--border-strong);background:var(--surface-elevated);color:var(--text-strong)}@media (hover:hover) and (pointer:fine){.edit-studio-chip:hover{background:var(--surface-elevated)}}.edit-studio-ratios{gap:var(--tool-chip-gap);grid-template-columns:repeat(auto-fill,minmax(60px,1fr));width:100%;display:grid}.edit-studio-swatches{gap:var(--tool-chip-gap);flex-wrap:wrap;display:flex}.edit-studio-swatch{width:44px;min-width:44px;height:44px;box-shadow:inset 0 0 0 6px var(--surface-1), inset 0 0 0 7px var(--border-strong);background:var(--swatch);border-radius:9999px}.edit-studio-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 6px var(--surface-1), 0 0 0 2px var(--text-strong)}.edit-studio-layers{gap:2px;width:100%;display:grid}.edit-studio-layers>li{align-items:center;gap:2px;display:flex;position:relative}.edit-studio-layers>li[data-dragging]{opacity:.5}.edit-studio-layers>li[data-drop]:before{background:var(--text-strong);content:"";pointer-events:none;height:2px;animation:edit-layer-drop-in var(--duration-fast) var(--ease-standard);border-radius:9999px;position:absolute;left:0;right:0}.edit-studio-layers>li[data-drop=before]:before{top:-2px}.edit-studio-layers>li[data-drop=after]:before{bottom:-2px}@keyframes edit-layer-drop-in{0%{opacity:0}}.edit-studio-layer-grip{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-3);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex:none;justify-content:center;align-items:center;display:flex}.edit-studio-layers>li[data-dragging]>.edit-studio-layer-grip{color:var(--text-strong);cursor:grabbing}@media (hover:hover) and (pointer:fine){.edit-studio-layer-grip:hover{background:var(--surface-2);color:var(--text-1)}}.edit-studio-layer{border-radius:var(--radius-sm);min-width:0;color:var(--text-1);font-size:var(--font-size-meta);line-height:var(--line-height-meta);flex:1;align-items:center;gap:8px;padding:2px 6px;display:flex}.edit-studio-layer[aria-pressed=true]{background:var(--surface-3);color:var(--text-strong)}.edit-studio-thumb{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);flex:none;width:40px;height:40px}.edit-studio-regions{gap:2px;width:100%;display:grid}.edit-studio-region-row{align-items:center;gap:4px;display:flex}.edit-studio-light{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);gap:6px;width:100%;padding:8px;display:grid}.edit-studio-region-open{border-radius:var(--radius-sm);min-width:0;color:var(--text-1);font-size:var(--font-size-meta);line-height:var(--line-height-meta);flex:1;align-items:center;gap:8px;padding:2px 6px;display:flex}.edit-studio-region-open[aria-pressed=true]{background:var(--surface-3);color:var(--text-strong)}.edit-studio-region-dot{border-radius:9999px;flex:none;width:10px;height:10px}.edit-studio-dial{aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-1);touch-action:none;align-self:center;width:100%;max-width:208px;display:block}.edit-studio-colorfield{align-items:center;gap:4px;display:inline-flex}.edit-studio-colorfield input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:9999px;width:44px;height:44px;padding:6px}.edit-studio-colorfield input[type=text]{border:1px solid var(--border-strong);background:var(--surface-3);width:84px;height:44px;color:var(--text-1);font-family:var(--font-mono);font-size:var(--font-size-meta);line-height:var(--line-height-meta);text-transform:uppercase;border-radius:9999px;padding-inline:12px}.edit-studio-presets{gap:var(--tool-chip-gap);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.edit-studio-preset{border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-1);font-size:var(--font-size-meta);line-height:var(--line-height-meta);text-align:left;gap:4px;padding:6px;display:grid}.edit-studio-preset-strip{border-radius:4px;height:20px;display:flex;overflow:hidden}.edit-studio-preset-strip>span{flex:1}@media (hover:hover) and (pointer:fine){.edit-studio-preset:hover{background:var(--surface-elevated)}}.edit-studio-sliders{gap:4px;width:100%;display:grid}.edit-studio-slider{gap:2px;width:100%;display:grid}.edit-studio-slider>span{color:var(--text-2);font-size:var(--font-size-meta);line-height:var(--line-height-meta);justify-content:space-between;gap:8px;display:flex}.edit-studio-slider>span>output{font-family:var(--font-mono);font-size:var(--font-size-meta);line-height:var(--line-height-meta)}.edit-studio-slider input{width:100%;accent-color:var(--primary)}.edit-studio-hint{color:var(--text-2);font-size:var(--font-size-meta);word-break:keep-all;margin:0;line-height:17px}.edit-studio-shortcuts{color:var(--text-3);font-size:var(--font-size-meta);word-break:keep-all;margin:0 16px 8px;line-height:16px}.edit-studio-shortcuts summary{cursor:pointer;align-content:center;min-height:44px}.edit-studio-shortcuts p{padding-bottom:8px}@media (max-width:1023px){.edit-studio{flex-direction:column;gap:8px;display:flex}.edit-studio-main{flex:auto;min-height:320px}.edit-studio-stage{min-height:0}.edit-studio-sidebar{flex:0 999 auto;min-height:0;max-height:45svh}[data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host]){flex-direction:column;display:flex;overflow-y:auto}[data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host])>.tool-canvas{flex:none;height:max(720px,100svh);padding-bottom:24px}[data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host])>.tool-composer{flex:none;align-self:stretch}.edit-studio-corner--end{top:auto;bottom:12px}.edit-studio-sidebar{min-height:88px}}@media (max-width:767px){.edit-session-workspace{flex-direction:column;gap:8px}.edit-version-rail:not([data-collapsed]){flex-direction:row;width:100%;min-width:0;max-height:116px}.edit-version-list{flex-direction:row;flex:1;overflow:auto hidden}.edit-version-list>li,.edit-version-button{flex:none;width:76px}.edit-version-thumb{height:64px}}.layer-workspace{gap:10px;width:100%;padding:8px 0 16px;display:grid}.layer-workspace-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.layer-workspace-bar button{border-radius:var(--radius-sm);background:var(--surface-2);min-width:44px;min-height:44px;box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--text-1);font-size:var(--font-size-meta);justify-content:center;align-items:center;gap:4px;padding:0 12px;transition:background-color .1s;display:inline-flex}.layer-workspace-bar .layer-workspace-save{background:var(--text-1);color:var(--surface-0);margin-left:auto}.layer-workspace-body{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:12px;display:grid}.layer-workspace-stage-wrap{place-items:center;min-width:0;display:grid}.layer-workspace-stage{width:min(100%, 960px, max(200px, calc((100dvh - 320px) * var(--doc-aspect,1))));background:repeating-conic-gradient(var(--surface-2) 0 25%, var(--surface-3) 0 50%) 0 0 / 16px 16px;box-shadow:inset 0 0 0 1px var(--border-subtle);touch-action:none;position:relative;overflow:hidden}.layer-workspace-stage:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.layer-workspace-stage img,.layer-workspace-stage canvas{-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50%;max-width:none;position:absolute}.layer-workspace-stage [data-selected]{outline:2px solid var(--focus);outline-offset:-1px}.layer-workspace-side{gap:10px;min-width:0;display:grid}.text-layer-controls{border-radius:var(--radius-sm);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--border-subtle);border:0;gap:8px;margin:0;padding:10px;display:grid}.text-layer-controls legend{float:left;width:100%;color:var(--text-2);font-size:var(--font-size-meta);font-weight:var(--font-weight-meta);padding:0}.text-layer-controls label{min-width:0;color:var(--text-2);font-size:var(--font-size-meta);gap:4px;display:grid}.text-layer-controls textarea,.text-layer-controls input{border-radius:var(--radius-sm);background:var(--surface-0);width:100%;min-height:44px;box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--text-1);font-size:var(--font-size-ui);padding:6px 10px}.text-layer-controls textarea{resize:vertical}.text-layer-controls input[type=color]{padding:4px}.text-layer-controls-row{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;display:grid}.text-layer-controls-buttons{flex-wrap:wrap;gap:2px;display:flex}.text-layer-controls-buttons button{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--text-2);justify-content:center;align-items:center;transition:background-color .1s;display:inline-flex}.text-layer-controls-buttons button[aria-pressed=true]{color:var(--text-1);background:var(--surface-3)}.layer-edit{border-radius:var(--radius-sm);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--border-subtle);gap:8px;padding:10px;display:grid}.layer-edit label{color:var(--text-2);font-size:var(--font-size-meta);gap:6px;display:grid}.layer-edit textarea{border-radius:var(--radius-sm);background:var(--surface-0);width:100%;min-height:44px;box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--text-1);font-size:var(--font-size-ui);resize:vertical;padding:6px 10px}.layer-edit textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.layer-edit [role=alert]{color:var(--danger);font-size:var(--font-size-meta);margin:0}.layer-edit-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.layer-edit-actions button{border-radius:var(--radius-sm);background:var(--surface-2);min-width:44px;min-height:44px;color:var(--text-1);font-size:var(--font-size-meta);padding:0 12px;transition:background-color .1s}.layer-edit-actions .layer-edit-submit{background:var(--text-1);color:var(--surface-0)}.text-layer-font{overflow-wrap:anywhere;color:var(--text-2);font-size:var(--font-size-meta);margin:0}.text-layer-controls textarea:focus-visible,.text-layer-controls input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.layer-panel{gap:4px;max-height:calc(100dvh - 260px);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.layer-panel li{border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:2px;padding:2px;display:flex}.layer-panel li[data-selected]{background:var(--surface-2)}.layer-panel .layer-panel-name,.layer-panel input{border-radius:var(--radius-sm);min-width:0;min-height:44px;color:var(--text-1);font-size:var(--font-size-ui);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1 0 100%;padding:0 10px;overflow:hidden}.layer-panel input{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--border-subtle)}.layer-panel li>button:not(.layer-panel-name){border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--text-2);justify-content:center;align-items:center;display:inline-flex}.layer-panel li>button[aria-pressed=true]{color:var(--text-1);background:var(--surface-3)}.layer-workspace button:focus-visible,.layer-panel input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.layer-workspace button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:768px){.layer-workspace-body{grid-template-columns:minmax(0,1fr)}.layer-workspace-stage{width:100%}.layer-panel{max-height:none}}.layer-workspace--page .layer-workspace-stage-wrap{overscroll-behavior:contain;place-items:start center;max-height:calc(100dvh - 240px);overflow-y:auto}.layer-workspace--page .layer-workspace-stage{touch-action:pan-y;width:min(100%,720px)}@media (max-width:768px){.layer-workspace--page .layer-workspace-stage-wrap{max-height:70dvh}}@media (prefers-reduced-motion:reduce){.layer-workspace-bar button,.text-layer-controls-buttons button,.layer-edit-actions button{transition:none}}.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage{grid-template:minmax(340px,1fr) auto/minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:0;padding:0;display:grid}.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage:has(>.tool-inspector){grid-template-columns:minmax(0,1fr) 288px}:is(.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage>.tool-canvas,.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host])>.tool-canvas){flex:none;grid-area:1/1;width:100%;height:auto;min-height:0;padding:24px 24px 0;display:flex;overflow-y:auto}.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage>.tool-inspector{border-left:1px solid var(--border-subtle);background:var(--surface-1);grid-area:1/2;min-width:0}:is(.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage>.tool-composer,.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host])>.tool-composer){flex:none;grid-area:2/1/3/-1;align-self:end;width:100%;padding:16px 24px 24px}.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-canvas-content{flex:1;max-width:none;min-height:0;margin:0}.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-canvas-content:has(>.edit-landing){flex:1 0 auto;padding-bottom:16px}.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .edit-landing{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-0);align-content:safe center;max-width:1024px;min-height:300px}.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .edit-landing-primary,.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .edit-landing-secondary{border-radius:var(--radius)}.tool-shell-page[data-design=screen-proposal] .edit-version-rail{border-radius:var(--radius);width:72px;min-width:72px}.tool-shell-page[data-design=screen-proposal] .edit-version-rail[data-collapsed]{width:56px;min-width:56px}.tool-shell-page[data-design=screen-proposal] .edit-studio{grid-template-columns:minmax(0,1fr) 288px;gap:12px;display:grid}.tool-shell-page[data-design=screen-proposal] .edit-studio-stage{border-color:var(--border-subtle);border-radius:var(--radius);background:var(--shell)}.edit-studio-stage:before{left:var(--edit-frame-x);top:var(--edit-frame-y);width:var(--edit-frame-w);height:var(--edit-frame-h);background:repeating-conic-gradient(var(--surface-2) 0% 25%, var(--surface-1) 0% 50%) 50% / 16px 16px;content:"";pointer-events:none;position:absolute}.tool-shell-page[data-design=screen-proposal] .edit-studio-sidebar{border:1px solid var(--border-subtle);border-radius:var(--radius);scrollbar-width:thin;gap:0;padding:0}.edit-studio-tool-nav{z-index:12;border-bottom:1px solid var(--border-subtle);background:var(--surface-1);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px;display:grid;position:sticky;top:0}.edit-studio-tool-button{border-radius:var(--radius-sm);min-width:44px;min-height:60px;color:var(--text-2);font-size:var(--font-size-meta);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.edit-studio-tool-button:hover{background:var(--surface-2);color:var(--text-1)}.edit-studio-tool-button[aria-expanded=true]{background:var(--surface-3);color:var(--text-strong);box-shadow:var(--shadow-active)}.edit-studio-tool-hint{padding:16px}.edit-studio-panel-heading{gap:6px;padding:16px;display:grid}.edit-studio-panel-heading h3{font-size:var(--font-size-ui);font-weight:500}.edit-studio-panel-heading p{color:var(--text-3);font-size:var(--font-size-meta);line-height:var(--line-height-meta)}.tool-shell-page[data-design=screen-proposal] .edit-studio-section{border:0;min-width:0}.tool-shell-page[data-design=screen-proposal] .edit-studio-section-body{justify-items:stretch;gap:12px;padding:0 16px 16px}.tool-shell-page[data-design=screen-proposal] .edit-studio-corner{border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass-regular-strong);gap:0;padding:2px}.tool-shell-page[data-design=screen-proposal] .edit-studio-corner-button{border-radius:var(--radius-sm);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.tool-shell-page[data-design=screen-proposal] .edit-studio-corner-button[aria-pressed=true]{background:var(--surface-3)}.tool-shell-page[data-design=screen-proposal] .edit-studio-zoom{background:0 0;padding-inline:8px}.edit-studio-stage-caption{z-index:3;color:var(--text-3);font-size:var(--font-size-meta);pointer-events:none;position:absolute;bottom:12px;left:16px}.edit-studio-region-index{z-index:2;background:var(--text-1);color:var(--surface-0);font-size:var(--font-size-meta);pointer-events:none;border-radius:4px;padding:2px 7px;line-height:16px;position:absolute;top:-16px;left:-1px}.edit-proposal-inspector{align-content:start;gap:12px;width:100%;min-width:0;display:grid}.edit-proposal-inspector-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.edit-proposal-inspector-head h2{font-size:var(--font-size-ui);font-weight:500}.edit-proposal-inspector-head span{color:var(--text-3);font-size:var(--font-size-meta)}.edit-proposal-region-tabs{gap:8px;display:flex;overflow-x:auto}.edit-proposal-region-tabs button{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);min-width:80px;min-height:44px;color:var(--text-2);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:8px 12px;overflow:hidden}.edit-proposal-region-tabs button[aria-pressed=true]{border-color:var(--text-2);color:var(--text-1)}.edit-proposal-empty{color:var(--text-2);font-size:var(--font-size-meta);line-height:var(--line-height-meta)}.edit-proposal-active-region{gap:12px;min-width:0;display:grid}.edit-proposal-prompt-label{color:var(--text-2);font-size:var(--font-size-meta);gap:8px;display:grid}.edit-proposal-prompt-label textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-0);width:100%;min-height:96px;color:var(--text-1);font-size:var(--font-size-body);line-height:var(--line-height-body);resize:vertical;padding:12px}@container tool-workspace (max-width:999px){:is(.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage,.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host])){flex-direction:column;display:flex}.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage>.tool-inspector{border:1px solid var(--border-subtle);border-radius:var(--radius);margin:16px 24px 0}:is(.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage>.tool-canvas,.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host])>.tool-canvas){flex:1 0 auto;height:auto;min-height:0;overflow:visible}.tool-shell-page[data-design=screen-proposal] .edit-studio{flex-direction:column;gap:12px;height:auto;display:flex}.tool-shell-page[data-design=screen-proposal] .edit-studio-main{flex:none;height:clamp(320px,45dvh,480px);min-height:320px}.tool-shell-page[data-design=screen-proposal] .edit-studio-sidebar{flex:none;max-height:none;overflow:visible}.tool-shell-page[data-design=screen-proposal] .edit-studio-section{overscroll-behavior:contain;max-height:280px;overflow-y:auto}.edit-studio-tool-nav{scrollbar-width:thin;gap:4px;display:flex;position:static;overflow-x:auto}.edit-studio-tool-button{flex:1;min-width:64px}.tool-shell-page[data-design=screen-proposal] .edit-studio-corner--end{top:auto;bottom:12px}.edit-studio-stage-caption{display:none}}@container tool-workspace (max-width:760px){.tool-shell-page[data-design=screen-proposal] .tool-context-model-label{display:none}:is(.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage>.tool-canvas,.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host])>.tool-canvas){padding:16px 16px 0}:is(.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage>.tool-composer,.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage:has([data-studio-host])>.tool-composer){padding:12px 16px 16px}.tool-shell-page[data-design=screen-proposal][data-tool-layout=edit] .tool-workspace-stage>.tool-inspector{margin-inline:16px}.tool-shell-page[data-design=screen-proposal] .edit-session-workspace{flex-direction:column;gap:12px}.tool-shell-page[data-design=screen-proposal] .edit-version-rail,.tool-shell-page[data-design=screen-proposal] .edit-version-rail[data-collapsed]{flex-direction:row;align-items:center;width:100%;min-width:0;height:60px;max-height:none;padding:4px}.tool-shell-page[data-design=screen-proposal] .edit-version-list{flex-direction:row;flex:1;overflow:auto hidden}.tool-shell-page[data-design=screen-proposal] .edit-version-list>li{width:auto}.tool-shell-page[data-design=screen-proposal] .edit-version-button{align-items:center;gap:8px;width:auto;min-width:76px;display:flex}.tool-shell-page[data-design=screen-proposal] .edit-version-thumb{width:36px;height:36px}.tool-shell-page[data-design=screen-proposal] .edit-studio-section{max-height:240px}}.edit-gesture-help{color:var(--text-2);font-size:var(--font-size-meta);line-height:var(--line-height-meta);padding:8px 12px}
