.studio-shell{background:var(--surface-raised);min-height:100dvh;color:var(--text);font-size:14px}.studio-header{border-bottom:1px solid var(--border);background:var(--surface-raised);align-items:center;gap:42px;padding:25px 34px;display:flex}.studio-header>a:first-child{color:inherit;flex-shrink:0;text-decoration:none}.studio-header h1{margin:5px 0 0;font-size:22px}.studio-eyebrow{letter-spacing:1.9px;color:var(--accent-foreground);font-size:9px;font-weight:700}.studio-back{color:var(--muted);align-items:center;gap:8px;margin-left:auto;text-decoration:none;display:flex}.studio-nav{border-bottom:1px solid var(--border);background:var(--surface-sunken);scrollbar-width:thin;gap:5px;padding:13px 30px;display:flex;overflow-x:auto}.studio-nav button{white-space:nowrap;color:var(--muted);min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;display:flex}.studio-nav button[aria-current=page]{background:var(--accent);color:var(--text);border-color:var(--border)}.studio-main{max-width:1400px;margin:auto;padding:28px 34px 70px}.studio-mode{border:1px solid var(--border);background:var(--surface-inset);border-radius:12px;align-items:center;gap:15px;margin-bottom:22px;padding:16px 18px;display:flex}.studio-mode p{color:var(--muted);flex:1;margin:0;font-size:12px;line-height:1.65}.studio-badge{white-space:nowrap;letter-spacing:.6px;color:var(--accent-foreground);background:var(--surface-panel);border-radius:20px;align-items:center;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.studio-section[hidden]{display:none}.studio-section-heading{justify-content:space-between;align-items:center;gap:20px;margin:24px 0;display:flex}.studio-section-heading h2{letter-spacing:-.6px;margin:0 0 8px;font-size:28px}.studio-section-heading p{color:var(--muted);max-width:800px;margin:0;line-height:1.7}.studio-card{background:var(--surface-overlay);border:1px solid var(--border);border-radius:12px;min-width:0;margin-bottom:18px;padding:24px}.studio-card h3{align-items:center;gap:10px;margin:0 0 17px;font-size:17px;display:flex}.studio-card p{line-height:1.7}.studio-two-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.studio-main button,.studio-dialog button,.studio-button{border:1px solid var(--border);background:var(--surface-panel);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:600;text-decoration:none;display:inline-flex}.studio-main button+button,.studio-dialog button+button{margin-left:8px}.studio-main button:disabled,.studio-dialog button:disabled{opacity:.45;cursor:not-allowed}.studio-main button:hover:not(:disabled),.studio-dialog button:hover:not(:disabled){background:var(--surface-panel)}.studio-main .studio-primary,.studio-dialog .studio-primary{background:var(--accent);color:var(--primary-button-text);border-color:var(--accent)}.studio-main a{color:var(--accent-foreground)}.studio-main label,.studio-dialog label{color:var(--muted);flex-direction:column;gap:7px;margin:0 0 16px;font-size:12px;font-weight:600;display:flex}.studio-main input,.studio-main textarea,.studio-main select,.studio-dialog input,.studio-dialog textarea,.studio-dialog select{font:inherit;box-sizing:border-box;border:1px solid var(--border);background:var(--surface-raised);width:100%;min-height:44px;color:var(--text);border-radius:7px;outline:none;padding:10px 12px;font-size:14px}.studio-main input:focus,.studio-main textarea:focus,.studio-main select:focus,.studio-dialog input:focus,.studio-dialog textarea:focus,.studio-dialog select:focus{border-color:var(--focus);box-shadow:0 0 0 2px rgba(var(--focus-rgb), .15)}.studio-main textarea,.studio-dialog textarea{resize:vertical;min-height:100px}.studio-main :focus-visible,.studio-dialog :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.studio-main input[type=checkbox],.studio-dialog input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent)}.studio-main .studio-check,.studio-dialog .studio-check{flex-direction:row;align-items:center;min-height:44px;display:flex}.studio-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 16px;margin-top:14px;display:grid}.studio-row{border-bottom:1px solid var(--border);align-items:center;gap:13px;min-width:0;padding:15px 0;display:flex}.studio-row:last-child{border-bottom:0}.studio-row>div:first-of-type{flex:1;min-width:0}.studio-row strong,.studio-row p{overflow-wrap:anywhere}.studio-row p{color:var(--muted);margin:4px 0 0;font-size:12px}.studio-row small{color:var(--muted)}.studio-row>span:last-child{margin-left:auto}.studio-row>button{flex-shrink:0}.studio-empty{color:var(--muted);padding:22px 0;line-height:1.8}.studio-muted{color:var(--muted);font-size:12px;line-height:1.75}.studio-notice,.studio-error{border-radius:8px;align-items:center;gap:10px;padding:15px 18px;line-height:1.6;display:flex}.studio-notice{color:#9ee1c5;background:#17372e;border:1px solid #346f59}.studio-error{color:#ffbfc4;background:#41252a;border:1px solid #81454e}.studio-platform-options{flex-wrap:wrap;gap:24px;display:flex}.studio-platform-options label{flex-direction:row;align-items:center;gap:10px;display:flex}.studio-widget-picker{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.studio-widget-picker button{flex-direction:column;padding:20px;display:flex}.studio-widget-picker button+button{margin-left:0}.studio-widget-picker span{color:var(--muted);margin-top:4px;font-size:11px}.studio-widget-picker button[aria-pressed=true]{border-color:var(--accent-foreground);background:var(--accent);color:var(--text)}.studio-widget-picker button[aria-pressed=true] span{color:var(--text)}.studio-checker{border:1px solid var(--border);background-color:var(--surface-overlay);background-image:linear-gradient(45deg, var(--surface-panel) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-panel) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-panel) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-panel) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:9px;align-items:center;min-height:200px;padding:22px;display:flex}.studio-widget-preview{overflow-wrap:anywhere;text-shadow:0 1px 4px #000;border-left:3px solid;width:100%;padding:18px}.studio-widget-preview p{margin:9px 0;font-size:.65em;line-height:1.6}.studio-preview-label{letter-spacing:1px;color:var(--muted);margin-bottom:15px;font-size:9px;display:block}.studio-goal-track{background:#fff2;border-radius:8px;height:12px;margin:15px 0;overflow:hidden}.studio-goal-track i{border-radius:8px;height:100%;display:block}.studio-instructions{color:var(--muted);padding-left:20px;font-size:13px;line-height:1.9}.studio-actions{align-items:center;gap:16px;display:flex}.studio-preview-output{background:var(--surface-raised);border:1px solid var(--border);overflow-wrap:anywhere;color:var(--accent-foreground);border-radius:7px;margin-top:18px;padding:18px;display:block}.studio-filter-bar{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.studio-filter-bar label{flex:1;min-width:120px;margin:0}.studio-metrics{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.studio-metrics .studio-card{flex-direction:column;gap:13px;display:flex}.studio-metrics span{color:var(--muted);font-size:12px}.studio-metrics strong{letter-spacing:-1px;font-size:35px;font-weight:650}.studio-chart-row{color:var(--muted);grid-template-columns:100px 1fr 40px;align-items:center;gap:12px;margin:16px 0;font-size:11px;display:grid}.studio-chart-row>div{background:var(--surface-panel);border-radius:5px;height:8px;overflow:hidden}.studio-chart-row i{background:var(--accent);border-radius:5px;min-width:2px;height:100%;display:block}.studio-operation{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:17px 0;display:flex}.studio-operation p{color:var(--muted);margin:6px 0 0;font-size:11px}.studio-outcomes{flex-wrap:wrap;gap:8px;display:flex}.studio-result{background:var(--surface-panel);color:var(--muted);border-radius:6px;padding:6px 10px;font-size:11px;display:inline-block}.studio-result.accepted{color:#9bdcb9;background:#203e35}.studio-result.failed{color:#ffb8c0;background:#47272e}.studio-result.unknown{color:#eed49b;background:#45371f}.studio-dialog{color:var(--muted);padding-top:18px}.studio-dialog .studio-muted{color:var(--muted)}.studio-card summary{cursor:pointer;min-height:32px;font-weight:600}.studio-shell .brand-wordmark{font-size:19px}@media (max-width:900px){.studio-header{gap:20px;padding:20px}.studio-header h1{font-size:18px}.studio-main{padding:20px}.studio-nav{padding:10px 16px}.studio-two-columns{grid-template-columns:1fr}.studio-metrics{grid-template-columns:1fr 1fr}.studio-row{flex-wrap:wrap}.studio-row>div{min-width:180px}.studio-operation,.studio-mode{flex-wrap:wrap}.studio-mode p{flex-basis:75%}}@media (max-width:520px){.studio-header{flex-wrap:wrap;gap:15px;padding:18px}.studio-header>div{order:3;width:100%}.studio-back{font-size:12px}.studio-nav button{padding:9px 12px;font-size:12px}.studio-main{padding:16px 14px 50px}.studio-section-heading{flex-direction:column;align-items:start;margin-top:20px}.studio-section-heading h2{font-size:24px}.studio-section-heading p{font-size:13px}.studio-card{padding:18px}.studio-widget-picker{gap:7px}.studio-widget-picker button{min-width:0;padding:13px 7px;font-size:12px}.studio-widget-picker span{font-size:9px}.studio-form-grid{grid-template-columns:1fr}.studio-main input,.studio-main textarea,.studio-main select,.studio-dialog input,.studio-dialog textarea,.studio-dialog select{font-size:16px}.studio-metrics{gap:10px}.studio-metrics .studio-card{padding:16px}.studio-metrics strong{font-size:28px}.studio-mode p{flex-basis:100%}.studio-row>button{font-size:12px}.studio-platform-options{gap:8px}.studio-filter-bar{grid-template-columns:1fr 1fr;display:grid}.studio-filter-bar button,.studio-filter-bar a{grid-column:1/-1}.studio-checker,.studio-widget-preview{padding:12px}}@media (prefers-reduced-motion:reduce){.studio-shell *{scroll-behavior:auto!important}}.studio-main .studio-primary{background:var(--accent);border-color:var(--accent);color:var(--primary-button-text)}.studio-main .studio-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--primary-button-text)}.studio-dialog .studio-primary{background:var(--accent);border-color:var(--accent);color:var(--primary-button-text)}.studio-dialog .studio-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--primary-button-text)}