.studio-workspace-module__fcQEMa__page{width:min(var(--container),calc(100% - 32px));padding:var(--space-10)0 64px;margin:auto}.studio-workspace-module__fcQEMa__hero{gap:var(--space-8);padding-bottom:var(--space-10);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:end;display:grid}.studio-workspace-module__fcQEMa__kicker,.studio-workspace-module__fcQEMa__sectionTitle>span,.studio-workspace-module__fcQEMa__capability>span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.studio-workspace-module__fcQEMa__hero h1{max-width:760px;margin:var(--space-3)0 var(--space-4);letter-spacing:-.045em;font-size:clamp(2.35rem,5vw,4.6rem);font-weight:620;line-height:.98}.studio-workspace-module__fcQEMa__hero>div>p{max-width:700px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.studio-workspace-module__fcQEMa__capability{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--panel-strong),var(--panel));box-shadow:var(--shadow-md)}.studio-workspace-module__fcQEMa__capability strong{margin:var(--space-2)0;font-size:14px;display:block}.studio-workspace-module__fcQEMa__capability p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.studio-workspace-module__fcQEMa__workspace,.studio-workspace-module__fcQEMa__bottom{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);display:grid}.studio-workspace-module__fcQEMa__form,.studio-workspace-module__fcQEMa__result,.studio-workspace-module__fcQEMa__validation,.studio-workspace-module__fcQEMa__export{border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);background:#121512f0;overflow:hidden}.studio-workspace-module__fcQEMa__form,.studio-workspace-module__fcQEMa__result,.studio-workspace-module__fcQEMa__validation{padding:var(--space-5)}.studio-workspace-module__fcQEMa__sectionTitle{gap:var(--space-3);align-items:flex-start;display:flex}.studio-workspace-module__fcQEMa__sectionTitle>span{padding-top:4px}.studio-workspace-module__fcQEMa__sectionTitle h2{letter-spacing:-.01em;margin:0;font-size:18px;line-height:1.3}.studio-workspace-module__fcQEMa__sectionTitle p{margin:4px 0 var(--space-5);color:var(--muted);font-size:12px;line-height:1.5}.studio-workspace-module__fcQEMa__form label{margin-top:var(--space-4);gap:6px;font-size:12px;font-weight:650;display:grid}.studio-workspace-module__fcQEMa__form textarea,.studio-workspace-module__fcQEMa__form select,.studio-workspace-module__fcQEMa__form input[type=color]{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-strong);width:100%;transition:border-color .18s,box-shadow .18s}.studio-workspace-module__fcQEMa__form textarea:hover,.studio-workspace-module__fcQEMa__form select:hover,.studio-workspace-module__fcQEMa__form input[type=color]:hover{border-color:#d8ff6247}.studio-workspace-module__fcQEMa__form textarea:focus,.studio-workspace-module__fcQEMa__form select:focus,.studio-workspace-module__fcQEMa__form input[type=color]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.studio-workspace-module__fcQEMa__form textarea,.studio-workspace-module__fcQEMa__form select{padding:10px 11px}.studio-workspace-module__fcQEMa__form textarea{resize:vertical;min-height:92px}.studio-workspace-module__fcQEMa__form input[type=color]{height:40px;padding:4px}.studio-workspace-module__fcQEMa__fields{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.studio-workspace-module__fcQEMa__generate{width:100%;min-height:40px;margin-top:var(--space-5);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--accent),#b9db49);color:var(--ink);cursor:pointer;border:1px solid #ffffff14;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 1px 3px #00000047}.studio-workspace-module__fcQEMa__generate:hover:not(:disabled){background:linear-gradient(180deg,var(--accent-strong),var(--accent));box-shadow:0 3px 10px #d8ff6229}.studio-workspace-module__fcQEMa__generate:active:not(:disabled){transform:translateY(1px)}.studio-workspace-module__fcQEMa__generate:disabled{cursor:wait;opacity:.62}.studio-workspace-module__fcQEMa__status,.studio-workspace-module__fcQEMa__error{min-height:18px;margin:var(--space-2)0 0;font-size:12px}.studio-workspace-module__fcQEMa__status{color:var(--muted)}.studio-workspace-module__fcQEMa__error{color:var(--danger)}.studio-workspace-module__fcQEMa__form small{color:var(--muted);font-size:11px;line-height:1.5;display:block}.studio-workspace-module__fcQEMa__errorAlert{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);background:#2d1212bf;border:1px solid #e85c5c66;box-shadow:0 2px 8px #00000040}.studio-workspace-module__fcQEMa__errorAlertHeader{align-items:center;gap:var(--space-2);color:var(--danger);font-size:13px;font-weight:700;display:flex}.studio-workspace-module__fcQEMa__errorAlertIcon{font-size:14px}.studio-workspace-module__fcQEMa__errorMessage{margin:var(--space-2)0;color:#ffc4c4;font-size:12px;line-height:1.5}.studio-workspace-module__fcQEMa__errorGuidance{margin-top:var(--space-2);color:var(--muted);background:#00000059;border-radius:4px;padding:8px 10px;font-size:11px;line-height:1.5}.studio-workspace-module__fcQEMa__errorGuidance p{margin:0}.studio-workspace-module__fcQEMa__guidanceLabel{color:var(--text);margin-bottom:2px;font-weight:700;display:block}.studio-workspace-module__fcQEMa__dismissErrorBtn{margin-top:var(--space-3);border-radius:var(--radius-sm);color:#ffadad;cursor:pointer;background:0 0;border:1px solid #e85c5c66;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s}.studio-workspace-module__fcQEMa__dismissErrorBtn:hover{background:#e85c5c26}.studio-workspace-module__fcQEMa__sectionHeaderWrap{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.studio-workspace-module__fcQEMa__hitlBadge{color:var(--accent);background:#d8ff6214;border:1px solid #d8ff624d;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;font-weight:650;display:inline-flex}.studio-workspace-module__fcQEMa__hitlDot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%}.studio-workspace-module__fcQEMa__hitlText{white-space:nowrap}.studio-workspace-module__fcQEMa__resetBaselineBtn,.studio-workspace-module__fcQEMa__resetButton{color:#f1ffd0;cursor:pointer;background:#d8ff6226;border:1px solid #d8ff6266;border-radius:4px;margin-left:4px;padding:2px 8px;font-size:10px;font-weight:700;transition:all .15s}.studio-workspace-module__fcQEMa__resetBaselineBtn:hover,.studio-workspace-module__fcQEMa__resetButton:hover{background:var(--accent);color:var(--ink)}.studio-workspace-module__fcQEMa__tokenEditorGroup{margin-top:var(--space-4)}.studio-workspace-module__fcQEMa__palette{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.studio-workspace-module__fcQEMa__colorCard{flex-direction:column;gap:4px;min-width:0;display:flex}.studio-workspace-module__fcQEMa__swatchWrap,.studio-workspace-module__fcQEMa__swatchLabel{cursor:pointer;border-radius:var(--radius-sm);display:block;position:relative;overflow:hidden}.studio-workspace-module__fcQEMa__swatchWrap i,.studio-workspace-module__fcQEMa__swatchLabel i{border-radius:var(--radius-sm);border:1px solid #ffffff24;height:48px;transition:transform .12s,box-shadow .12s;display:block}.studio-workspace-module__fcQEMa__swatchWrap:hover i,.studio-workspace-module__fcQEMa__swatchLabel:hover i{box-shadow:0 0 0 2px var(--accent-soft);transform:scale(1.02)}.studio-workspace-module__fcQEMa__hiddenColorPicker,.studio-workspace-module__fcQEMa__hiddenColorInput{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.studio-workspace-module__fcQEMa__tokenName,.studio-workspace-module__fcQEMa__colorName{text-transform:capitalize;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;display:block;overflow:hidden}.studio-workspace-module__fcQEMa__hexInput,.studio-workspace-module__fcQEMa__hexTextInput{border:1px solid var(--line-strong);background:var(--panel-strong);width:100%;height:24px;color:var(--muted);border-radius:4px;padding:2px 6px;font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;transition:border-color .15s,color .15s}.studio-workspace-module__fcQEMa__hexInput:focus,.studio-workspace-module__fcQEMa__hexTextInput:focus{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.studio-workspace-module__fcQEMa__hexInputInvalid{border-color:var(--danger)!important;box-shadow:0 0 0 2px #e85c5c59!important}.studio-workspace-module__fcQEMa__inputErrorHint{color:#ffadad;margin-top:2px;font-size:10px;line-height:1.3;display:block}.studio-workspace-module__fcQEMa__tokenControlsGrid,.studio-workspace-module__fcQEMa__overridesPanel{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);gap:var(--space-4);background:#0c0e0ca6;grid-template-columns:1fr 1fr;display:grid}.studio-workspace-module__fcQEMa__tokenControlCard,.studio-workspace-module__fcQEMa__panelCard{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.studio-workspace-module__fcQEMa__cardHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.studio-workspace-module__fcQEMa__cardHeader h4{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin:0;font-size:12px;font-weight:700}.studio-workspace-module__fcQEMa__tokenCount{color:var(--muted);font-size:10px}.studio-workspace-module__fcQEMa__controlField{color:var(--text);flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.studio-workspace-module__fcQEMa__inputField{border:1px solid var(--line-strong);background:var(--panel-strong);width:100%;height:28px;color:var(--text);border-radius:4px;padding:4px 8px;font-size:12px}.studio-workspace-module__fcQEMa__inputField:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.studio-workspace-module__fcQEMa__scaleGridWrap,.studio-workspace-module__fcQEMa__scaleContainer{flex-direction:column;gap:4px;display:flex}.studio-workspace-module__fcQEMa__scaleLabel{color:var(--muted);font-size:11px;font-weight:600}.studio-workspace-module__fcQEMa__scaleInputsRow,.studio-workspace-module__fcQEMa__scaleRow{grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:6px;display:grid}.studio-workspace-module__fcQEMa__subField,.studio-workspace-module__fcQEMa__stepField{flex-direction:column;align-items:center;gap:2px;display:flex}.studio-workspace-module__fcQEMa__stepTag{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:700}.studio-workspace-module__fcQEMa__numberInput,.studio-workspace-module__fcQEMa__stepInput{border:1px solid var(--line-strong);background:var(--panel-strong);width:100%;height:26px;color:var(--text);text-align:center;border-radius:4px;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.studio-workspace-module__fcQEMa__numberInput:focus,.studio-workspace-module__fcQEMa__stepInput:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.studio-workspace-module__fcQEMa__demo{margin-top:var(--space-5);border:1px solid color-mix(in srgb,var(--demo-text)10%,transparent);border-radius:var(--demo-radius);background:var(--demo-surface);color:var(--demo-text);font-family:var(--demo-font),sans-serif;box-shadow:var(--shadow-md);transition:all .2s;overflow:hidden}.studio-workspace-module__fcQEMa__demo nav{border-bottom:1px solid color-mix(in srgb,var(--demo-text)12%,transparent);justify-content:space-between;padding:12px 16px;font-size:11px;display:flex}.studio-workspace-module__fcQEMa__demo nav span{color:var(--demo-muted)}.studio-workspace-module__fcQEMa__demoBody{padding:var(--demo-space-lg,26px)var(--demo-space-md,20px)}.studio-workspace-module__fcQEMa__demoLabel{color:var(--demo-muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}.studio-workspace-module__fcQEMa__demo h3{max-width:500px;margin:var(--space-2)0;font-size:clamp(1.4rem,var(--demo-scale-heading,28px),3rem);letter-spacing:-.03em;line-height:1.06}.studio-workspace-module__fcQEMa__demo p{max-width:500px;margin-bottom:var(--demo-space-md,16px);color:var(--demo-muted);font-size:var(--demo-scale-body,12px);line-height:1.55}.studio-workspace-module__fcQEMa__demo button{min-height:34px;padding:0 var(--demo-space-md,12px);border:1px solid var(--demo-primary);border-radius:min(var(--demo-radius-sm,6px),8px);background:var(--demo-primary);color:var(--demo-on-primary);font-size:var(--demo-scale-body,12px);cursor:pointer;font-weight:700;transition:opacity .15s}.studio-workspace-module__fcQEMa__demo button:hover{opacity:.92}.studio-workspace-module__fcQEMa__demo .studio-workspace-module__fcQEMa__secondary{margin-left:var(--demo-space-sm,8px);border-color:color-mix(in srgb,var(--demo-text)22%,transparent);color:var(--demo-text);background:0 0}.studio-workspace-module__fcQEMa__check{justify-content:space-between;gap:var(--space-3);padding:var(--space-3)0;border-top:1px solid var(--line);align-items:center;display:flex}.studio-workspace-module__fcQEMa__check div{gap:3px;display:grid}.studio-workspace-module__fcQEMa__check strong{font-size:13px}.studio-workspace-module__fcQEMa__check span{color:var(--muted);font-size:11px}.studio-workspace-module__fcQEMa__check b{border-radius:999px;padding:4px 7px;font-size:11px}.studio-workspace-module__fcQEMa__pass{color:var(--success);background:#5ec2691a}.studio-workspace-module__fcQEMa__fail{color:var(--danger);background:#e85c5c1f}.studio-workspace-module__fcQEMa__export header,.studio-workspace-module__fcQEMa__export footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);display:flex}.studio-workspace-module__fcQEMa__export h2{margin:4px 0 0;font-size:18px}.studio-workspace-module__fcQEMa__tabs{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-strong);padding:2px;display:flex}.studio-workspace-module__fcQEMa__tabs button,.studio-workspace-module__fcQEMa__export footer button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:700}.studio-workspace-module__fcQEMa__tabs button[aria-pressed=true]{background:var(--accent);color:var(--ink)}.studio-workspace-module__fcQEMa__export pre{min-height:260px;max-height:350px;padding:var(--space-4);border-block:1px solid var(--line);color:#e7eee8;background:#070908;margin:0;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.studio-workspace-module__fcQEMa__export footer{justify-content:flex-start}.studio-workspace-module__fcQEMa__export footer button{border:1px solid var(--line-strong);color:var(--text);background:var(--panel-strong)}.studio-workspace-module__fcQEMa__export footer button:hover{background:var(--panel-hover);border-color:#d8ff6252}@media (max-width:900px){.studio-workspace-module__fcQEMa__hero,.studio-workspace-module__fcQEMa__workspace,.studio-workspace-module__fcQEMa__bottom{grid-template-columns:1fr}.studio-workspace-module__fcQEMa__hero{gap:var(--space-6)}.studio-workspace-module__fcQEMa__panelGrid{grid-template-columns:1fr}.studio-workspace-module__fcQEMa__sectionHeaderWrap{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.studio-workspace-module__fcQEMa__page{width:min(100% - 24px,var(--container));padding-top:var(--space-8)}.studio-workspace-module__fcQEMa__hero h1{font-size:2.7rem}.studio-workspace-module__fcQEMa__fields{grid-template-columns:1fr}.studio-workspace-module__fcQEMa__palette{grid-template-columns:repeat(2,1fr)}.studio-workspace-module__fcQEMa__check{flex-direction:column;align-items:flex-start}.studio-workspace-module__fcQEMa__demo nav span{display:none}}