.studio-app.chromatic-app{background:#e7e4db;--ui-fg:var(--brand-ink,#232625);padding:0 clamp(20px,4vw,64px);--font-display:"Bricolage Grotesque",Arial,sans-serif}.studio-app .chromatic-header{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:2px solid var(--brand-ink,#232625)}.studio-app .chromatic-wordmark{font-family:var(--font-display);font-size:35px;font-weight:700;letter-spacing:-1.2px;line-height:.95}.studio-app .chromatic-wordmark>span{display:block}.studio-app .chromatic-stamp{font:10px/1.8 IBM Plex Mono,monospace}.studio-app .chromatic-edition{writing-mode:vertical-rl;font-size:9px}.studio-app .chromatic-workbench{display:grid;grid-template-columns:minmax(250px,350px) minmax(0,1fr);gap:clamp(30px,7vw,110px);padding-block:40px;align-items:start}.studio-app .chromatic-controls h1{font-size:clamp(30px,3.2vw,46px);line-height:1.05;letter-spacing:-1.4px;margin-block:15px;white-space:pre-line}.studio-app .chromatic-controls>p:not(.studio-kicker,.studio-status){color:#52554d;font-size:12px}.studio-app .chromatic-controls h2{display:flex;gap:10px;align-items:center;border-top:1px solid #9a9d94;padding-top:22px;margin:28px 0 18px}.studio-app .chromatic-palettes{border:0;padding:0;margin:18px 0;display:flex;gap:7px}.studio-app .chromatic-palettes legend{padding:0;font-size:12px;margin-bottom:10px}.studio-app .chromatic-palettes button{position:relative;flex:1 1;display:flex;padding:6px 6px 25px;border:1px solid #999d91;min-height:65px}.studio-app .chromatic-palettes button[aria-pressed=true]{border:2px solid var(--brand-ink,#232625);padding:5px 5px 24px}.studio-app .chromatic-palettes button>span{width:25%;height:25px}.studio-app .chromatic-palettes small{position:absolute;bottom:4px;left:6px;font-size:9px}.studio-app .chromatic-shuffle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;border-block:1px solid #999d91;margin:20px 0;padding:14px 0;font-size:12px}.studio-app .chromatic-stage{min-width:0;background:#d2d2c8;padding:clamp(18px,3vw,40px);position:relative}.studio-app .chromatic-stage:after,.studio-app .chromatic-stage:before{content:"";position:absolute;height:10px;width:10px;border:1px solid #8c9186;top:12px;left:12px}.studio-app .chromatic-stage:after{top:auto;left:auto;bottom:12px;right:12px}.studio-app .chromatic-sheet{width:min(100%,475px);margin:auto;background:#f5f0e7;padding:17px;color:#232625;box-shadow:0 8px 17px #22222219}.studio-app .chromatic-print-margin{display:flex;justify-content:space-between;gap:10px;font:8px/1.8 IBM Plex Mono,monospace;padding-bottom:12px}.studio-app .chromatic-sheet .print-art{max-height:520px}.studio-app .chromatic-print-caption{display:flex;gap:15px;justify-content:space-between;align-items:center;padding-top:18px}.studio-app .chromatic-print-caption strong{font-size:21px;letter-spacing:-.8px;font-weight:700}.studio-app .chromatic-print-caption strong>span{font-size:13px;font-weight:400}.studio-app .chromatic-print-caption>span{font:8px/1.6 IBM Plex Mono,monospace}.studio-app .chromatic-stage-caption{display:flex;justify-content:space-between;gap:15px;margin:20px auto 0;width:min(100%,475px);font-size:9px;color:#3b4037}.studio-app .chromatic-footer{display:flex;justify-content:space-between;gap:20px;border-top:2px solid var(--brand-ink,#232625);padding-block:20px;font-size:10px}.studio-app.worlds-app{background:#f4f0e5;--ui-fg:var(--brand-ink,#264636);padding:0 clamp(18px,3vw,48px) 22px}.studio-app .worlds-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:112px;border-bottom:1px solid #b2baa5}.studio-app .worlds-logo{display:flex;align-items:center;gap:12px}.studio-app .worlds-logo>span{font:33px/1 "Young Serif",Georgia,serif}.studio-app .worlds-logo small{display:block;margin-top:8px;font:7px/1.8 IBM Plex Mono,monospace;letter-spacing:.13em}.studio-app .worlds-sample{font-size:11px}.studio-app .worlds-label{border:1px solid #829177;border-radius:50%;transform:rotate(-8deg);padding:14px 12px;font:8px/1.6 IBM Plex Mono,monospace}.studio-app .worlds-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:32px 0 25px}.studio-app .worlds-intro h1{font-family:"Young Serif",Georgia,serif;font-size:clamp(32px,3.9vw,54px);line-height:1.15;font-weight:400;letter-spacing:-1px;margin-top:10px}.studio-app .worlds-workspace{display:grid;grid-template-columns:205px minmax(0,1fr) 230px;border-block:1px solid #b2baa5}.studio-app .worlds-library{padding:22px 20px 20px 0;border-right:1px solid #b2baa5;min-width:0}.studio-app .worlds-library h2{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:16px}.studio-app .worlds-library>.studio-button{width:100%;margin-top:10px}.studio-app .worlds-layer-heading{display:flex;gap:10px;align-items:baseline;justify-content:space-between;margin-top:27px}.studio-app .worlds-layer-heading>span{font-size:9px}.studio-app .worlds-layer-list{list-style:none;padding:0;margin:0;max-height:325px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#65795a #f4f0e5}.studio-app .worlds-layer-list button{width:100%;min-height:57px;padding:5px;display:flex;gap:9px;align-items:center;text-align:left;border:1px solid transparent}.studio-app .worlds-layer-list button[aria-pressed=true]{background:#e2e6d5;border:1px solid #788b6c;border-radius:6px}.studio-app .worlds-layer-thumb{width:36px;height:40px;display:grid;place-items:center;flex-shrink:0}.studio-app .worlds-layer-list small{display:block;font-size:9px;color:#536449}.studio-app .worlds-layer-list button>span:nth-child(2){font-size:11px}.studio-app .worlds-library>p{font-size:9px;color:#536449;margin-top:17px}.studio-app .worlds-canvas-wrap{min-width:0;padding:18px;background:#e9e8da}.studio-app .worlds-canvas-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.studio-app .worlds-canvas-top>span{font:8px/1.8 IBM Plex Mono,monospace}.studio-app .worlds-canvas-top .ui-switch{font-size:10px}.studio-app .worlds-canvas{display:block;width:100%;height:auto;border:1px solid #91a386}.studio-app .worlds-canvas-caption{display:flex;justify-content:space-between;gap:20px;font-size:8px;margin-top:15px}.studio-app .worlds-inspector{border-left:1px solid #b2baa5;padding:25px 0 20px 20px}.studio-app .worlds-inspector>.studio-kicker{font-size:8px}.studio-app .worlds-inspector h2{margin:8px 0 26px;font-family:"Young Serif",Georgia,serif;font-size:28px;font-weight:400}.studio-app .worlds-inspector .studio-button{width:100%;font-size:11px;margin-top:10px;padding-inline:8px}.studio-app .worlds-nudge{display:flex;justify-content:space-between;gap:3px;margin:16px 0}.studio-app .worlds-nudge .studio-icon{width:40px;height:40px;border:1px solid #91a386}.studio-app .worlds-stack{display:flex;gap:6px}.studio-app .worlds-delete{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px;width:100%;color:#8b3528;font-size:11px}.studio-app .worlds-footer{display:flex;align-items:center;gap:20px;justify-content:space-between;font-size:9px;margin-top:22px;color:#536449}.studio-app .worlds-footer a{text-decoration:underline;text-underline-offset:4px}@media (max-width:1050px){.studio-app .worlds-workspace{grid-template-columns:175px minmax(0,1fr)}.studio-app .worlds-inspector{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 25px;border-left:0;border-top:1px solid #b2baa5;padding:20px 0}.studio-app .worlds-inspector>h2,.studio-app .worlds-inspector>p{grid-column:1/-1;margin:0}.studio-app .worlds-inspector .studio-range{margin-block:12px}.studio-app .worlds-nudge{margin:9px 0}.studio-app .worlds-canvas-wrap{align-self:start}}@media (max-width:700px){.studio-app .worlds-header{min-height:85px}.studio-app .chromatic-stamp,.studio-app .worlds-sample{display:none}.studio-app .worlds-intro{align-items:start;flex-direction:column;gap:20px;margin-top:25px}.studio-app .chromatic-header{min-height:105px}.studio-app .chromatic-workbench{grid-template-columns:1fr;gap:25px;padding-block:25px}.studio-app .chromatic-controls h1{max-width:360px}.studio-app .chromatic-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.studio-app .chromatic-controls>.chromatic-shuffle,.studio-app .chromatic-controls>.studio-actions,.studio-app .chromatic-controls>.studio-kicker,.studio-app .chromatic-controls>h1,.studio-app .chromatic-controls>h2,.studio-app .chromatic-controls>p{grid-column:1/-1}.studio-app .chromatic-controls h1{margin:0;font-size:36px}.studio-app .chromatic-controls h2{margin:0;padding-top:18px}.studio-app .chromatic-palettes{margin:0}.studio-app .chromatic-palettes button{min-width:0}.studio-app .chromatic-palettes button>span{height:22px}.studio-app .chromatic-controls .studio-range,.studio-app .chromatic-shuffle{margin:0}.studio-app .chromatic-sheet{padding:12px}.studio-app .chromatic-footer{font-size:8px}.studio-app .worlds-logo>span{font-size:29px}.studio-app .worlds-label{font-size:7px;padding:10px}.studio-app .worlds-workspace{grid-template-columns:1fr}.studio-app .worlds-canvas-wrap{grid-row:1;padding:14px;margin-inline:-18px}.studio-app .worlds-library{border-right:0;padding:23px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-app .worlds-layer-heading,.studio-app .worlds-layer-list,.studio-app .worlds-library>h2,.studio-app .worlds-library>p{grid-column:1/-1;margin:0}.studio-app .worlds-library>.studio-button{margin:0}.studio-app .worlds-layer-heading{margin-top:20px}.studio-app .worlds-layer-list{max-height:210px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.studio-app .worlds-inspector{grid-template-columns:1fr 1fr;gap:6px 15px}.studio-app .worlds-inspector .studio-range:nth-of-type(3){grid-column:1/-1}.studio-app .worlds-nudge{gap:2px}.studio-app .worlds-nudge .studio-icon{width:32px;min-width:0;flex:1 1}.studio-app .worlds-canvas-caption{font-size:7px}.studio-app .worlds-footer{flex-wrap:wrap;gap:10px;font-size:9px}.studio-app .chromatic-workbench{grid-template-columns:1fr 1fr;gap:15px}.studio-app .chromatic-controls{display:contents}.studio-app .chromatic-controls>*{order:2}.studio-app .chromatic-controls>.studio-kicker,.studio-app .chromatic-controls>h1,.studio-app .chromatic-controls>p:not(.studio-status){order:0}.studio-app .chromatic-stage{order:1;grid-column:1/-1;margin-block:10px 20px}}.studio-app .worlds-history-wrap{padding:0 4%}.studio-app .chromatic-controls .workspace-history .studio-button{flex:1 1;justify-content:center}