:root{color:#f4f8fb;font-synthesis:none;background:#06131c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-width:0;min-height:100%;margin:0}body{background:radial-gradient(circle at 55% -20%,#194d6961,#0000 38rem),#06131c;min-height:100svh}button,select,input{font:inherit}button,select{color:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #35d6f5}.app-shell{grid-template-rows:auto minmax(0,1fr) auto auto;min-height:100svh;display:grid;overflow:hidden}.topbar{z-index:2;background:#040f17eb;border-bottom:1px solid #1b3444;grid-template-columns:auto auto auto auto auto auto minmax(22rem,1fr) auto;align-items:center;gap:1rem;min-width:0;padding:.75rem 1rem;display:grid;box-shadow:0 .4rem 1.5rem #00000038}.brand{color:#fff;white-space:nowrap;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:750;text-decoration:none;display:flex}.brand-mark{fill:none;stroke:#2dd7ec;stroke-linejoin:round;stroke-width:2px;width:2rem;height:2rem}.brand-mark path:nth-child(2){stroke:#70f1b7}.brand-mark circle{fill:#1597e5;stroke:none}.privacy-badge{color:#c8f6ce;white-space:nowrap;background:#16351f;border:1px solid #3c8648;border-radius:.55rem;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.8rem;display:inline-flex}.language-control select{min-height:2rem;color:var(--text-strong);font:inherit;background:#102838;border:1px solid #36566a;border-radius:.4rem;padding:.3rem 1.7rem .3rem .55rem;font-size:.72rem;font-weight:700}.view-tabs{scrollbar-width:thin;background:#0d202e;border:1px solid #1a3142;border-radius:.55rem;justify-self:center;min-width:0;display:flex;overflow-x:auto}.view-tabs button{color:#9eb0bc;background:0 0;border:0;border-bottom:2px solid #0000;min-width:max-content;padding:.65rem 1.25rem}.view-tabs button:hover,.view-tabs .active{color:#fff;background:#142c3d}.view-tabs .active{border-bottom-color:#29d9f1}.zoom-controls{white-space:nowrap;background:#0a1b27;border:1px solid #294354;border-radius:.5rem;align-items:center;display:flex}.zoom-controls button{background:0 0;border:0;width:2.25rem;height:2.25rem}.zoom-controls span{color:#c8d4dc;padding:0 .75rem;font-size:.85rem}.studio-grid{grid-template-columns:minmax(16rem,20rem) minmax(0,1fr);gap:.75rem;min-width:0;min-height:0;padding:.75rem;display:grid;overflow:auto}.sidebar,.workspace,.comparison,.comparison-stage,.preview-pane{min-width:0}.sidebar{background:#081a26e6;border:1px solid #244052;border-radius:.7rem;flex-direction:column;gap:.55rem;padding:.55rem;display:flex}.source-card{background:#0c2231;border:1px dashed #38586c;border-radius:.55rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.7rem;display:grid}.source-card.drag-active{background:#123247;border-color:#35d6f5}.source-icon{color:#43d5ec;background:#143246;border-radius:.45rem;place-items:center;width:2.25rem;height:2.25rem;font-size:1.5rem;display:grid}.source-thumbnail{object-fit:contain;background:#eef2f3;border-radius:.45rem;width:2.25rem;height:2.25rem}.source-card strong,.source-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.source-card span{color:#8399a8;margin-top:.15rem;font-size:.73rem}.source-card button,.manager-button{background:#152d3e;border:1px solid #385568;border-radius:.4rem;padding:.45rem .65rem;font-size:.77rem}.source-actions{gap:.35rem;display:grid}.image-error{color:#ffb8b8;grid-column:1/-1;margin:0;font-size:.75rem}.convert-button{background:linear-gradient(#1595e9,#0873c4);border:1px solid #176fac;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:700;display:flex}.convert-button:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.62}.control-panel{background:#0b202e;border:1px solid #1e394b;border-radius:.55rem;padding:.7rem}.control-panel h2{margin:0 0 .65rem;font-size:.9rem}.control-panel label{color:#a8bac6;grid-template-columns:minmax(0,1fr) minmax(6.2rem,45%);align-items:center;gap:.6rem;margin-top:.45rem;font-size:.78rem;display:grid}.control-panel label>small{color:#6f8998;text-align:right;grid-column:1/-1;margin-top:-.35rem;font-size:.65rem}.control-panel select,.range-label output{color:#e7eef2;background:#142938;border:1px solid #355163;border-radius:.35rem;min-width:0;padding:.45rem .55rem}.preset-actions{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;margin-top:.55rem;display:grid}.preset-actions input,.preset-actions button{color:#e7eef2;background:#142938;border:1px solid #355163;border-radius:.35rem;min-width:0;padding:.4rem .5rem;font-size:.72rem}.preset-actions #delete-preset,.preset-actions output{grid-column:1/-1}.preset-actions output{color:#86a2b3;min-height:1rem;font-size:.68rem}.preset-actions button:disabled{cursor:not-allowed;opacity:.5}.target-dimensions{color:#86a2b3;text-align:right;margin-top:.35rem;font-size:.72rem;display:block}.range-label{grid-template-columns:1fr auto!important}.range-label input{accent-color:#32d5ee;grid-column:1/-1;width:100%}.range-label output{text-align:center;min-width:3.5rem;padding-block:.25rem}.switch-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.switch-row h2{margin-bottom:.2rem}.switch-row p{color:#859aa8;margin:0;font-size:.75rem}.switch{background:#263b4a;border:1px solid #3a5263;border-radius:999px;flex:none;width:2.65rem;height:1.45rem;padding:.15rem}.switch>span:first-child{background:#eaf0f3;border-radius:50%;width:1rem;height:1rem;transition:transform .12s;display:block}.switch[aria-checked=true]{background:#168eaa;border-color:#35d6f5}.switch[aria-checked=true]>span:first-child{transform:translate(1.15rem)}.shape-panel{gap:.65rem;display:grid}.shape-type-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .6rem;display:grid}.shape-type-options label{color:#b8c7cf;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.shape-type-options input{accent-color:#35d6f5}.hardware-profile-summary{color:#7893a3;font-size:.68rem;line-height:1.35}.workspace{grid-template-rows:minmax(22rem,1fr) auto auto;gap:.65rem;display:grid}.comparison,.diff-panel,.history-panel{background:#0a1f2c;border:1px solid #345164;border-radius:.7rem;overflow:hidden}.comparison-stage{--workspace-background:#fff;background:var(--workspace-background);grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);height:100%;min-height:22rem;display:grid;position:relative}.conversion-progress{z-index:10;color:#f3f8fa;background:#071c28f0;border:1px solid #3d6074;border-radius:.5rem;grid-template-columns:auto minmax(8rem,14rem) auto auto;align-items:center;gap:.65rem;padding:.55rem .75rem;font-size:.78rem;font-weight:700;display:grid;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 .3rem 1rem #00000038}.conversion-progress[hidden]{display:none}.conversion-progress progress{accent-color:#35d6f5;width:100%}.conversion-progress output{color:#bfeefa;text-align:right;min-width:4.5rem}.conversion-progress button{color:#ffdce0;font:inherit;background:#4b2027;border:1px solid #98626a;border-radius:.35rem;padding:.3rem .5rem}.comparison-stage[data-view-mode=comparison].compare-active>.preview-pane,.comparison-stage[data-view-mode=comparison].compare-active>.comparison-divider{display:none}.compare-output{color:#0c1d28;background:var(--workspace-background);position:absolute;inset:0}.compare-run-heading{z-index:1;align-items:center;gap:.45rem;display:flex;position:absolute;top:1rem}.compare-run-heading-a{left:1rem}.compare-run-heading-b{right:1rem}.compare-download{color:#f6fafc;background:#0873c4;border:1px solid #176fac;border-radius:.35rem;padding:.42rem .6rem;font-weight:700}.compare-canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:3.8rem 1rem 4.3rem;overflow:hidden}.compare-canvas.is-panning{cursor:grabbing}.compare-layer{position:absolute;inset:0;overflow:hidden}.compare-content{transform-origin:50%;will-change:transform;position:absolute;inset:0}.compare-content svg,.compare-content img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.compare-slider{background:#ffffffeb;border:1px solid #c8d3d8;border-radius:.45rem;grid-template-columns:auto minmax(12rem,24rem) 4rem;align-items:center;gap:.7rem;width:min(90%,34rem);padding:.55rem .75rem;display:grid;position:absolute;bottom:.85rem;right:50%;transform:translate(50%);box-shadow:0 .2rem .65rem #00000026}.compare-slider span,.compare-slider output{font-size:.78rem;font-weight:700}.preview-pane{color:#0c1d28;background:var(--workspace-background);padding:1rem;position:relative}.preview-label{z-index:1;color:#f6fafc;background:#0a1c28;border-radius:.35rem;width:max-content;padding:.45rem .65rem;font-weight:700;display:block;position:relative}.preview-label.align-right{margin-left:auto}.download-button{z-index:1;color:#f6fafc;background:#0873c4;border:1px solid #176fac;border-radius:.35rem;padding:.45rem .65rem;font-weight:700;position:absolute;top:1rem;right:1rem}.workspace-metadata{z-index:4;color:#e9f1f5;font-size:.72rem;position:absolute;bottom:1rem;left:1rem}.workspace-metadata summary{cursor:pointer;background:#061b27eb;border:1px solid #426175;border-radius:.35rem;width:max-content;padding:.4rem .6rem;font-weight:750;list-style-position:inside;box-shadow:0 .25rem .8rem #0003}.workspace-metadata dl{background:#061b27f5;border:1px solid #426175;border-radius:.45rem;width:min(19rem,100vw - 2rem);margin:0;padding:.65rem;position:absolute;bottom:calc(100% + .4rem);left:0;box-shadow:0 .5rem 1.2rem #0000004d}.workspace-metadata dl div{grid-template-columns:6.5rem minmax(0,1fr);gap:.6rem;padding-block:.18rem;display:grid}.workspace-metadata dt{color:#92aab8}.workspace-metadata dd{overflow-wrap:anywhere;margin:0}.preview-placeholder{color:#5f7380;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:3.8rem 1rem 1rem}.workspace-raster-preview{object-fit:contain;width:calc(100% - 2rem);height:calc(100% - 4.8rem);position:absolute;inset:3.8rem 1rem 1rem}.workspace-svg-output{position:absolute;inset:3.8rem 1rem 1rem}.workspace-svg-output svg{width:100%;height:100%;display:block}.preview-placeholder svg{fill:none;stroke:#22a9ce;stroke-linejoin:round;stroke-width:7px;opacity:.55;width:clamp(6rem,32%,12rem);margin-bottom:.8rem}.preview-placeholder.secondary svg{stroke:#764dd8}.preview-placeholder strong{color:#253c48}.preview-placeholder span{max-width:18rem;margin-top:.3rem;font-size:.8rem}.comparison-divider{z-index:2;background:#aab5bb;place-items:center;display:grid}.comparison-divider span{color:#314854;background:#fff;border:1px solid #c6ced2;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;display:grid;box-shadow:0 .2rem .6rem #0000002e}.diff-panel{padding:.7rem}.diff-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.diff-heading label{color:#a9bbc5;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.diff-panel h2,.history-panel h2{margin:0 0 .5rem;font-size:.95rem}.empty-table{border:1px solid #2e495a;border-radius:.45rem;overflow:hidden}.empty-table [role=row]{background:#142b3b;grid-template-columns:1.5fr 1fr 1fr;display:grid}.empty-table [role=cell]{color:#d0dbe1;border-top:1px solid #2e495a;padding:.4rem .65rem;font-size:.78rem}.empty-table [role=columnheader]{color:#b6c4cd;border-right:1px solid #2e495a;padding:.4rem .65rem;font-size:.78rem}.empty-table p{color:#7f95a3;text-align:center;margin:0;padding:.7rem;font-size:.78rem}.statusbar{color:#92a6b2;background:#061722;border-top:1px solid #1b3444;justify-content:space-between;gap:1rem;padding:.6rem 1.1rem;font-size:.78rem;display:flex}.statusbar strong{color:#80e5b1}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=74rem){.topbar{grid-template-columns:auto auto auto auto auto minmax(16rem,1fr) auto}.privacy-badge{display:none}.view-tabs button{padding-inline:.8rem}}@media (width<=54rem){.app-shell{overflow:visible}.topbar{grid-template-columns:minmax(0,1fr) auto auto auto auto auto}.view-tabs{grid-area:2/1/auto/-1;justify-self:stretch}.view-tabs button{flex:1 0 auto}.studio-grid{grid-template-columns:minmax(0,1fr);overflow:visible}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.source-card,.convert-button,.ai-panel{grid-column:1/-1}}@media (width<=36rem){.topbar,.studio-grid{padding-inline:.55rem}.brand{font-size:1rem}.zoom-controls span{display:none}.sidebar{display:flex}.source-card{grid-template-columns:auto minmax(0,1fr)}.source-card button{grid-column:1/-1}.workspace{grid-template-rows:auto auto auto}.comparison-stage{grid-template-rows:minmax(17rem,1fr) 1px minmax(17rem,1fr);grid-template-columns:minmax(0,1fr)}.comparison-divider span{transform:rotate(90deg)}.preview-pane{min-height:17rem}.statusbar{flex-direction:column;align-items:flex-start;gap:.25rem}}.history-panel{padding:.75rem}.section-heading{align-items:baseline;gap:1rem;display:flex}.section-heading span{color:#8297a4;font-size:.75rem}.restore-run-button{color:#cce7f0;background:#102d3e;border:1px solid #3e6d83;border-radius:.35rem;margin-left:auto;padding:.4rem .65rem;font-weight:700}.history-empty{color:#8298a6;text-align:center;border:1px dashed #3c5b6e;border-radius:.55rem;flex-direction:column;justify-content:center;align-items:center;min-height:7rem;padding:1rem;display:flex}.history-list{gap:.65rem;min-width:0;display:flex;overflow-x:auto}.history-list .history-empty{flex:1 0 100%}.history-card{color:#d8e1e6;text-align:left;background:#102837;border:1px solid #355163;border-radius:.5rem;grid-template-rows:auto auto auto;grid-template-columns:3.5rem minmax(5rem,1fr);gap:.1rem .55rem;min-height:6rem;padding:.55rem;display:grid}.history-item{flex:0 0 11.5rem;gap:.35rem;display:grid}.history-compare-actions{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.history-compare-actions button{color:#a9bbc5;background:#102837;border:1px solid #355163;border-radius:.35rem;padding:.25rem;font-weight:700}.history-compare-actions button[aria-pressed=true]{color:#06202d;background:#35d6f5;border-color:#35d6f5}.history-compare-actions .history-delete-button{color:#e9a9ae;grid-column:1/-1}.history-card[aria-pressed=true]{border-color:#35d6f5;box-shadow:inset 0 0 0 1px #35d6f5}.history-thumbnail{background:#eef2f3;border-radius:.35rem;grid-row:1/-1;place-items:center;display:grid;overflow:hidden}.history-thumbnail svg{width:100%;height:100%;max-height:4.5rem}.history-thumbnail img{object-fit:contain;width:100%;height:100%;max-height:4.5rem}.history-original-item .history-card{background:#142f3e;border-color:#4b7084}.history-draft-item .history-card{border-style:dashed;border-color:#b796f4}.history-card span,.history-card small{color:#8fa3b0;font-size:.7rem}.history-empty strong{color:#d8e1e6;margin:.2rem 0}.history-empty span:last-child{font-size:.76rem}.history-empty-icon{color:#39d4eb;font-size:1.5rem}@media (width<=36rem){.section-heading{flex-direction:column;align-items:flex-start}}.handbook-toggle{color:#d9e9f1;background:#102838;border:1px solid #36566a;border-radius:.4rem;align-items:center;gap:.4rem;min-height:2rem;padding:.35rem .65rem;font-size:.75rem;font-weight:750;display:inline-flex}.handbook-toggle span{color:#35d6f5;border:1px solid #35d6f5;border-radius:50%;place-items:center;width:1.15rem;height:1.15rem;display:grid}.handbook-toggle[aria-expanded=true]{background:#16384a;border-color:#35d6f5}.handbook-drawer{z-index:20;background:#071924fa;border:1px solid #3b6478;border-radius:.75rem;width:min(27rem,100vw - 1.5rem);padding:1rem;position:fixed;top:4.25rem;bottom:.75rem;right:.75rem;overflow-y:auto;box-shadow:0 1rem 4rem #0000007a}.handbook-drawer>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.handbook-drawer h2,.handbook-drawer h3{margin:0}.handbook-drawer>header button{color:#d9e9f1;background:#102838;border:1px solid #36566a;border-radius:.4rem;width:2rem;height:2rem;font-size:1.25rem}.eyebrow{color:#62dff2;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.25rem;font-size:.66rem;font-weight:800;display:block}.context-help-toggle{color:#dceaf0;text-align:left;background:#102b3b;border:1px solid #31566a;border-radius:.55rem;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;width:100%;margin-top:1rem;padding:.75rem;display:grid}.context-help-toggle small{color:#8fa8b6;margin-top:.15rem;display:block}.switch-indicator{background:#37505e;border-radius:1rem;width:2.5rem;height:1.4rem;position:relative}.switch-indicator:after{content:"";background:#d5e2e8;border-radius:50%;width:1rem;height:1rem;transition:transform .12s;position:absolute;top:.2rem;left:.2rem}.context-help-toggle[aria-checked=true] .switch-indicator{background:#1489a7}.context-help-toggle[aria-checked=true] .switch-indicator:after{background:#fff;transform:translate(1.1rem)}.context-help{background:#0c2230;border:1px solid #2e596d;border-radius:.55rem;min-height:12rem;margin-top:.75rem;padding:.9rem}.context-help h3{color:#f4f8fb;font-size:1rem}.context-help p,.handbook-index p{color:#a9bec9;font-size:.8rem;line-height:1.5}.context-help-effect{border-top:1px solid #234354;padding-top:.65rem}.context-help-default{font-weight:750;color:#78e3b2!important}.handbook-index{margin-top:1rem}.handbook-index>h3{margin-bottom:.5rem;font-size:.9rem}.handbook-index details{border-top:1px solid #234354;padding:.6rem 0}.handbook-index summary{color:#dce8ee;cursor:pointer;font-size:.8rem;font-weight:700}.handbook-index details p{margin:.45rem 0 0}.context-help-enabled [data-help-key]{transition:outline-color .1s}.context-help-enabled .help-target-active{outline-offset:2px;outline:2px solid #35d6f5}.panel-heading{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.panel-heading h2{margin-bottom:.15rem}.panel-heading span{color:#78919f;font-size:.68rem}.reset-options{color:#c5d8e2;background:#122c3b;border:1px solid #3a5d70;border-radius:.35rem;padding:.35rem .5rem;font-size:.67rem;font-weight:700}.advanced-options{border-top:1px solid #244052;margin-top:.65rem}.advanced-options>summary{color:#74dff1;cursor:pointer;padding:.65rem 0 .1rem;font-size:.73rem;font-weight:750}.advanced-options-content{padding-top:.3rem}.advanced-options input:disabled{cursor:not-allowed;opacity:.38}@media (width<=36rem){.handbook-toggle{padding-inline:.45rem;font-size:0}.handbook-toggle span{font-size:.75rem}.handbook-drawer{width:calc(100vw - 1.1rem);top:.55rem;bottom:.55rem;right:.55rem}}.site-footer{color:#7891a0;background:#061722;border-top:1px solid #142d3d;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem 1rem;min-height:2rem;padding:.35rem 1rem;font-size:.68rem;display:flex}.site-footer nav{gap:.8rem;display:flex}.site-footer a{color:#9eb9c7}.site-version{color:#77dbea;font-variant-numeric:tabular-nums}.compare-split-divider{z-index:2;color:#fff;cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,#0000 calc(50% - 1px),#08a9d1 50%,#0000 calc(50% + 1px));border:0;width:2rem;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.compare-split-divider span{background:#0873c4;border:2px solid #fff;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;margin:auto;display:grid;box-shadow:0 .2rem .65rem #00000040}.zoom-controls [contenteditable=true]{cursor:text;text-align:center;border-radius:.25rem;min-width:4rem}.zoom-controls [contenteditable=true]:focus{outline-offset:1px;outline:2px solid #35d6f5}.comparison-stage:not([data-view-mode=comparison]){grid-template-columns:minmax(0,1fr)}.comparison-stage:not([data-view-mode=comparison])>.comparison-divider,.comparison-stage:not([data-view-mode=comparison])>#secondary-preview-pane,.comparison-stage:not([data-view-mode=comparison])>#compare-output{display:none}.context-menu{z-index:30;background:#0d2635;border:1px solid #426275;border-radius:.5rem;min-width:13rem;padding:.35rem;display:grid;position:fixed;box-shadow:0 .6rem 1.6rem #00000059}.context-menu[hidden]{display:none}.context-menu button{color:#e7f2f6;font:inherit;text-align:left;background:0 0;border:0;border-radius:.35rem;padding:.55rem .65rem}.context-menu button:hover,.context-menu button:focus-visible{background:#194258;outline:none}.context-menu button:disabled{color:#718794;background:0 0}.layout-settings{z-index:110;justify-self:end;position:relative}.layout-settings summary{cursor:pointer;background:#102838;border:1px solid #36566a;border-radius:.4rem;padding:.4rem .65rem;font-size:.76rem;font-weight:700;list-style:none}.layout-settings summary::-webkit-details-marker{display:none}.layout-settings-fields{z-index:120;background:#0a1f2c;border:1px solid #345164;border-radius:.55rem;gap:.55rem;width:15rem;padding:.75rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 .75rem 2rem #00000059}.layout-settings-fields label{grid-template-columns:minmax(0,1fr) 7.5rem;align-items:center;gap:.6rem;font-size:.76rem;display:grid}.layout-settings-fields select{min-width:0;color:inherit;background:#102838;border:1px solid #36566a;border-radius:.35rem;padding:.35rem}.sidebar-mode-bar{display:none}html[data-header-mode=docked] .topbar{position:sticky;top:0}html[data-header-mode=collapsed] .topbar{grid-template-columns:minmax(0,1fr) auto;padding-block:.35rem}html[data-header-mode=collapsed] .topbar>:not(.brand,.layout-settings),html[data-header-mode=collapsed] .brand span{display:none}html[data-sidebar-mode=docked] .sidebar{align-self:start;max-height:100%;position:sticky;top:0;overflow-y:auto}html[data-sidebar-mode=collapsed] .studio-grid{grid-template-columns:3.25rem minmax(0,1fr)}html[data-sidebar-mode=collapsed] .sidebar{padding:.35rem}html[data-sidebar-mode=collapsed] .sidebar>:not(.sidebar-mode-bar){display:none}html[data-sidebar-mode=collapsed] .sidebar-mode-bar{color:#a9bbc5;writing-mode:vertical-rl;place-items:center;min-height:10rem;font-size:.74rem;font-weight:700;display:grid}html[data-history-mode=docked] .workspace{grid-template-rows:minmax(22rem,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(16rem,20rem)}html[data-history-mode=docked] .comparison,html[data-history-mode=docked] .diff-panel{grid-column:1}html[data-history-mode=docked] .history-panel{flex-direction:column;grid-area:1/2/-1;min-height:0;display:flex}html[data-history-mode=docked] .history-panel .section-heading{flex-direction:column;align-items:flex-start;gap:.35rem}html[data-history-mode=docked] .history-panel .restore-run-button{margin-left:0}html[data-history-mode=docked] .history-list{flex-direction:column;flex:1;overflow:hidden auto}html[data-history-mode=docked] .history-item{flex:none}html[data-history-mode=collapsed] .history-panel{padding-block:.4rem}html[data-history-mode=collapsed] .history-panel .section-heading>:not(h2),html[data-history-mode=collapsed] .history-list{display:none}@media (width<=54rem){.topbar{z-index:100;position:relative}.layout-settings-fields{z-index:120;width:min(15rem,100vw - 1.1rem);position:fixed;top:3.5rem;right:.55rem}html[data-history-mode=docked] .app-shell{padding-bottom:clamp(11rem,35svh,20rem)}html[data-history-mode=docked] .workspace{grid-template-rows:minmax(22rem,1fr) auto;grid-template-columns:minmax(0,1fr)}html[data-history-mode=docked] .comparison,html[data-history-mode=docked] .diff-panel,html[data-history-mode=docked] .history-panel{grid-column:1}html[data-history-mode=docked] .history-panel{right:.55rem;bottom:env(safe-area-inset-bottom,0);z-index:80;border-bottom-right-radius:0;border-bottom-left-radius:0;grid-row:auto;height:clamp(11rem,35svh,20rem);position:fixed;left:.55rem;box-shadow:0 -.65rem 1.6rem #00000059}html[data-history-mode=docked] .history-panel .section-heading{flex-direction:row;align-items:baseline}html[data-history-mode=docked] .history-list{flex-direction:row;overflow:auto hidden}}@media (width<=36rem){.topbar{grid-template-columns:minmax(0,1fr) auto auto}.layout-settings{grid-area:1/3}.language-control{grid-area:3/1;justify-self:start}.zoom-controls{grid-area:3/2/auto/-1;justify-self:end}}.icon-preview{z-index:6;color:#e9f1f5;font-size:.72rem;position:absolute;bottom:1rem;right:1rem}.icon-preview summary{cursor:pointer;background:#061b27eb;border:1px solid #426175;border-radius:.35rem;width:max-content;margin-left:auto;padding:.4rem .6rem;font-weight:750;box-shadow:0 .25rem .8rem #0003}.icon-preview-popover{background:#061b27f5;border:1px solid #426175;border-radius:.45rem;max-width:calc(100vw - 2.5rem);max-height:calc(100vh - 8rem);padding:.65rem;position:absolute;bottom:calc(100% + .4rem);right:0;overflow:auto;box-shadow:0 .5rem 1.2rem #0000004d}.icon-preview-controls{grid-template-columns:repeat(3,minmax(8rem,auto));gap:.55rem;margin-bottom:.65rem;display:grid}.icon-preview-controls label{gap:.25rem;display:grid}.icon-preview-controls select,.icon-preview-controls input{color:#e9f1f5;background:#132c3c;border:1px solid #587180;border-radius:.3rem;min-height:2rem;padding:.35rem .45rem}.icon-preview-frame{width:var(--icon-preview-size,128px);height:var(--icon-preview-size,128px);background:var(--workspace-background,#fff);border:1px solid #587180;overflow:hidden}.icon-preview-output,.icon-preview-output svg{width:100%;height:100%;display:block}.icon-preview-frame>span{color:#5f7380;text-align:center;place-items:center;height:100%;padding:.75rem;display:grid}@media (width<=36rem){.icon-preview-controls{grid-template-columns:minmax(12rem,1fr)}}.studio-relay-control{justify-items:stretch;gap:.15rem;display:grid}.studio-relay-control button{color:#d7f7ff;min-height:2rem;font:inherit;white-space:nowrap;cursor:pointer;background:#12384b;border:1px solid #218ab0;border-radius:.45rem;padding:.35rem .65rem;font-size:.72rem;font-weight:750}.studio-relay-control button[aria-pressed=true]{color:#d9ffe5;background:#174d2a;border-color:#4bcf7b}.studio-relay-control button:disabled{opacity:.6;cursor:wait}.studio-relay-control output{color:var(--text-muted);text-align:center;white-space:nowrap;font-size:.62rem}@media (width<=36rem){.studio-relay-control output{display:none}}.ai-panel{gap:.5rem;display:grid}.ai-panel h2{margin-bottom:.1rem}.ai-tool-button{min-height:2.5rem;color:var(--text-strong);font:inherit;cursor:pointer;background:linear-gradient(135deg,#22bfef38,#915dff33);border:1px solid #46e4ff6b;border-radius:.55rem;justify-content:center;align-items:center;gap:.45rem;font-weight:700;display:flex}.ai-tool-button[hidden],.ai-tool-status[hidden]{display:none}.ai-tool-button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.5}.ai-tool-status{min-height:1.05rem;color:var(--text-muted);font-size:.71rem;line-height:1.35}.manager-button,.model-heading{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.model-manager{gap:.5rem;display:grid}.model-manager[hidden]{display:none}.model-card{color:#cad5dc;background:#122837;border:1px solid #294454;border-radius:.45rem;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .5rem;padding:.65rem;font-size:.78rem;display:grid}.model-heading{justify-content:start}.model-heading>span:last-child{min-width:0;display:grid}.model-heading small,.model-metadata,.model-status{color:#8399a8;font-size:.68rem}.model-heading strong{color:#dbe8ed}.model-metadata,.model-error,.model-card progress{grid-column:1/-1}.model-status{color:#b8c7cf;text-align:right;align-self:center}.model-card progress{accent-color:#35d6f5;width:100%;height:.35rem}.model-error{color:#ffb4a8;margin:0;font-size:.68rem}.model-action{color:#e9f8fb;background:#126177;border:1px solid #2386a3;border-radius:.35rem;grid-column:1/-1;justify-self:end;padding:.35rem .55rem;font-size:.7rem;font-weight:700}.model-icon{color:#55dff1;font-size:1.1rem}.sam-selection-overlay{z-index:3;touch-action:none;border:1px solid #146f88b3;position:absolute;box-shadow:0 0 0 999rem #0818222e}.sam-selection-overlay[hidden]{display:none}.sam-mask-canvas,.sam-selection-points{width:100%;height:100%;position:absolute;inset:0}.sam-mask-canvas{cursor:crosshair}.sam-mask-canvas[aria-busy=true]{cursor:progress}.sam-selection-points{pointer-events:none}.sam-point{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:1rem;height:1rem;font-size:.7rem;font-weight:900;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .1rem .3rem #0000008c}.sam-point[data-point-kind=positive]{background:#0bba78}.sam-point[data-point-kind=negative]{background:#e5484d}.sam-selection-toolbar{z-index:4;background:#081d29eb;border:1px solid #ffffff59;border-radius:.5rem;flex-wrap:wrap;justify-content:center;gap:.3rem;width:max-content;max-width:min(42rem,94vw);padding:.4rem;display:flex;position:absolute;bottom:.55rem;left:50%;transform:translate(-50%);box-shadow:0 .25rem .8rem #00000047}.sam-selection-toolbar button{color:#eaf6fa;background:#173849;border:1px solid #426275;border-radius:.35rem;padding:.35rem .5rem;font-size:.68rem;font-weight:700}.sam-selection-toolbar button[aria-pressed=true]{background:#126177;border-color:#39d8f2}.sam-selection-toolbar button:disabled{opacity:.45}#sam-apply-mask:not(:disabled){background:#13784f;border-color:#28b77a}.selection-panel{gap:.5rem;display:grid}.selection-panel h2,.selection-panel p{margin:0}.selection-panel p{color:#859aa8;font-size:.75rem}.magic-wand-overlay{z-index:3;touch-action:none;border:1px solid #146f88b3;position:absolute;box-shadow:0 0 0 999rem #0818222e}.magic-wand-overlay[hidden]{display:none}.magic-wand-canvas{cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.magic-wand-canvas[aria-busy=true]{cursor:progress}.magic-wand-toolbar{z-index:4;background:#081d29f0;border:1px solid #ffffff59;border-radius:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;width:max-content;max-width:min(42rem,94vw);padding:.45rem;display:flex;position:absolute;bottom:.55rem;left:50%;transform:translate(-50%);box-shadow:0 .25rem .8rem #00000047}.magic-wand-sensitivity{color:#d8e7ed;grid-template-columns:auto auto;gap:.15rem .5rem;min-width:10rem;font-size:.7rem;font-weight:700;display:grid}.magic-wand-sensitivity output{color:#7de8f6;justify-self:end}.magic-wand-sensitivity input{grid-column:1/-1;width:10rem}.magic-wand-toolbar button{color:#eaf6fa;background:#173849;border:1px solid #426275;border-radius:.35rem;padding:.4rem .55rem;font-size:.68rem;font-weight:700}.magic-wand-toolbar button:disabled{opacity:.45}#magic-wand-remove:not(:disabled){background:#8b531d;border-color:#e5a943}@media (width<=36rem){.magic-wand-toolbar{width:min(22rem,94vw);bottom:.3rem}.magic-wand-sensitivity{flex:1 0 100%}.magic-wand-sensitivity input{width:100%}}
