@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#0a0c0e;--panel:#131619;--line:#363b40;--muted:#aeb5ba;--ink:#f3f2ed;--lime:#ffbf00}body{font-family:Inter,Arial,sans-serif}header{height:94px;background:#08090b}.brand{gap:22px}.brand small{max-width:none;font:600 10px/1.6 Inter,Arial,sans-serif;letter-spacing:2px}.logo-window{display:block;position:relative;width:165px;height:48px;overflow:hidden}.logo-window img{position:absolute;width:232px;height:232px;left:-33px;top:-93px;max-width:none}.version{border:1px solid var(--line);padding:4px 8px;color:var(--ink)}button,.workspace,.toggle,.notice,.channel{border-radius:2px}button{min-height:42px}button.primary{clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);border:0;padding-left:20px;padding-right:20px}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}main{padding-top:32px}.intro{margin-bottom:28px}.intro h1{font:700 clamp(54px,5.5vw,84px)/.91 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin-bottom:18px}.intro h1 em{color:var(--lime);font-style:normal}.intro .eyebrow{margin-bottom:14px}.intro p:not(.eyebrow){font-size:13px}.status{border-left:2px solid var(--lime);padding:12px 16px;background:#151716}.workspace{grid-template-columns:225px minmax(0,1fr) 270px;border-top:2px solid var(--lime)}.library,.editor{padding:22px 18px}.library .preset{padding:12px 10px;font-size:12px;min-height:60px}.preset.selected{background:#ffbf0012;border-color:#ffbf0066;border-left:3px solid var(--lime)}.preset small{font-size:10px}.library #patterns{max-height:570px;overflow:auto;scrollbar-color:#5e6468 #131619}.center{background:#0d1012}.previewhead{padding:23px 24px}.previewhead h2{font-size:21px}.modified{display:inline-block;color:var(--muted);font:10px Inter,sans-serif;margin-top:7px}.modified.active{color:var(--lime)}.stage{height:380px;background:radial-gradient(ellipse at center,#232b31,transparent 70%),#080a0c}.stagebadge{font-size:10px;color:#aeb5ba}.toggle button{min-height:36px}.toggle button[aria-pressed=true]{background:#3a3f44}.exposure{padding:13px 24px;background:#131619;display:grid;grid-template-columns:140px 1fr;align-items:center;gap:5px 20px;border-top:1px solid var(--line)}.exposure label{margin:0;font-size:11px}.exposure input{margin:0}.exposure span{grid-column:1/-1;color:var(--muted);font-size:10px}.transport{padding:16px 24px}.transport button{font-size:12px}.details{padding:18px 24px;font-size:11px}.details b{font-size:20px}.provenance{padding:18px 24px;border-bottom:1px solid var(--line)}.provenance summary{cursor:pointer;font-size:12px;color:var(--ink);min-height:28px}.provenance>div{padding-top:16px}.notice{margin-top:20px}.notice p{font-size:11px}.history-actions,.reset-actions{display:flex;gap:8px;margin-bottom:20px}.history-actions button,.reset-actions button{flex:1;font-size:11px}.reset-actions{margin-top:20px}.reset-actions #restore{margin:0;width:auto}.editor #openstudy{width:100%;font-size:11px;margin-top:-10px;margin-bottom:24px}.editor label{font-size:12px}.editor .hint{font-size:11px}.editor input:not([type=range]):not([type=color]),.editor select{font-size:12px}.channel{padding:12px}.channel input[type=color]{height:28px}.sectiontitle{font-size:14px}.footnote{font-size:11px}.mobile-panels{display:none}footer{font-size:10px;align-items:center}#toast{border-radius:2px;font-size:12px}@media(min-width:1450px){.stage{height:460px}}@media(max-width:1100px){.workspace{grid-template-columns:205px minmax(0,1fr)}.editor{display:block;grid-column:auto;grid-row:1;grid-column:3}.workspace{grid-template-columns:190px minmax(0,1fr) 235px}.library,.editor{padding:18px 12px}.previewhead{flex-wrap:wrap}.exposure{grid-template-columns:125px 1fr}.status{max-width:255px}.brand small{display:block}.stage{height:350px}.details{gap:10px}.details span{font-size:10px}}@media(max-width:850px){header{padding:14px 20px;height:auto;flex-wrap:wrap}.brand{gap:12px}.logo-window{width:135px;height:40px}.logo-window img{width:190px;height:190px;left:-27px;top:-76px}.actions{gap:6px}.actions button{font-size:11px;padding:9px}.workspace{display:flex;flex-direction:column}.center{order:0}.library{order:1;border-right:0;border-top:1px solid var(--line);display:none}.editor{order:2;border-left:0;border-top:1px solid var(--line);display:none;padding:24px}.show-library .library{display:block}.show-editor .editor{display:block}.mobile-panels{display:flex;gap:8px;margin-bottom:12px}.mobile-panels button{flex:1;text-align:left;font-size:12px;background:#191d20}#patterns{display:grid;grid-template-columns:1fr 1fr;overflow:auto}.library #patterns{max-height:340px}.library .preset{min-width:0}.previewhead{flex-wrap:nowrap}.stage{height:340px}.intro h1{font-size:68px}.intro{gap:20px}.status{max-width:245px}.editor #colors{display:flex;flex-wrap:wrap}.channel{min-width:150px}.details span{font-size:11px}.editor label{margin-bottom:22px}.editor .divider{display:block}#restore{width:auto}.brand small{display:block}}@media(max-width:550px){header{padding:14px 16px;gap:12px}.version{margin-left:auto}.actions{width:100%;margin:0}.actions button{flex:1;min-height:42px}.brand small{font-size:9px}main{padding:26px 14px 20px}.intro h1{font-size:64px}.intro{margin-bottom:20px}.status{margin-top:20px;max-width:none;font-size:10px}.previewhead{padding:18px 14px;gap:8px}.previewhead h2{font-size:17px}.toggle button{font-size:10px;padding:7px}.stage{height:280px}.exposure{padding:12px 14px;grid-template-columns:125px 1fr}.transport{padding:12px;gap:7px}.transport button{font-size:11px;padding:8px}.transport output{font-size:9px}.details{padding:18px 14px;gap:8px}.details span{font-size:9px}.details b{font-size:20px}.provenance{padding:16px}.notice{margin:16px}.notice p{font-size:11px}.stagebadge{font-size:9px}footer{font:10px/1.7 Inter,sans-serif;gap:10px}#patterns{display:block}.library .preset{width:100%}.editor #colors{display:block}.channel{min-width:0}.eyebrow{font-size:10px}.hint{line-height:1.7}}