.studio-shell{--background:#f7f7f8;--foreground:#18181b;--card:#fff;--foreground-secondary:#52525c;--muted:#f4f4f5;--muted-foreground:#6d6d78;--border:#e4e4e7;--input:#d4d4d8;--primary:#18181b;--primary-foreground:#fafafa;--link:#5f67bf;--ring:#6973c6;--info:#1957d2;--success:#007533;--danger:#ba1e20;--radius:.5rem;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", "SF Mono", menlo, monospace}@supports (color:lab(0% 0 0)){.studio-shell{--background:lab(97.3234% .0972152 -.364745);--foreground:lab(8.30591% .622027 -2.16446);--card:lab(100% 0 0);--foreground-secondary:lab(35.1166% 1.78342 -6.11687);--muted:lab(96.1634% .0972152 -.364745);--muted-foreground:lab(46.4958% 1.65388 -5.77256);--border:lab(90.6853% .398785 -1.45468);--input:lab(84.9837% .601769 -2.17969);--primary:lab(8.30602% .618711 -2.16556);--primary-foreground:lab(98.26% 0 0);--link:lab(46.241% 15.6822 -47.9174);--ring:lab(50.4564% 13.8298 -45.5778);--info:lab(39.6376% 19.096 -70.0996);--success:lab(42.5705% -42.6612 28.5986);--danger:lab(41.2594% 59.8525 42.4252)}}.dark .studio-shell{--background:#0e0e10;--foreground:#e8e8e9;--card:#171719;--foreground-secondary:#adadb2;--muted:#1f1f22;--muted-foreground:#94949b;--border:#ffffff14;--input:#ffffff24;--primary:#e8e8e9;--primary-foreground:#171719;--link:#8690e2;--ring:#8690e2;--info:#5fa1f3;--success:#43c07a;--danger:#ff645f}@supports (color:lab(0% 0 0)){.dark .studio-shell{--background:lab(4.03501% .261486 -.956583);--foreground:lab(91.8628% .194937 -.729132);--card:lab(7.74724% .399165 -1.4433);--foreground-secondary:lab(70.9479% .593126 -2.18205);--muted:lab(11.7956% .50927 -1.80903);--muted-foreground:lab(61.6321% 1.00476 -3.62651);--border:lab(100% 0 0/.08);--input:lab(100% 0 0/.14);--primary:lab(91.8628% .194937 -.729132);--primary-foreground:lab(7.74724% .399165 -1.4433);--link:lab(61.6709% 11.4377 -43.0014);--ring:lab(61.6709% 11.4377 -43.0014);--info:lab(64.4488% -2.58642 -48.667);--success:lab(69.4676% -47.8625 24.6835);--danger:lab(63.3139% 59.7937 35.1683)}}.studio-shell{background:var(--background);height:100vh;color:var(--foreground);font-family:var(--font-ui);flex-direction:column;font-size:14px;line-height:1.45;display:flex}.studio-shell :focus-visible{outline:2px solid var(--ring);outline-offset:2px}.studio-topbar{background:var(--card);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.studio-topbar-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.studio-mono{font-family:var(--font-mono);color:var(--muted-foreground);font-size:12px;font-weight:450;line-height:1.35}.studio-status{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.studio-status-dot{background:var(--info);border-radius:9999px;width:8px;height:8px}.studio-topbar-spacer{flex:1}.studio-btn-primary{border-radius:calc(var(--radius) - 2px);background:var(--primary);height:32px;color:var(--primary-foreground);font-family:var(--font-ui);cursor:pointer;border:1px solid #0000;padding:0 12px;font-size:14px;font-weight:500;transition:opacity .1s linear}.studio-btn-primary:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.studio-main{flex:1;min-height:0;display:flex}.studio-canvas{flex:1;min-width:0;position:relative;overflow:hidden}.studio-canvas-scroll{background:var(--muted);position:absolute;inset:0;overflow:auto}.studio-ring{border:2px solid var(--ring);pointer-events:none;z-index:2;border-radius:2px;position:absolute}.studio-ring-label{border-radius:calc(var(--radius) - 4px);background:var(--ring);color:var(--primary-foreground);font-family:var(--font-mono);white-space:nowrap;padding:2px 6px;font-size:12px;font-weight:450;line-height:1.35;display:inline-block;position:absolute;left:-2px}.studio-ring-label-above{top:0;transform:translateY(-100%)}.studio-ring-label-inside{top:0}.studio-panel{background:var(--card);border-left:1px solid var(--border);flex:none;width:320px;padding:16px;overflow-y:auto}.studio-panel-hint{text-align:center;color:var(--muted-foreground);padding:24px 8px;font-size:13px}.studio-panel-meta{color:var(--muted-foreground);margin-bottom:4px;font-size:12px;display:block}.studio-panel-block-id{border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);background:var(--muted);color:var(--foreground-secondary);margin-bottom:16px;padding:2px 6px;display:inline-block}.studio-panel-question{color:var(--foreground);margin:0 0 8px;font-size:14px;font-weight:500}.studio-chips{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.studio-chip{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--card);height:28px;color:var(--foreground);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;padding:0 8px;font-size:13px;transition:background-color .1s linear,border-color .1s linear}.studio-chip:hover{background:var(--muted);border-color:var(--input)}.studio-variants{flex-direction:column;gap:8px;margin:0 0 12px;display:flex}.studio-variant{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--card);color:var(--foreground);font-family:var(--font-ui);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;font-size:13px;transition:background-color .1s linear,border-color .1s linear;display:flex}.studio-variant:hover{background:var(--muted)}.studio-variant-active{border-color:var(--ring);box-shadow:0 0 0 1px var(--ring)}.studio-variant-title{align-items:baseline;gap:6px;display:flex}.studio-variant-index{font-family:var(--font-mono);color:var(--muted-foreground);font-size:12px;font-weight:450}.studio-variant-label{font-weight:500}.studio-variant-pending,.studio-variant-note{color:var(--muted-foreground);font-size:12px}.studio-variant-gate{font-family:var(--font-mono);color:var(--muted-foreground);font-size:11px;font-weight:450;line-height:1.5;display:block}.studio-flow-actions{gap:8px;margin:0 0 16px;display:flex}.studio-btn-secondary{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--card);height:32px;color:var(--foreground);font-family:var(--font-ui);cursor:pointer;padding:0 12px;font-size:14px;font-weight:500;transition:background-color .1s linear}.studio-btn-secondary:hover{background:var(--muted)}.studio-toast{z-index:10;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);max-width:480px;color:var(--foreground);font-family:var(--font-ui);align-items:center;gap:10px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex;position:fixed;bottom:16px;left:16px}.studio-toast-success{border-color:color-mix(in oklab, var(--success) 40%, var(--border))}.studio-toast-error{border-color:color-mix(in oklab, var(--danger) 40%, var(--border));color:var(--danger)}.studio-toast-link{color:var(--link);font-family:var(--font-mono);word-break:break-all;font-size:12px;font-weight:450}.studio-toast-close{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.studio-inline{z-index:4;box-shadow:0 0 0 2px var(--ring);border-radius:2px;display:flex;position:absolute}.studio-inline-field{resize:none;min-width:0;font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;overflow:hidden}.studio-canvas-scroll[data-drop-path]{outline:2px dashed var(--ring);outline-offset:-2px}.studio-icon-btn{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--card);width:28px;height:28px;color:var(--foreground);font-family:var(--font-ui);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:background-color .1s linear;display:inline-flex}.studio-icon-btn:hover:not(:disabled){background:var(--muted)}.studio-icon-btn:disabled{opacity:.4;cursor:default}.studio-icon-btn-danger:hover:not(:disabled){border-color:color-mix(in oklab, var(--danger) 40%, var(--border));color:var(--danger)}.studio-section-actions{gap:4px;margin:10px 0 16px;display:flex}.studio-list{border-bottom:1px solid var(--border);margin:0 0 16px;padding:0 0 12px}.studio-list-title{font-family:var(--font-ui);letter-spacing:.02em;text-transform:uppercase;color:var(--muted-foreground);justify-content:space-between;align-items:center;margin:0 0 8px;font-size:12px;font-weight:550;display:flex}.studio-list-count{color:var(--muted-foreground);font-size:11px}.studio-list-rows{margin:0 0 8px;padding:0;list-style:none}.studio-list-row{align-items:center;gap:8px;padding:4px 0;display:flex}.studio-list-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-ui);color:var(--foreground);flex:1;font-size:13px;overflow:hidden}.studio-list-actions{gap:2px;display:flex}.studio-list-add{width:100%}.studio-add-block{width:100%;margin-top:8px}.studio-catalog{border-top:1px solid var(--border);margin:12px 0 0;padding:12px 0 0}.studio-catalog-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.studio-catalog-card{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--card);text-align:left;cursor:pointer;flex-direction:column;gap:2px;padding:8px;transition:background-color .1s linear;display:flex}.studio-catalog-card:hover:not(:disabled){background:var(--muted)}.studio-catalog-label{font-family:var(--font-ui);color:var(--foreground);font-size:13px;font-weight:500}.studio-catalog-id{color:var(--muted-foreground);font-size:11px}.studio-modal{z-index:20;background:color-mix(in oklab, var(--foreground) 45%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.studio-modal-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);flex-direction:column;gap:10px;max-width:min(760px,92vw);max-height:92vh;padding:16px;display:flex}.studio-modal-title{font-family:var(--font-ui);color:var(--foreground);margin:0;font-size:15px;font-weight:550}.studio-modal-hint{font-family:var(--font-ui);color:var(--muted-foreground);margin:0;font-size:13px}.studio-crop-stage{border-radius:calc(var(--radius) - 2px);background:var(--muted);line-height:0;position:relative;overflow:hidden}.studio-crop-image{object-fit:contain;-webkit-user-select:none;user-select:none;cursor:crosshair;max-width:100%;max-height:60vh;display:block}.studio-crop-selection{box-shadow:0 0 0 1px var(--ring), 0 0 0 9999px color-mix(in oklab, var(--foreground) 35%, transparent);pointer-events:none;position:absolute}.studio-modal-actions{align-items:center;gap:8px;display:flex}.studio-crop-size{color:var(--muted-foreground);margin-left:auto;font-size:12px}