/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--spacing:.25rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.resize{resize:both}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#163d4b;--ink-soft:#527079;--paper:#f4f1e8;--paper-deep:#e9e5da;--panel:#fcfbf7;--line:#d8d4ca;--coral:#ee6a52;--coral-dark:#c94f3c;--gold:#e3a629;--mint:#2e9d73;--shadow:0 18px 50px #1c313424}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,input,select{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline-offset:2px;outline:3px solid #e3a6298c}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-shell{background:var(--paper);grid-template-rows:68px minmax(0,1fr) 78px;width:100vw;height:100dvh;min-height:520px;display:grid}.topbar{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fcfbf7f5;grid-template-columns:minmax(205px,.75fr) minmax(190px,.65fr) minmax(500px,1.5fr);align-items:center;gap:20px;min-width:0;padding:0 18px;display:grid;position:relative;box-shadow:0 3px 18px #2a3a3a0a}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:max-content;min-width:0;height:100%;padding:0;display:inline-flex}.brand-banner{background:url(/cityline-logo-header.webp) 0/contain no-repeat;flex:none;width:218px;max-width:100%;height:58px;display:block}.brand-mark{background:var(--ink);border-radius:50% 44% 54% 46%;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden;transform:rotate(-8deg);box-shadow:inset -4px -4px #00000014}.brand-mark:before,.brand-mark:after,.brand-mark span{background:var(--paper);content:"";border-radius:999px;height:3px;display:block;position:absolute}.brand-mark:before{width:25px;top:13px;left:6px;transform:rotate(12deg)}.brand-mark:after{width:18px;top:20px;left:9px;transform:rotate(-19deg)}.brand-mark span{background:var(--coral);width:9px;top:25px;left:20px;transform:rotate(24deg)}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-copy strong{letter-spacing:.075em;font-size:15px;font-weight:850}.brand-copy small{color:var(--ink-soft);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:8px}.project-name{grid-template-columns:minmax(0,auto) 7px auto;justify-content:center;align-items:center;gap:7px;min-width:0;display:grid}.project-name input{width:min(190px,100%);min-width:90px;color:var(--ink);text-align:right;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 8px;font-size:13px;font-weight:650}.project-name input:hover,.project-name input:focus{border-color:var(--line);background:#fff}.project-name small{color:#788c8c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.save-dot{background:var(--mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2e9d731a}.save-dot.saving{background:var(--gold);animation:.8s infinite alternate pulse}@keyframes pulse{50%{opacity:.5}}.top-actions{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.icon-button,.text-button,.file-button,.install-button{cursor:pointer;background:0 0;border:0;border-radius:10px;height:36px;transition:all .16s}.icon-button{width:34px;color:var(--ink-soft);font-size:19px}.icon-button:hover,.text-button:hover,.file-button:hover{color:var(--ink);background:#eeece4}.icon-button:disabled{cursor:default;opacity:.28}.text-button{color:var(--ink-soft);padding:0 10px;font-size:12px;font-weight:620}.file-button{color:var(--ink-soft);align-items:center;gap:6px;padding:0 9px;display:inline-flex}.file-button span{width:19px;height:19px;color:var(--ink);font-family:var(--font-geist-mono), monospace;background:#fff;border:1px solid #d9d6cd;border-radius:6px;place-items:center;font-size:12px;display:grid}.file-button strong{font-size:11px;font-weight:700}.top-divider{background:var(--line);width:1px;height:20px;margin:0 4px}.install-button{background:var(--ink);color:#fff;align-items:center;gap:7px;margin-left:5px;padding:0 13px;font-size:12px;font-weight:720;display:inline-flex;box-shadow:0 6px 14px #163d4b2e}.install-button:hover,.install-button.ready{background:#225666;transform:translateY(-1px)}.install-button.ready:after{background:var(--gold);content:"";border-radius:50%;width:5px;height:5px}.workspace{grid-template-columns:82px minmax(0,1fr) 292px;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.toolrail{z-index:20;border-right:1px solid var(--line);background:var(--panel);flex-direction:column;gap:4px;min-height:0;padding:14px 10px;display:flex;position:relative;overflow:hidden auto}.tool-group-label{color:#9aa5a3;font-family:var(--font-geist-mono), monospace;letter-spacing:.13em;text-align:center;padding:3px 2px 0;font-size:6.5px;font-weight:800;display:block}.tool-button{color:#6c8082;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:54px;padding:5px;font-size:9px;transition:all .15s;display:flex;position:relative}.tool-button:hover{color:var(--ink);background:#f1eee6;border-color:#e5e1d8}.tool-button.active{background:var(--ink);color:#fff;border-color:#163d4b1f;box-shadow:0 7px 15px #163d4b2e}.tool-icon{place-items:center;width:23px;height:23px;font-family:Georgia,serif;font-size:20px;line-height:1;display:grid}.tool-button kbd{color:currentColor;font-family:var(--font-geist-mono), monospace;opacity:.55;font-size:7px;position:absolute;top:5px;right:6px}.rail-divider{background:var(--line);height:1px;margin:6px 8px}.tool-button:last-child{margin-top:auto}.stage-wrap{background:var(--paper);min-width:0;min-height:0;position:relative;overflow:hidden}.stage-wrap:after{z-index:1;content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 55%,#163d4b09 100%);position:absolute;inset:0}.game-canvas{z-index:0;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cursor-pencil,.cursor-smart-pencil,.cursor-line,.cursor-curve,.cursor-loop,.cursor-art-brush,.cursor-art-line,.cursor-rectangle,.cursor-ellipse,.cursor-start,.cursor-finish{cursor:crosshair}.cursor-select{cursor:default}.cursor-eraser{cursor:crosshair}.cursor-erase{cursor:cell}.cursor-pan{cursor:grab}.cursor-pan:active{cursor:grabbing}.stage-toolbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfbf7e6;border:1px solid #d8d4cae6;border-radius:12px;gap:3px;padding:4px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 7px 25px #23363814}.stage-toolbar button{color:#718486;cursor:pointer;background:0 0;border:0;border-radius:8px;height:30px;padding:0 9px;font-size:10px;font-weight:630}.stage-toolbar button:hover,.stage-toolbar button.active{color:var(--ink);background:#ebe8df}.dotted-icon{letter-spacing:.08em}.zoom-control{z-index:10;background:#fcfbf7eb;border:1px solid #d8d4cae6;border-radius:10px;align-items:center;gap:3px;height:32px;padding:3px;display:flex;position:absolute;bottom:14px;right:13px;box-shadow:0 5px 18px #23363812}.zoom-control button{cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:25px;height:25px;font-size:17px;display:grid}.zoom-control button:hover{background:var(--paper-deep)}.zoom-control .fit-zoom-button{border-left:1px solid var(--line);border-radius:0 7px 7px 0;margin-left:2px;font-size:13px}.zoom-control span{min-width:39px;font-family:var(--font-geist-mono), monospace;text-align:center;font-size:9px}.stage-hint{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fcfbf7e0;border:1px solid #d8d4cad9;border-radius:11px;align-items:center;gap:10px;max-width:320px;padding:8px 11px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 5px 18px #2336380f}.stage-hint>span:last-child{color:#7c8c8d;white-space:nowrap;flex-direction:column;gap:1px;min-width:0;font-size:9px;display:flex}.stage-hint strong{color:var(--ink);font-size:10px}.material-swatch{border-radius:10px;flex:none;width:24px;height:5px;display:block}.art-hint-swatch{border:3px solid #ffffffe6;border-radius:50%;flex:none;width:24px;height:24px;display:block;box-shadow:0 0 0 1px #163d4b38}.finish-hint-icon{width:24px;height:24px;color:var(--coral);place-items:center;font-size:21px;display:grid}.mobile-inspector-toggle{display:none}.success-card{z-index:15;min-width:330px;box-shadow:var(--shadow);background:#fcfbf7f5;border:1px solid #2e9d7340;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:10px 11px;animation:.48s cubic-bezier(.2,.85,.2,1.15) arrive;display:grid;position:absolute;top:70px;left:50%;transform:translate(-50%)}@keyframes arrive{0%{opacity:0;transform:translate(-50%,-12px)scale(.96)}}.success-check{background:var(--mint);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:grid}.success-card>div{flex-direction:column;gap:2px;display:flex}.success-card strong{font-size:12px}.success-card small{color:var(--ink-soft);font-size:9px}.success-card button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;height:32px;padding:0 10px;font-size:9px;font-weight:700}.inspector{z-index:25;border-left:1px solid var(--line);background:var(--panel);scrollbar-width:thin;scrollbar-color:#ccc7ba transparent;min-width:0;min-height:0;padding:18px 16px 16px;position:relative;overflow:hidden auto}.inspector-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px;display:flex}.eyebrow,.welcome-kicker{color:#879493;font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;font-size:8px;font-weight:700}.inspector-heading h2{text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin:4px 0 0;font-size:14px;font-weight:760;overflow:hidden}.mobile-close{display:none}.inspector-section{border-top:1px solid #e1ddd4;padding:16px 0}.section-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-title span{font-size:10px;font-weight:750}.section-title small{color:#96a19f;font-size:8px}.material-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.material-card{color:#667b7d;cursor:pointer;text-align:left;background:#fff;border:1px solid #dfdbd1;border-radius:10px;flex-direction:column;justify-content:center;align-items:stretch;gap:7px;min-width:0;height:52px;padding:8px;font-size:8px;font-weight:680;transition:all .15s;display:flex}.material-card:hover{border-color:#b9c4c2;transform:translateY(-1px)}.material-card.active{color:var(--ink);background:#f0f4f2;border-color:#163d4b80;box-shadow:inset 0 0 0 1px #163d4b14}.material-line{border-radius:999px;width:100%;height:5px;display:block}.material-standard{background:linear-gradient(#111 0 52%,#4aa3ff 52%)}.material-boost{background:linear-gradient(#111 0 52%,#ef5350 52%)}.material-ice{background:linear-gradient(#111 0 52%,#57c7d4 52%)}.material-bounce{background:linear-gradient(#111 0 52%,#9b6bc2 52%)}.material-spring{background:linear-gradient(#111 0 52%,#e3a629 52%)}.material-scenery{background:#36b85f}.material-description{color:#849493;min-height:24px;margin:9px 0 0;font-size:8px;line-height:1.45}.vehicle-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.vehicle-card{color:#667b7d;cursor:pointer;text-align:left;background:#fff;border:1px solid #dfdbd1;border-radius:10px;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:43px;padding:5px 7px;transition:all .15s;display:grid}.vehicle-card:hover{border-color:#b9c4c2;transform:translateY(-1px)}.vehicle-card.active{color:var(--ink);background:#f0f4f2;border-color:#163d4b80;box-shadow:inset 0 0 0 1px #163d4b14}.vehicle-card>span:last-child{text-overflow:ellipsis;font-size:8px;font-weight:700;line-height:1.2;overflow:hidden}.vehicle-icon{width:29px;height:29px;color:var(--ink);letter-spacing:-.12em;background:#f1eee6;border-radius:8px;place-items:center;font-family:Georgia,serif;font-size:14px;display:grid}.vehicle-card.active .vehicle-icon{background:var(--ink);color:#fff}.selection-actions{grid-template-columns:1fr 1fr;gap:7px;padding:0 0 15px;display:grid}.selection-actions button,.export-button{cursor:pointer;background:#fff;border:1px solid #dcd8ce;border-radius:9px;height:32px;font-size:8px;font-weight:700}.project-file-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.project-file-actions button{min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #dcd8ce;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:8px;font-weight:750;display:inline-flex}.project-file-actions button:hover{background:#f0f4f2;border-color:#163d4b73}.project-file-actions .project-share-button{background:#edf4f2;border-color:#163d4b47;grid-column:1/-1}.project-file-actions span{font-family:var(--font-geist-mono), monospace;font-size:13px}.selection-actions .danger{color:#b84f4a}.finish-status{background:#f5f2ea;border:1px solid #dfdbd1;border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:flex}.finish-status>span{width:30px;height:30px;color:var(--coral);background:#fff;border-radius:9px;flex:none;place-items:center;font-size:19px;display:grid}.finish-status div{flex-direction:column;gap:2px;min-width:0;display:flex}.finish-status small{color:#849493;font-size:8px}.finish-actions{padding-bottom:0}.finish-add{width:100%}.metric-hero{grid-template-columns:auto 1fr;align-items:baseline;padding:3px 0 10px;display:grid}.metric-hero strong{font-family:var(--font-geist-mono), monospace;letter-spacing:-.06em;font-size:29px;font-weight:540}.metric-hero>span{color:#829190;margin-left:6px;font-size:8px}.speed-bars{grid-column:1/-1;align-items:flex-end;gap:3px;height:14px;margin-top:7px;display:flex}.speed-bars i{background:#d9d8d0;border-radius:3px;width:100%;height:4px;transition:all 80ms linear}.speed-bars i:nth-child(n+4){height:7px}.speed-bars i:nth-child(n+7){height:10px}.speed-bars i.on{background:var(--coral)}.metric-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.metric-grid>div{background:#f0eee7;border-radius:9px;flex-direction:column;gap:3px;min-width:0;padding:9px;display:flex}.metric-grid span{color:#8a9897;text-transform:uppercase;font-size:7px}.metric-grid strong{font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;font-size:10px;font-weight:590;overflow:hidden}.physics-settings label{flex-direction:column;gap:8px;display:flex}.physics-settings label>span{color:#788b8c;justify-content:space-between;font-size:8px;display:flex}.physics-settings b{color:var(--ink);font-family:var(--font-geist-mono), monospace;font-weight:600}.classic-physics-card{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.classic-physics-card>div{background:#f5f2ea;border:1px solid #dfdbd1;border-radius:9px;flex-direction:column;gap:4px;min-width:0;padding:8px 6px;display:flex}.classic-physics-card span{color:#8a9897;text-transform:uppercase;font-size:6px}.classic-physics-card strong{color:var(--ink);font-family:var(--font-geist-mono), monospace;font-size:9px;font-weight:650}input[type=range]{accent-color:var(--coral)}.ink-budget{background:#f5f2ea;border:1px solid #e0dcd2;border-radius:12px;padding:12px}.ink-budget>div:first-child{justify-content:space-between;align-items:baseline;font-size:8px;display:flex}.ink-budget strong{font-family:var(--font-geist-mono), monospace;font-size:10px}.budget-track{background:#dedbd2;border-radius:4px;height:4px;margin:9px 0 7px;overflow:hidden}.budget-track span{border-radius:inherit;background:var(--gold);height:100%;display:block}.ink-budget small{color:#8a9897;font-size:7px}.export-button{width:100%;color:var(--ink);margin-top:10px}.timeline{z-index:50;border-top:1px solid var(--line);background:#fbfaf6;grid-template-columns:auto 56px minmax(100px,1fr) 56px auto;align-items:center;gap:12px;min-width:0;padding:0 18px;display:grid;position:relative;box-shadow:0 -5px 20px #1f30320a}.playback-controls{align-items:center;gap:4px;display:flex}.playback-controls button{color:#6d8082;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.playback-controls button:hover{background:#ebe9e1}.playback-controls .stop-button{color:var(--ink);background:#fff;border:1px solid #d8d5cc}.stop-glyph{background:currentColor;border-radius:2px;width:10px;height:10px}.playback-controls .play-button{background:var(--coral);color:#fff;width:43px;height:43px;padding-left:2px;font-size:15px;box-shadow:0 7px 16px #ee6a5247}.playback-controls .play-button:hover{background:var(--coral-dark);transform:scale(1.03)}.play-glyph{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid;width:0;height:0;margin-left:3px}.pause-glyph{gap:4px;display:flex}.pause-glyph i{background:currentColor;border-radius:2px;width:4px;height:15px}.transport-state{color:#859493;min-width:53px;font-family:var(--font-geist-mono), monospace;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;font-size:7px;font-weight:700;display:flex}.transport-state:before{content:"";background:#9ba6a4;border-radius:50%;flex:none;width:5px;height:5px}.transport-state.running{color:var(--coral-dark)}.transport-state.running:before{background:var(--coral)}.timecode{color:var(--ink);font-family:var(--font-geist-mono), monospace;text-align:right;font-size:10px}.timecode.total{color:#8a9998;text-align:left}.timeline-track{height:38px;position:relative}.timeline-track input{z-index:2;appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.timeline-track input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--coral) 0 var(--timeline-progress), #dcd9d0 var(--timeline-progress) 100%);border-radius:6px;height:4px}.timeline-track input::-moz-range-track{background:#dcd9d0;border-radius:6px;height:4px}.timeline-track input::-moz-range-progress{background:var(--coral);border-radius:6px;height:4px}.timeline-track input::-webkit-slider-thumb{appearance:none;background:var(--coral);border:3px solid #fff;border-radius:50%;width:15px;height:15px;margin-top:-5px;box-shadow:0 1px 6px #2d3c3c3d}.timeline-track input::-moz-range-thumb{background:var(--coral);border:3px solid #fff;border-radius:50%;width:11px;height:11px}.timeline-ticks{justify-content:space-between;display:flex;position:absolute;bottom:3px;left:4px;right:4px}.timeline-ticks i{background:#d5d2c9;width:1px;height:5px}.speed-select{color:#849292;align-items:center;gap:8px;font-size:8px;display:flex}.speed-select select{height:30px;color:var(--ink);background:#fff;border:1px solid #d8d5cc;border-radius:8px;padding:0 21px 0 9px;font-size:9px}.toast{z-index:100;background:var(--ink);color:#fff;box-shadow:var(--shadow);border:1px solid #163d4b1f;border-radius:11px;padding:10px 15px;font-size:10px;animation:.22s ease-out toast-in;position:fixed;bottom:94px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c242b8f;place-items:center;padding:20px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}}.welcome-card,.new-card{background:radial-gradient(circle at 87% 15%, #e3a62926, transparent 28%), var(--panel);border:1px solid #ffffffb3;border-radius:24px;width:min(650px,100%);padding:42px;position:relative;box-shadow:0 30px 100px #081e2459}.modal-close{cursor:pointer;background:#ece9e1;border:0;border-radius:50%;place-items:center;width:33px;height:33px;font-size:20px;display:grid;position:absolute;top:15px;right:15px}.welcome-card h1{color:var(--ink);letter-spacing:-.055em;margin:12px 0 13px;font-size:clamp(34px,5vw,53px);font-weight:780;line-height:.98}.welcome-card h1 em{color:var(--coral);font-family:Georgia,serif;font-weight:500}.welcome-card>p{color:#647b7e;max-width:520px;margin:0;font-size:13px;line-height:1.65}.quick-guide{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;display:grid}.quick-guide>div{background:#ffffffb3;border:1px solid #e2ded5;border-radius:14px;flex-direction:column;min-height:120px;padding:15px;display:flex}.quick-guide span{color:var(--gold);font-family:var(--font-geist-mono), monospace;margin-bottom:auto;font-size:9px;font-weight:700}.quick-guide strong{margin-bottom:4px;font-size:12px}.quick-guide small{color:#7f8e8e;font-size:9px;line-height:1.45}.primary-cta{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 18px;font-size:12px;font-weight:720;display:flex;box-shadow:0 12px 25px #163d4b33}.primary-cta span{color:var(--gold);font-size:20px}.keyboard-tip{color:#98a3a1;font-family:var(--font-geist-mono), monospace;text-align:center;margin-top:14px;font-size:8px;display:block}.new-card{width:min(530px,100%)}.new-card h2{letter-spacing:-.035em;margin:9px 0 25px;font-size:27px}.new-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.new-options>button{cursor:pointer;text-align:left;background:#fff;border:1px solid #dedad0;border-radius:16px;flex-direction:column;align-items:stretch;gap:6px;min-height:200px;padding:13px;transition:all .16s;display:flex}.new-options>button:hover{border-color:#163d4b73;transform:translateY(-2px);box-shadow:0 10px 25px #1f343617}.new-options strong{margin-top:3px;font-size:12px}.new-options small{color:#829191;font-size:9px;line-height:1.4}.blank-preview,.demo-preview{background-color:var(--paper);background-image:radial-gradient(#163d4b29 .7px,#0000 .7px);background-size:14px 14px;border-radius:10px;height:118px;display:block;position:relative;overflow:hidden}.blank-preview i{background:var(--ink);border-radius:5px;width:55px;height:3px;display:block;position:absolute;transform:rotate(-16deg)}.blank-preview i:first-child{top:42px;left:32px}.blank-preview i:nth-child(2){background:var(--coral);top:64px;left:70px;transform:rotate(13deg)}.blank-preview i:nth-child(3){background:var(--gold);width:29px;top:78px;left:113px}.demo-preview i{border-top:4px solid var(--ink);border-radius:50%;width:170px;height:60px;display:block;position:absolute;top:52px;left:15px;transform:rotate(4deg)}.visual-menu{left:14px;transform:none}.visual-menu>button{min-width:74px}.visual-popover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fcfbf7fa;border:1px solid #d8d4caf5;border-radius:14px;gap:5px;width:310px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 45px #1632372e}.stage-toolbar .visual-popover button{text-align:left;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;width:100%;height:auto;min-height:58px;padding:9px 10px;display:flex}.stage-toolbar .visual-popover button.active{background:#eef2ef;border-color:#163d4b1f}.visual-popover button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.visual-popover strong{color:var(--ink);font-size:10px}.visual-popover small{color:#7e8f90;font-size:8px;font-weight:500;line-height:1.35}.visual-popover i{color:var(--coral);flex:none;font-size:8px;font-style:normal;font-weight:750}.layer-list{gap:5px;display:grid}.layer-row{background:#fff;border:1px solid #e0dcd2;border-radius:11px;grid-template-columns:minmax(0,1fr) 24px 28px 28px 28px;gap:3px;padding:3px;display:grid}.layer-order-buttons{grid-template-rows:1fr 1fr;gap:1px;display:grid}.layer-row .layer-order-buttons button{color:#708486;cursor:pointer;background:#f0eee7;border:0;border-radius:4px;min-height:14px;font-size:6px;line-height:1}.layer-row .layer-order-buttons button:hover:not(:disabled){background:var(--ink);color:#fff}.layer-row .layer-order-buttons button:disabled{cursor:default;opacity:.22}.layer-row.active{background:#eff4f2;border-color:#163d4b7a;box-shadow:inset 0 0 0 1px #163d4b0d}.layer-row button{color:#809092;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;min-width:0;min-height:31px;font-size:10px;display:grid}.layer-row>button:hover,.layer-row>button.active{color:var(--ink);background:#e6ebe8}.layer-row>button.pin.active{background:var(--ink);color:#fff}.layer-row .layer-name{text-align:left;grid-template-columns:21px minmax(0,1fr) auto;place-items:center start;gap:5px;padding:0 6px;display:grid}.layer-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.layer-name small{color:#9aa5a3;font-family:var(--font-geist-mono), monospace;font-size:7px}.layer-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;display:grid}.layer-actions button{cursor:pointer;background:#fff;border:1px solid #ddd9cf;border-radius:9px;min-height:31px;padding:4px 6px;font-size:7.5px;font-weight:720}.layer-actions button:disabled{cursor:default;opacity:.38}.assistant-tool-tabs,.paint-tool-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.assistant-tool-tabs button,.paint-tool-grid button,.curve-presets button{color:#6f8284;cursor:pointer;background:#fff;border:1px solid #dedad0;border-radius:9px;min-height:32px;padding:5px 4px;font-size:7.5px;font-weight:720}.assistant-tool-tabs button:hover,.assistant-tool-tabs button.active,.paint-tool-grid button:hover,.paint-tool-grid button.active,.curve-presets button.active{border-color:var(--ink);background:var(--ink);color:#fff}.paint-tool-grid{grid-template-columns:repeat(4,1fr)}.paint-tool-grid button{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:50px;font-size:6.5px;display:flex}.paint-tool-grid button span{font-family:Georgia,serif;font-size:17px}.geometry-controls,.studio-range-control{gap:7px;display:grid}.studio-range-control{margin-top:12px}.studio-range-control>span,.paint-setting-label{color:#647b7e;justify-content:space-between;align-items:center;gap:8px;font-size:8px;font-weight:680;display:flex}.studio-range-control strong{color:var(--ink);font-family:var(--font-geist-mono), monospace;font-size:8px}.studio-range-control input[type=range]{width:100%;accent-color:var(--coral)}.studio-range-control small{color:#8a9998;font-size:7.5px;line-height:1.45}.studio-range-control.compact{margin-top:10px}.curve-presets{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.curve-presets button{min-height:27px;font-size:6.5px}.paint-setting-label{margin-top:13px}.paint-setting-label small{color:#99a4a2;font-size:7px;font-weight:500}.art-color-options,.rider-color-options{flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;display:flex}.art-color-options>button,.art-color-options>label,.rider-color-options>button,.rider-color-options>label{cursor:pointer;border:1px solid #163d4b33;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:relative;overflow:hidden}.art-color-options>button.active,.rider-color-options>button.active{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--ink)}.art-color-options>label,.rider-color-options>label{color:#fff;background:conic-gradient(#ef6658,#f1b93a,#4bb978,#55b8e8,#a977c8,#ef6658);font-size:12px;font-weight:900}.art-color-options input,.rider-color-options input,.fill-controls input,.dual-color-settings input,.look-custom-color input{opacity:0;cursor:pointer;position:absolute;inset:0}.fill-controls{grid-template-columns:minmax(0,1fr) 34px;gap:6px;margin-top:11px;display:grid}.fill-controls button,.fill-controls label{color:#748789;cursor:pointer;background:#fff;border:1px solid #dedad0;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:32px;font-size:7.5px;font-weight:720;display:flex;position:relative;overflow:hidden}.fill-controls button.active{color:var(--ink);background:#eef3f1;border-color:#163d4b7a}.fill-controls label span{border-radius:6px;width:20px;height:20px;box-shadow:0 0 0 1px #163d4b2e}.rider-look-summary{background:linear-gradient(135deg,#eef8ff,#fff6e5);border:1px solid #dedad0;border-radius:12px;align-items:center;gap:12px;min-height:58px;padding:9px 10px;display:flex;position:relative}.rider-look-summary strong{color:var(--ink);font-size:9px;display:block}.rider-look-summary>span:last-child small{color:#7a8d8f;margin-top:3px;font-size:7px;line-height:1.35;display:block}.rider-look-avatar{flex:0 0 88px;width:88px;height:55px;display:block;position:relative}.rider-look-head{z-index:2;border:2px solid var(--ink);border-radius:50%;width:27px;height:27px;display:block;position:absolute;top:3px;left:28px}.rider-look-head i{border:2px solid var(--ink);border-radius:16px 16px 8px 5px;width:30px;height:17px;position:absolute;top:-4px;left:-4px;transform:rotate(-5deg)}.rider-look-head b{z-index:2;border:1.5px solid var(--ink);border-radius:2px 7px 6px 4px;width:14px;height:8px;position:absolute;top:6px;right:-4px;transform:rotate(5deg)}.rider-look-body{border:2px solid var(--ink);border-radius:8px 8px 5px 5px;width:20px;height:22px;display:block;position:absolute;top:28px;left:34px;transform:rotate(-10deg)}.rider-look-pants{border:2px solid var(--ink);border-radius:4px;width:24px;height:8px;position:absolute;top:43px;left:35px;transform:rotate(-8deg)}.rider-look-boots{border:2px solid var(--ink);border-radius:5px 8px 4px 4px;width:21px;height:7px;position:absolute;top:48px;left:48px;transform:rotate(-6deg)}.rider-look-scarf{z-index:1;width:30px;height:18px;position:absolute;top:24px;left:16px}.rider-look-scarf i{border:1.5px solid var(--ink);transform-origin:100%;background:currentColor;border-radius:999px;width:30px;height:5px;position:absolute;right:14px}.rider-look-scarf i:first-child{top:2px;transform:rotate(9deg)}.rider-look-scarf i:last-child{width:25px;top:9px;transform:rotate(-8deg)}.dual-color-settings,.rider-detail-colors{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.dual-color-settings label,.rider-detail-colors label,.look-custom-color{color:#6d8183;cursor:pointer;background:#fff;border:1px solid #dedad0;border-radius:9px;justify-content:space-between;align-items:center;gap:6px;min-height:34px;padding:6px 8px;font-size:7.5px;font-weight:700;display:flex;position:relative;overflow:hidden}.dual-color-settings i,.rider-detail-colors i,.look-custom-color i{border-radius:50%;flex:none;width:19px;height:19px;box-shadow:0 0 0 1px #163d4b2e}.rider-detail-colors input{opacity:0;cursor:pointer;position:absolute;inset:0}.look-option-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px;display:grid}.look-option-grid button{color:#738688;cursor:pointer;background:#fff;border:1px solid #dedad0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:45px;display:flex}.look-option-grid button:hover,.look-option-grid button.active{border-color:var(--ink);color:var(--ink);background:#eef3f1}.look-option-grid button span{font-family:Georgia,serif;font-size:15px}.look-option-grid button small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:6.5px;overflow:hidden}.look-custom-color{margin-top:6px}.gallery-open-button{width:100%;min-height:65px;color:var(--ink);cursor:pointer;text-align:left;background:linear-gradient(135deg,#eef9ff,#fff3df);border:1px solid #ded9cf;border-radius:12px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:9px;display:grid}.gallery-open-button span{letter-spacing:.08em;font-family:Georgia,serif;font-size:18px}.gallery-open-button strong{font-size:9px;line-height:1.4}.paper-colors{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.paper-colors>button,.paper-colors>label{cursor:pointer;border:1px solid #163d4b2e;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:relative;overflow:hidden}.paper-colors>button.active{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--ink)}.paper-colors label{color:#fff;background:conic-gradient(#ed6657,#e3a629,#39a86b,#47aeda,#9a69bd,#ed6657);font-size:15px;font-weight:800}.paper-colors input{opacity:0;cursor:pointer;position:absolute;inset:0}.start-status>span{color:var(--gold)}.gallery-card,.share-card{background:var(--panel);border:1px solid #ffffffb3;border-radius:24px;width:min(860px,100%);max-height:min(860px,100dvh - 40px);padding:36px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #081e2459}.gallery-card h2,.share-card h2{letter-spacing:-.045em;margin:8px 0;font-size:30px}.gallery-card>p,.share-card>p{color:#6d8183;max-width:680px;margin:0 0 23px;font-size:11px;line-height:1.6}.gallery-categories{gap:18px;display:grid}.gallery-categories h3{color:#839290;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:8px}.gallery-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.gallery-grid button{min-height:96px;color:var(--ink);cursor:pointer;background:linear-gradient(150deg,#fff,#f4f2eb);border:1px solid #dedad0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .15s;display:flex}.gallery-grid button:hover{border-color:#163d4b75;transform:translateY(-2px)rotate(-.5deg);box-shadow:0 8px 20px #1632371a}.gallery-grid button>span{color:#297f9e;background:#eaf6fb;border-radius:12px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:24px;display:grid}.gallery-grid strong{font-size:9px}.gallery-grid small{color:#9aa5a3;font-size:7px}.text-open-button{width:100%;min-height:45px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #ded9cf;border-radius:11px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;margin-top:7px;padding:7px 10px;display:grid}.text-open-button span{font-family:Georgia,serif;font-size:19px;font-weight:800}.text-open-button strong{font-size:8.5px}.object-transform-help{background:#f6f2e5;border:1px solid #dcd8ce;border-radius:11px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;padding:10px;display:grid}.object-transform-help>span{background:var(--gold);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.object-transform-help p{color:#718183;margin:0;font-size:7.5px;line-height:1.45}.object-transform-help strong{color:var(--ink);font-size:8px;display:block}.object-size-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.object-size-actions button{min-height:34px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d8d4ca;border-radius:9px;font-size:8px;font-weight:750}.object-effects-editor{background:linear-gradient(145deg,#fff9e8,#f3f7f8);border:1px solid #e3a62957;border-radius:12px;gap:10px;margin-top:12px;padding:12px;display:grid}.effect-editor-heading{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.effect-editor-heading>span{color:#ffd778;background:#263849;border-radius:9px;place-items:center;width:30px;height:30px;font-size:16px;display:grid;box-shadow:0 6px 18px #163d4b2e}.effect-editor-heading>div{gap:2px;display:grid}.effect-editor-heading strong{color:var(--ink);font-size:8.5px}.effect-editor-heading small{color:#849293;font-size:6.5px}.effect-editor-heading button{color:#809092;cursor:pointer;background:#fff;border:1px solid #d6d4cb;border-radius:999px;min-height:28px;padding:0 9px;font-size:6.5px;font-weight:800}.effect-editor-heading button.active{color:#28704e;background:#e6f5ec;border-color:#3c8c68}.object-effects-editor>label{gap:5px;display:grid}.object-effects-editor>label>span{color:#708184;justify-content:space-between;font-size:7px;font-weight:720;display:flex}.object-effects-editor input[type=range]{accent-color:#e3a629;width:100%}.object-effects-editor>.effect-color-control{cursor:pointer;background:#fff;border:1px solid #d8d4ca;border-radius:9px;grid-template-columns:1fr 24px;align-items:center;gap:8px;min-height:34px;padding:0 9px;display:grid;position:relative;overflow:hidden}.effect-color-control>span{display:block!important}.effect-color-control>i{border-radius:7px;width:21px;height:21px;box-shadow:0 0 0 1px #163d4b2e}.effect-color-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.selected-text-editor{border-top:1px solid #e0dcd2;gap:9px;margin-top:12px;padding-top:12px;display:grid}.selected-text-editor label,.text-card label{gap:5px;display:grid}.selected-text-editor label>span,.text-card label>span{color:#758587;font-size:7.5px;font-weight:750}.selected-text-editor input[type=text],.selected-text-editor input:not([type]),.selected-text-editor select,.text-card input[type=text],.text-card input:not([type]),.text-card select{width:100%;min-height:35px;color:var(--ink);background:#fff;border:1px solid #d8d4ca;border-radius:9px;padding:0 9px;font-size:9px}.text-editor-row,.text-form-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.text-size-control span{justify-content:space-between;display:flex}.text-size-control input[type=range]{width:100%;accent-color:var(--gold)}.text-color-options{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.text-color-options>button,.text-color-options>label{cursor:pointer;border:1px solid #163d4b3d;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:relative;overflow:hidden}.text-color-options>button.active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ink)}.text-color-options>label{color:#fff;background:conic-gradient(#ef6658,#f1b93a,#4bb978,#55b8e8,#a977c8,#ef6658)}.text-color-options input{opacity:0;cursor:pointer;position:absolute;inset:0}.gallery-card{width:min(1060px,100%)}.gallery-heading-row{justify-content:space-between;align-items:end;gap:22px;display:flex}.gallery-heading-row h2{margin-bottom:6px}.gallery-heading-row p{color:#6d8183;max-width:670px;margin:0;font-size:10px;line-height:1.55}.gallery-text-shortcut{min-width:150px;min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d8d4ca;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-size:8px;font-weight:750;display:flex}.gallery-text-shortcut span{font-family:Georgia,serif;font-size:18px}.gallery-controls{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfbf7f0;grid-template-columns:minmax(210px,.6fr) minmax(0,1.4fr);gap:10px;margin:22px -4px 20px;padding:12px 4px;display:grid;position:sticky;top:-36px}.gallery-search{background:#fff;border:1px solid #d8d4ca;border-radius:11px;grid-template-columns:28px minmax(0,1fr);align-items:center;min-height:40px;display:grid}.gallery-search>span{text-align:center;color:#809092;font-size:16px}.gallery-search input{min-width:0;height:38px;color:var(--ink);background:0 0;border:0;outline:0;font-size:9px}.gallery-filterbar{justify-content:flex-end;align-items:center;gap:5px;display:flex;overflow-x:auto}.gallery-filterbar button{color:#6f8183;cursor:pointer;background:#fff;border:1px solid #d8d4ca;border-radius:999px;flex:none;min-height:36px;padding:0 12px;font-size:7.5px;font-weight:750}.gallery-filterbar button.active{border-color:var(--ink);background:var(--ink);color:#fff}.gallery-tonebar{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:5px;display:flex}.gallery-tonebar>span{color:#899696;text-transform:uppercase;margin-right:3px;font-size:7px;font-weight:760}.gallery-tonebar button{color:#748587;cursor:pointer;background:#fff;border:1px solid #d8d4ca;border-radius:999px;min-height:27px;padding:0 10px;font-size:7px;font-weight:760}.gallery-tonebar button.active{color:#244f61;background:#e8f1f4;border-color:#497587}.polished-gallery{gap:25px}.polished-gallery>section>h3{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.polished-gallery>section>h3 span{color:var(--ink);letter-spacing:0;text-transform:none;font-family:inherit;font-size:11px}.polished-gallery>section>h3 small{color:#9aa5a3;letter-spacing:0;text-transform:none;font-size:7px;font-weight:650}.polished-gallery .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.polished-gallery .gallery-grid button{text-align:left;background:#fff;justify-content:flex-start;gap:0;min-height:190px;padding:0;overflow:hidden}.polished-gallery .gallery-grid button>.gallery-art-preview{width:100%;height:140px;font-size:inherit;background:linear-gradient(150deg,#f7fbfb,#fff7e9);border-radius:0;place-items:center;display:grid;position:relative}.polished-gallery .gallery-art-preview.light-preview{background:radial-gradient(circle at 50% 56%,#ffde8140,#0000 36%),linear-gradient(150deg,#273746,#172632)}.polished-gallery .gallery-art-preview.weather-preview{background:linear-gradient(150deg,#dcebf0,#879eae)}.gallery-effect-badge,.gallery-tone-badge{z-index:2;min-height:20px;font-family:var(--font-geist-mono), monospace;letter-spacing:.04em;border-radius:999px;align-items:center;padding:0 7px;font-size:6px;font-style:normal;font-weight:850;display:inline-flex;position:absolute;top:8px;box-shadow:0 4px 12px #0e232c29}.gallery-effect-badge{color:#76581a;background:#fff4c6;right:8px}.gallery-tone-badge{color:#fff;background:#173f55e0;left:8px}.gallery-art-preview svg{width:92%;height:126px;overflow:visible}.gallery-card-copy{border-top:1px solid #ebe7dd;justify-items:start;gap:3px;padding:11px 12px 12px;width:100%!important;height:auto!important;color:var(--ink)!important;background:#fff!important;border-radius:0!important;font-family:inherit!important;display:grid!important}.gallery-card-copy small{color:#92a09e;font-size:7px}.gallery-empty{color:#879593;text-align:center;align-content:center;place-items:center;gap:7px;min-height:220px;display:grid}.gallery-empty span{font-size:32px}.gallery-empty strong{color:var(--ink);font-size:12px}.text-card{background:var(--panel);border:1px solid #ffffffb3;border-radius:24px;width:min(640px,100%);max-height:min(820px,100dvh - 40px);padding:36px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #081e2459}.text-card h2{letter-spacing:-.045em;margin:8px 0;font-size:30px}.text-card>p{color:#6d8183;margin:0 0 18px;font-size:10px;line-height:1.6}.text-live-preview{text-align:center;word-break:break-word;background:linear-gradient(145deg,#eef9ff,#fff3df);border:1px solid #ded9cf;border-radius:16px;place-items:center;min-height:135px;margin-bottom:18px;padding:20px;line-height:1.1;display:grid;overflow:hidden}.text-form-grid{margin-top:12px}.modal-text-size{gap:7px;margin-top:14px;display:grid}.modal-text-colors{margin:15px 0 20px}.modal-text-colors>button,.modal-text-colors>label{width:31px;height:31px}.text-insert-cta{width:100%}.share-card{background:radial-gradient(circle at 92% 0%, #47aeda2e, transparent 28%), var(--panel);width:min(610px,100%)}.share-summary{background:#fff;border:1px solid #dcd8ce;border-radius:13px;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:10px;margin:18px 0;padding:11px;display:grid}.share-summary>span{background:var(--ink);color:#fff;width:46px;height:46px;font-family:var(--font-geist-mono), monospace;border-radius:11px;place-items:center;font-size:9px;display:grid}.share-summary>div{flex-direction:column;gap:3px;min-width:0;display:flex}.share-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.share-summary small{color:#849493;font-size:8px}.share-summary i{color:var(--mint);font-size:20px;font-style:normal}.share-link-field{gap:5px;margin-bottom:12px;display:grid}.share-link-field span{color:#7f8f90;font-size:8px;font-weight:700}.share-link-field input{color:#627779;width:100%;height:36px;font-family:var(--font-geist-mono), monospace;background:#f3f1ea;border:1px solid #dcd8ce;border-radius:9px;padding:0 10px;font-size:8px}.social-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.social-grid button{cursor:pointer;background:#fff;border:1px solid #dedad0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:74px;font-size:8px;font-weight:700;display:flex}.social-grid span{background:#eef2ef;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.share-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:15px;display:grid}.share-actions .primary-cta{grid-column:1/-1}.share-actions>button:not(.primary-cta){cursor:pointer;background:#fff;border:1px solid #dcd8ce;border-radius:10px;min-height:38px;font-size:8px;font-weight:720}.share-note{color:#899694;text-align:center;margin-top:13px;font-size:8px;line-height:1.5;display:block}.welcome-land{background:var(--panel);grid-template-columns:minmax(280px,.92fr) minmax(360px,1.08fr);width:min(980px,100%);max-height:min(780px,100dvh - 40px);padding:0;display:grid;overflow:hidden}.welcome-art{background:#6bc9ed;min-height:610px;position:relative;overflow:hidden}.welcome-art-image{object-fit:cover;object-position:50% 46%;width:100%;height:100%;position:absolute;inset:0}.welcome-art:after{content:"";background:linear-gradient(#0000,#103b4ab8);height:46%;position:absolute;inset:auto 0 0}.welcome-art>span{z-index:1;color:#fff;letter-spacing:.06em;text-shadow:0 2px 12px #0f323d47;font-size:18px;font-weight:900;line-height:1.05;position:absolute;bottom:27px;left:25px;right:25px}.welcome-content{flex-direction:column;justify-content:center;min-width:0;padding:36px 38px 28px;display:flex;overflow-y:auto}.welcome-content>p{color:#647b7e;margin:0;font-size:10.5px;line-height:1.58}.welcome-content .quick-guide{gap:7px;margin:18px 0}.welcome-content .quick-guide>div{min-height:100px;padding:11px}.welcome-content .tribute{border-left:3px solid var(--gold);color:#536d71;background:#f5f0df;border-radius:0 9px 9px 0;margin:0 0 17px;padding:11px 12px;font-family:Georgia,serif;font-size:10px}@media (width<=1080px){.topbar{grid-template-columns:minmax(175px,1fr) minmax(170px,.75fr) minmax(280px,1fr);gap:8px}.workspace{grid-template-columns:74px minmax(0,1fr) 270px}.file-button strong,.share-button{display:none}.file-button{justify-content:center;width:34px;padding:0}.file-button span{background:0 0;border:0}.inspector{padding-left:13px;padding-right:13px}.brand-banner{width:174px;height:52px}}@media (width<=880px){.studio-shell{grid-template-rows:60px minmax(0,1fr) 72px}.topbar{grid-template-columns:auto minmax(120px,1fr) auto;padding:0 10px}.brand-copy small,.project-name small,.top-divider,.text-button,.install-button span:last-child{display:none}.brand-banner{background-image:url(/cityline-logo-header.webp);background-position:50%;width:128px;height:50px}.brand-mark{width:32px;height:32px}.brand-copy strong{font-size:13px}.project-name{grid-template-columns:minmax(0,1fr) 7px}.project-name input{text-align:center;width:100%}.install-button{justify-content:center;width:34px;padding:0}.workspace{display:block}.stage-wrap{width:100%;height:100%}.toolrail{z-index:35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfbf7f0;border:1px solid #d8d4caf2;border-radius:15px;flex-direction:row;gap:2px;width:auto;height:58px;min-height:0;padding:4px;position:absolute;bottom:12px;left:8px;right:8px;overflow:auto hidden;transform:none;box-shadow:0 10px 30px #1e343626}.tool-button{border-radius:11px;flex-direction:column;width:56px;min-height:48px}.tool-button kbd,.tool-group-label,.rail-divider,.tool-button:last-child{display:none}.inspector{z-index:45;border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:18px;width:min(292px,100vw - 32px);padding:17px 15px;transition:all .22s;position:absolute;top:8px;bottom:8px;right:8px;transform:translate(calc(100% + 20px));box-shadow:0 20px 55px #16323733}.inspector.mobile-open{opacity:1;pointer-events:auto;transform:translate(0)}.mobile-close{cursor:pointer;background:#edeae2;border:0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;display:grid}.mobile-inspector-toggle{z-index:20;cursor:pointer;background:#fcfbf7f0;border:1px solid #d8d4caf2;border-radius:10px;height:34px;padding:0 11px;font-size:9px;font-weight:700;display:block;position:absolute;top:12px;right:10px;box-shadow:0 6px 20px #23363814}.stage-toolbar{top:12px;left:10px;transform:none}.gallery-grid{grid-template-columns:repeat(4,1fr)}.gallery-heading-row{flex-direction:column;align-items:stretch}.gallery-text-shortcut{align-self:flex-start}.gallery-controls{grid-template-columns:1fr}.gallery-filterbar{justify-content:flex-start}.polished-gallery .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zoom-control{bottom:82px;right:10px}.stage-hint{bottom:82px}.timeline{grid-template-columns:auto 48px minmax(70px,1fr) 48px;gap:7px;padding:0 10px}.speed-select{display:none}.playback-controls{gap:3px}.playback-controls .step-button{display:none}}@media (width<=590px){.studio-shell{grid-template-rows:56px minmax(0,1fr) 66px;min-height:430px}.topbar{grid-template-columns:auto minmax(80px,1fr) auto;gap:5px}.brand-copy{display:none}.brand-banner{width:92px;height:43px}.icon-button{display:none}.project-name input{font-size:11px}.top-actions{gap:1px}.visual-menu>button{width:58px;min-width:58px;padding:0;font-size:9px}.visual-popover{width:min(300px,100vw - 20px)}.toolrail{height:54px;bottom:8px}.tool-button{width:41px;min-height:44px;padding:2px;font-size:6.5px}.tool-icon{width:19px;height:19px;font-size:17px}.zoom-control{bottom:70px}.stage-hint{display:none}.mobile-inspector-toggle{font-size:8px}.success-card{width:calc(100% - 24px);min-width:0;top:62px}.timeline{grid-template-columns:auto 42px minmax(50px,1fr) 42px;gap:4px;padding:0 7px}.playback-controls .step-button{display:none}.playback-controls .play-button{width:40px;height:40px}.transport-state{min-width:45px;font-size:6px}.timecode{font-size:8px}.welcome-card,.new-card{border-radius:20px;padding:29px 20px 22px}.welcome-card.welcome-land{padding:0;display:block;overflow-y:auto}.welcome-art{height:250px;min-height:250px}.welcome-content{padding:25px 20px 22px;overflow:visible}.welcome-card h1{font-size:34px}.welcome-card>p{font-size:11px}.quick-guide{grid-template-columns:1fr;gap:7px;margin:20px 0}.quick-guide>div{min-height:73px;padding:11px}.quick-guide span{margin-bottom:8px}.keyboard-tip{display:none}.new-options{grid-template-columns:1fr}.new-options>button{min-height:155px}.blank-preview,.demo-preview{height:85px}.gallery-card,.share-card,.text-card{border-radius:20px;padding:29px 19px 22px}.gallery-grid{grid-template-columns:repeat(3,1fr)}.polished-gallery .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.polished-gallery .gallery-grid button{min-height:166px}.polished-gallery .gallery-grid button>.gallery-art-preview{height:118px}.gallery-art-preview svg{height:108px}.gallery-card-copy{padding:8px 9px 9px}.gallery-controls{margin-top:16px;top:-29px}.text-form-grid{grid-template-columns:1fr}.text-live-preview{min-height:105px}.social-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.workspace.panel-right .stage-wrap{grid-area:1/1}.workspace.panel-right .tool-panel{grid-area:1/2}.workspace.panel-left .tool-panel{grid-area:1/1}.workspace.panel-left .stage-wrap{grid-area:1/2}.workspace.panel-top.panel-open{grid-template-rows:248px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.workspace.panel-top .tool-panel{grid-area:1/1}.workspace.panel-top .stage-wrap{grid-area:2/1}.workspace.panel-closed{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.workspace.panel-closed .stage-wrap{grid-area:1/1}.workspace.panel-closed .tool-panel{display:none}.tool-panel{border-left:1px solid var(--line);background:#fcfbf7fa;grid-template-rows:auto auto minmax(0,1fr);padding:0;display:grid;overflow:hidden}.panel-left .tool-panel{border-right:1px solid var(--line);border-left:0}.panel-heading{border-bottom:1px solid #e3dfd6;align-items:center;margin:0;padding:15px 14px 11px}.panel-heading-actions,.panel-dock-controls{align-items:center;gap:3px;display:flex}.panel-dock-controls{background:#f4f1e9;border:1px solid #ddd9d0;border-radius:9px;padding:3px}.panel-dock-controls button,.panel-hide-button{color:#738486;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.panel-dock-controls button:hover,.panel-dock-controls button.active,.panel-hide-button:hover{background:var(--ink);color:#fff}.panel-tabs{background:#f6f3ec;border-bottom:1px solid #e3dfd6;grid-template-columns:repeat(6,minmax(0,1fr));padding:6px 7px;display:grid}.panel-tabs button{color:#7a8a8b;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;gap:2px;min-width:0;min-height:48px;display:grid}.panel-tabs button>span{font-size:16px;line-height:1}.panel-tabs button small{font-size:6.5px;font-weight:800}.panel-tabs button:hover,.panel-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 3px 12px #163d4b14}.panel-body{scrollbar-width:thin;min-width:0;min-height:0;padding:0 15px 18px;overflow:hidden auto}.tool-panel .panel-body>*{display:none}.tool-panel[data-tab=track] .panel-tab-track,.tool-panel[data-tab=paint] .panel-tab-paint,.tool-panel[data-tab=layers] .panel-tab-layers,.tool-panel[data-tab=object] .panel-tab-object,.tool-panel[data-tab=rider] .panel-tab-rider,.tool-panel[data-tab=project] .panel-tab-project{display:block}.tool-panel[data-tab=object] .selection-actions.panel-tab-object{display:grid}.panel-top .tool-panel{border:0;border-bottom:1px solid var(--line);grid-template-rows:auto minmax(0,1fr);grid-template-columns:260px minmax(0,1fr);box-shadow:0 8px 24px #1d343712}.panel-top .panel-heading{border-bottom:0;border-right:1px solid #e3dfd6;grid-area:1/1;padding-bottom:8px}.panel-top .panel-tabs{border-bottom:0;border-right:1px solid #e3dfd6;grid-area:2/1;grid-template-columns:repeat(3,1fr);align-content:start}.panel-top .panel-tabs button{min-height:55px}.panel-top .panel-body{grid-area:1/2/span 2;grid-auto-columns:minmax(285px,350px);grid-auto-flow:column;gap:14px;padding:12px 16px;display:grid;overflow:auto hidden}.panel-top .panel-body>*{background:#fff;border:1px solid #e1ddd4;border-radius:14px;height:max-content;max-height:220px;padding:12px;overflow:auto}.panel-reopen-button{z-index:21;min-height:36px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfbf7f2;border:1px solid #d8d4caf2;border-radius:10px;padding:0 12px;font-size:9px;font-weight:800;position:absolute;top:14px;right:14px;box-shadow:0 7px 20px #2336381a}.master-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.master-tool-grid button{color:#718486;cursor:pointer;text-align:left;background:#fff;border:1px solid #ddd9d0;border-radius:10px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px;min-width:0;min-height:51px;padding:7px;display:grid;position:relative}.master-tool-grid button>span{text-align:center;font-size:17px}.master-tool-grid button strong{text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;overflow:hidden}.master-tool-grid button kbd{opacity:.55;font-size:6px;position:absolute;top:4px;right:5px}.master-tool-grid button:hover,.master-tool-grid button.active{border-color:var(--ink);background:var(--ink);color:#fff}.sub-section-title{border-top:1px dashed #ddd9d0;margin-top:17px;padding-top:14px}.paint-utility-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brush-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px;display:grid}.brush-grid button{color:#748587;cursor:pointer;background:#fff;border:1px solid #ddd9d0;border-radius:9px;place-items:center;gap:3px;min-width:0;min-height:47px;padding:4px;display:grid}.brush-grid button span{font-size:15px}.brush-grid button small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:6px;overflow:hidden}.brush-grid button:hover,.brush-grid button.active{border-color:var(--coral);color:var(--ink);background:#fff3ef}.shape-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.shape-grid button{aspect-ratio:1;color:#536d70;cursor:pointer;background:#fff;border:1px solid #ddd9d0;border-radius:7px;place-items:center;min-width:0;font-size:15px;display:grid}.shape-grid button:hover,.shape-grid button.active{border-color:var(--ink);background:var(--ink);color:#fff}.paint-color-slots{grid-template-columns:1fr 1fr 34px;gap:6px;margin-top:9px;display:grid}.paint-color-slots label{color:#758789;cursor:pointer;background:#fff;border:1px solid #ddd9d0;border-radius:9px;grid-template-columns:1fr 26px;align-items:center;gap:7px;min-height:42px;padding:6px 8px;font-size:7px;font-weight:800;display:grid;position:relative;overflow:hidden}.paint-color-slots label.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.paint-color-slots label i{border:1px solid #0000002e;border-radius:6px;width:25px;height:25px}.paint-color-slots input{opacity:0;cursor:pointer;position:absolute;inset:0}.swap-paint-colors{color:var(--ink);cursor:pointer;background:#f5f2ea;border:1px solid #ddd9d0;border-radius:9px}.expanded-palette{grid-template-columns:repeat(10,1fr);gap:5px;display:grid}.expanded-palette>button{aspect-ratio:1;width:100%;height:auto}.fill-controls{grid-template-columns:1fr}.bucket-help{background:#eef8fc;border:1px solid #55b8e847;border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;margin-top:10px;padding:9px;display:grid}.bucket-help>span{color:#fff;background:#55b8e8;border-radius:8px;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.bucket-help p{gap:2px;margin:0;display:grid}.bucket-help strong{color:var(--ink);font-size:8px}.bucket-help small{color:#6f8487;font-size:7px;line-height:1.35}.object-empty-state{text-align:center;place-items:center;gap:8px;padding:28px 15px}.tool-panel[data-tab=object] .object-empty-state{display:grid}.object-empty-state>span{color:var(--gold);font-size:32px}.object-empty-state small{color:#7d8d8e;max-width:220px;font-size:8px;line-height:1.45}.object-empty-state button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:34px;padding:0 12px;font-size:8px;font-weight:800}.cursor-art-curve,.cursor-free-shape,.cursor-shape,.cursor-bucket,.cursor-eyedropper,.cursor-magnifier{cursor:crosshair}@media (width<=1080px) and (width>=881px){.workspace.panel-right.panel-open{grid-template-columns:minmax(0,1fr) 306px}.workspace.panel-left.panel-open{grid-template-columns:306px minmax(0,1fr)}}@media (width<=880px){.workspace,.workspace.panel-left.panel-open,.workspace.panel-right.panel-open,.workspace.panel-top.panel-open,.workspace.panel-closed{display:block}.stage-wrap{width:100%;height:100%}.tool-panel,.panel-left .tool-panel,.panel-right .tool-panel,.panel-top .tool-panel{z-index:45;border:1px solid var(--line);opacity:1;pointer-events:auto;border-radius:17px;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr;width:min(360px,100vw - 16px);height:auto;display:grid;position:absolute;inset:8px 8px 8px auto;transform:none;box-shadow:0 22px 60px #16323738}.panel-left .tool-panel{left:8px;right:auto}.panel-top .tool-panel{width:auto;height:58%;left:8px;right:8px}.panel-top .panel-heading{border-bottom:1px solid #e3dfd6;border-right:0;grid-area:1/1}.panel-top .panel-tabs{border-bottom:1px solid #e3dfd6;border-right:0;grid-area:2/1;grid-template-columns:repeat(6,1fr)}.panel-top .panel-body{grid-area:3/1;padding:0 15px 18px;display:block;overflow:hidden auto}.panel-top .panel-body>*{background:0 0;border:0;border-radius:0;max-height:none;padding:16px 0;overflow:visible}.workspace.panel-closed .tool-panel{display:none}.zoom-control,.stage-hint{bottom:14px}}@media (width<=590px){.tool-panel,.panel-left .tool-panel,.panel-right .tool-panel{width:calc(100vw - 16px)}.panel-heading{padding:11px 10px 8px}.panel-heading h2{max-width:120px}.panel-tabs{padding:4px}.panel-tabs button{min-height:43px}.panel-tabs button small{font-size:5.8px}.panel-body{padding:0 11px 14px}.shape-grid{grid-template-columns:repeat(7,1fr)}.master-tool-grid{grid-template-columns:repeat(3,1fr)}.panel-reopen-button{top:10px;right:10px}}.studio-shell{--fs-caption:12px;--fs-small:14px;--fs-body:16px;--fs-control:15px;--fs-title:19px;--panel-width:420px;font-size:var(--fs-body);grid-template-rows:76px minmax(0,1fr) 58px}.studio-shell[data-text-size=large]{--fs-caption:14px;--fs-small:16px;--fs-body:18px;--fs-control:17px;--fs-title:22px;--panel-width:460px}.studio-shell[data-text-size=extra-large]{--fs-caption:16px;--fs-small:18px;--fs-body:20px;--fs-control:19px;--fs-title:25px;--panel-width:500px}.studio-shell[data-color-mode=high-contrast]{--ink:#000;--ink-soft:#202020;--paper:#fff;--paper-deep:#f2f2f2;--panel:#fff;--line:#000;--coral:#b00020;--coral-dark:#720014;--gold:#9a6300;--mint:#006b3c}.studio-shell[data-color-mode=protanopia]{--ink:#153e57;--ink-soft:#466b7c;--coral:#0072b2;--coral-dark:#00517e;--gold:#e69f00;--mint:#009e73}.studio-shell[data-color-mode=deuteranopia]{--ink:#173f55;--ink-soft:#526f7c;--coral:#d55e00;--coral-dark:#914000;--gold:#b48b00;--mint:#0072b2}.studio-shell[data-color-mode=tritanopia]{--ink:#253b52;--ink-soft:#5c6d7f;--coral:#d55e00;--coral-dark:#963f00;--gold:#cc79a7;--mint:#009e73}.studio-shell[data-color-mode=monochrome]{filter:grayscale()}.studio-shell[data-color-mode=high-contrast] :is(.topbar,.tool-panel,.timeline,.visual-popover,.zoom-control),.studio-shell[data-color-mode=high-contrast] :is(button,input,select,.inspector-section){border-color:#000}.studio-shell[data-color-mode=high-contrast] :is(button.active,button[aria-pressed=true]){outline-offset:1px;outline:3px solid #ffd400}.studio-shell[data-reduce-motion=true] *,.studio-shell[data-reduce-motion=true] :before,.studio-shell[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.studio-shell[data-strong-focus=true] :is(button,input,select,textarea,canvas):focus-visible{outline-offset:4px;outline:5px solid #ffbf00;box-shadow:0 0 0 3px #163d4b}.topbar{grid-template-columns:minmax(210px,.72fr) minmax(205px,.62fr) minmax(680px,1.9fr);gap:12px;padding:0 20px}.brand-banner{background-color:#fcfbf7;background-position:0;background-size:contain;background-origin:content-box;background-clip:content-box;width:226px;height:64px;padding:5px 8px}.project-name{grid-template-columns:minmax(0,1fr) 7px;justify-content:start;gap:6px}.project-name input{width:100%;min-width:0;max-width:200px;font-size:var(--fs-body);text-align:left;padding:9px 10px}.project-name small{display:none}.top-actions{gap:3px}.icon-button,.text-button,.file-button,.install-button,.accessibility-trigger{height:46px;min-height:46px}.icon-button{width:42px;font-size:24px}.text-button,.install-button{font-size:var(--fs-control)}.text-button{padding:0 11px}.file-button{gap:7px;padding:0 10px}.file-button span{width:25px;height:25px;font-size:16px}.file-button strong{font-size:var(--fs-small)}.accessibility-trigger{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d8d4ca;border-radius:11px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.accessibility-trigger>span{font-size:21px}.accessibility-trigger>strong{font-size:var(--fs-small)}.accessibility-trigger:hover{border-color:var(--ink);background:#f2f7f8}.workspace.panel-right.panel-open{grid-template-columns:minmax(0, 1fr) var(--panel-width)}.workspace.panel-left.panel-open{grid-template-columns:var(--panel-width) minmax(0, 1fr)}.workspace.panel-top.panel-open{grid-template-rows:330px minmax(0,1fr)}.panel-heading{padding:18px 17px 14px}.panel-heading .eyebrow{font-size:var(--fs-caption);line-height:1.35}.panel-heading h2{font-size:var(--fs-title);margin-top:4px;line-height:1.2}.panel-dock-controls button,.panel-hide-button{min-width:34px;min-height:34px;font-size:16px}.panel-tabs{gap:4px;padding:7px}.panel-tabs button{gap:4px;min-height:62px}.panel-tabs button>span{font-size:22px}.panel-tabs button small{font-size:var(--fs-caption);line-height:1.15}.panel-body{padding:0 17px 22px}.panel-body>*{padding-top:20px;padding-bottom:20px}.section-title>span,.paint-setting-label>span{font-size:var(--fs-body);line-height:1.25}.paint-setting-label{font-size:var(--fs-body)}.section-title>small,.paint-setting-label>small{font-size:var(--fs-caption);line-height:1.35}.material-description,.panel-body p{font-size:var(--fs-small);line-height:1.55}.master-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.master-tool-grid button{gap:5px;min-height:78px;padding:9px 6px}.master-tool-grid button>span{font-size:25px}.master-tool-grid button strong{font-size:var(--fs-small);line-height:1.15}.master-tool-grid button kbd{font-size:var(--fs-caption);line-height:1.2}.assistant-tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.assistant-tool-tabs button{min-height:44px;font-size:var(--fs-small);padding:6px 8px;line-height:1.2}.studio-range-control>span,.geometry-controls label>span{font-size:var(--fs-small)}.studio-range-control>span strong,.geometry-controls label>span strong{font-size:inherit}.studio-range-control>small,.geometry-controls label>small{font-size:var(--fs-caption);line-height:1.45}.curve-presets button,.fill-controls button{min-height:40px;font-size:var(--fs-small)}.material-card{height:auto;min-height:64px;font-size:var(--fs-small)}.finish-status strong{font-size:var(--fs-body)}.finish-status small{font-size:var(--fs-small);line-height:1.4}.selection-actions button,.export-button,.project-file-actions button{height:auto;min-height:43px;font-size:var(--fs-small)}.metric-grid span,.classic-physics-card span,.ink-budget span{font-size:var(--fs-caption)}.metric-grid strong,.classic-physics-card strong,.ink-budget strong{font-size:var(--fs-small)}.ink-budget small{font-size:var(--fs-caption)}.brush-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.brush-grid button{min-height:68px}.brush-grid button>span{font-size:23px}.brush-grid button small{font-size:var(--fs-caption)}.shape-grid{gap:6px}.shape-grid button{min-height:42px;font-size:20px}.paint-color-slots label{min-height:48px;font-size:var(--fs-small)}.bucket-help{grid-template-columns:44px minmax(0,1fr);padding:12px}.bucket-help>span{width:42px;height:42px;font-size:22px}.bucket-help strong{font-size:var(--fs-body)}.bucket-help small{font-size:var(--fs-small)}.gallery-open-button,.text-open-button,.image-open-button{width:100%;min-height:58px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d8d4ca;border-radius:12px;margin-top:8px}.text-open-button,.image-open-button{text-align:left;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;display:grid}.text-open-button span,.image-open-button span{text-align:center;font-size:24px}.gallery-open-button strong,.text-open-button strong,.image-open-button strong{font-size:var(--fs-small);line-height:1.25}.layer-row{gap:5px;min-height:54px}.layer-name strong{font-size:var(--fs-small)}.layer-name small{font-size:var(--fs-caption)}.layer-row>button,.layer-order-buttons button{min-width:31px;min-height:31px;font-size:15px}.layer-row .layer-order-buttons button{font-size:15px}.layer-actions{grid-template-columns:1fr 1fr;gap:7px}.layer-actions button{min-height:42px;font-size:var(--fs-small)}.object-transform-help{grid-template-columns:46px minmax(0,1fr);padding:13px}.object-transform-help>span{width:44px;height:44px;font-size:22px}.object-transform-help p,.object-transform-help strong{font-size:var(--fs-small);line-height:1.45}.object-size-actions button{min-height:44px;font-size:var(--fs-small)}.effect-editor-heading{grid-template-columns:42px minmax(0,1fr) auto}.effect-editor-heading>span{width:40px;height:40px;font-size:20px}.effect-editor-heading strong{font-size:var(--fs-body)}.effect-editor-heading small{font-size:var(--fs-caption)}.effect-editor-heading button{min-height:36px;font-size:var(--fs-caption)}.object-effects-editor>label>span,.selected-text-editor label>span,.text-card label>span{font-size:var(--fs-small)}.selected-text-editor input[type=text],.selected-text-editor input:not([type]),.selected-text-editor select,.text-card input[type=text],.text-card input:not([type]),.text-card select{min-height:45px;font-size:var(--fs-body)}.object-empty-state strong{font-size:var(--fs-body)}.object-empty-state small,.object-empty-state button{font-size:var(--fs-small)}.object-empty-state button{min-height:43px}.vehicle-grid{gap:8px}.vehicle-card{grid-template-columns:36px minmax(0,1fr);gap:9px;min-height:58px;padding:8px 10px}.vehicle-card>span:last-child{font-size:var(--fs-small);line-height:1.2}.vehicle-icon{width:36px;height:36px;font-size:18px}.rider-look-summary{gap:10px;min-height:72px;padding:12px 14px}.rider-look-summary strong{font-size:var(--fs-body)}.dual-color-settings,.rider-detail-colors{gap:8px}.dual-color-settings label,.rider-detail-colors label,.look-custom-color{min-height:46px;font-size:var(--fs-small);padding:8px 10px}.dual-color-settings i,.rider-detail-colors i,.look-custom-color i{width:26px;height:26px}.look-option-grid{gap:7px}.look-option-grid button{gap:5px;min-height:70px;padding:7px 4px}.look-option-grid button span{font-size:21px}.look-option-grid button small{font-size:var(--fs-caption);line-height:1.2}.metric-hero span{font-size:var(--fs-caption)}.ink-budget>div:first-child{font-size:var(--fs-small)}.visual-menu>button,.zoom-control,.panel-reopen-button{font-size:var(--fs-control)}.visual-menu>button{min-height:44px;padding:0 15px}.visual-popover{width:min(410px,100vw - 24px)}.visual-popover button{min-height:70px;padding:12px}.visual-popover strong{font-size:var(--fs-body)}.visual-popover small{font-size:var(--fs-small);line-height:1.4}.visual-popover i{font-size:var(--fs-caption)}.zoom-control{min-height:48px}.zoom-control button{width:43px;font-size:22px}.zoom-control span{min-width:64px;font-size:var(--fs-control)}.stage-hint{min-width:250px;padding:12px 15px}.stage-hint strong{font-size:var(--fs-body)}.stage-hint>span:last-child{font-size:var(--fs-small);line-height:1.35}.timeline{grid-template-columns:auto 76px minmax(120px,1fr) 40px 132px;gap:10px;padding:0 14px}.playback-controls{gap:6px}.timeline .playback-controls button{width:34px;height:34px}.timeline .playback-controls .play-button{width:44px;height:44px}.playback-controls .step-button{font-size:16px}.transport-state,.timecode,.speed-select{font-size:var(--fs-small)}.transport-state{min-width:88px}.timeline-track{height:28px}.timeline-ticks{bottom:0}.speed-select span{font-size:var(--fs-caption)}.speed-select select{min-height:36px;font-size:var(--fs-small)}.modal-close{width:42px;height:42px;font-size:25px}.gallery-card,.share-card,.text-card,.new-card{font-size:var(--fs-body)}.gallery-card>p,.share-card>p,.text-card>p,.new-card>p,.gallery-heading-row p{font-size:var(--fs-small);line-height:1.55}.welcome-kicker{font-size:var(--fs-caption)}.gallery-card h2,.share-card h2,.text-card h2,.new-card h2{font-size:clamp(30px,3vw,42px)}.gallery-text-shortcut{min-height:50px;font-size:var(--fs-small)}.gallery-search{grid-template-columns:38px minmax(0,1fr);min-height:48px}.gallery-search>span{font-size:21px}.gallery-search input{height:46px;font-size:var(--fs-small)}.gallery-controls{grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr);align-items:start}.gallery-filterbar{flex-wrap:wrap;justify-content:flex-start;overflow:visible}.gallery-filterbar button{min-height:42px;font-size:var(--fs-small);padding:0 14px}.gallery-tonebar>span,.gallery-tonebar button{font-size:var(--fs-caption)}.gallery-tonebar button{min-height:36px}.polished-gallery>section>h3 span{font-size:var(--fs-body)}.polished-gallery>section>h3 small{font-size:var(--fs-caption)}.gallery-effect-badge,.gallery-tone-badge{min-height:28px;font-size:var(--fs-caption);padding:0 9px}.gallery-card-copy strong{font-size:var(--fs-small)}.gallery-card-copy small{font-size:var(--fs-caption);line-height:1.35}.gallery-empty strong{font-size:var(--fs-title)}.gallery-empty small{font-size:var(--fs-small)}.text-main-input input{min-height:50px!important;font-size:var(--fs-body)!important}.share-summary>span,.share-summary strong,.share-link-field span,.share-actions button,.social-grid button{font-size:var(--fs-small)}.share-link-field input{min-height:44px;font-size:var(--fs-caption)}.share-actions>button:not(.primary-cta){min-height:44px;font-size:var(--fs-small)}.share-summary small,.share-note{font-size:var(--fs-caption)}.welcome-card.welcome-land{width:min(1180px,100vw - 32px)}.welcome-content{padding:38px 42px 30px}.welcome-content>p,.welcome-content .tribute{font-size:var(--fs-small);line-height:1.55}.quick-guide span{font-size:var(--fs-caption)}.quick-guide strong{font-size:var(--fs-body)}.quick-guide small{font-size:var(--fs-small);line-height:1.4}.keyboard-tip{font-size:var(--fs-caption);line-height:1.45}.welcome-contact{color:var(--ink-soft)!important;font-size:var(--fs-small)!important;margin:-8px 0 18px!important}.welcome-contact a{color:var(--ink);text-underline-offset:3px;font-weight:850;text-decoration-thickness:2px}.new-options strong{font-size:var(--fs-body)}.new-options small{font-size:var(--fs-small);line-height:1.45}.accessibility-card{background:var(--panel);border:1px solid #ffffffb8;border-radius:24px;width:min(780px,100vw - 32px);max-height:min(880px,100dvh - 32px);padding:38px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #081e245c}.accessibility-card h2{max-width:620px;margin:8px 0 10px;font-size:clamp(30px,4vw,46px);line-height:1.08}.accessibility-card>p{color:var(--ink-soft);font-size:var(--fs-body);margin:0 0 24px;line-height:1.5}.accessibility-group{border:0;min-width:0;margin:0 0 22px;padding:0}.accessibility-group legend{font-size:var(--fs-title);margin-bottom:10px;font-weight:850}.accessibility-size-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.accessibility-size-options button{border:1px solid var(--line);min-height:92px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:13px;align-content:center;gap:5px;padding:12px;display:grid}.accessibility-size-options button.active,.accessibility-color-options button.active{border:3px solid var(--ink);background:#eef7f7}.accessibility-size-options strong{font-size:var(--fs-body)}.accessibility-size-options small{color:var(--ink-soft);font-size:var(--fs-small);line-height:1.35}.accessibility-color-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.accessibility-color-options button{border:1px solid var(--line);min-height:82px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:11px;display:grid}.accessibility-color-options button>span{border:1px solid #0000002e;border-radius:999px;display:flex;overflow:hidden}.accessibility-color-options button i{width:17px;height:38px;display:block}.accessibility-color-options strong{font-size:var(--fs-small)}.accessibility-switches{gap:9px;display:grid}.accessibility-switches>button{border:1px solid var(--line);min-height:76px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:13px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.accessibility-switches>button>span:first-child{background:#e9eff0;border-radius:11px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.accessibility-switches>button>span:nth-child(2){gap:3px;display:grid}.accessibility-switches strong{font-size:var(--fs-body)}.accessibility-switches small{color:var(--ink-soft);font-size:var(--fs-small);line-height:1.35}.accessibility-switches i{font-size:var(--fs-caption);background:#eceae3;border-radius:999px;padding:7px 10px;font-style:normal;font-weight:800}.accessibility-switches button.active{border-color:var(--mint);background:#eef8f3}.accessibility-switches button.active i{background:var(--mint);color:#fff}.accessibility-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.accessibility-actions>button{border:1px solid var(--line);min-height:50px;color:var(--ink);cursor:pointer;font-size:var(--fs-small);background:#fff;border-radius:12px;padding:0 18px;font-weight:800}.accessibility-actions>.primary-cta{background:var(--ink);color:#fff}.music-trigger{height:46px;min-height:46px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d8d4ca;border-radius:11px;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.music-trigger>span{color:#7865c6;font-size:21px}.music-trigger>strong{font-size:var(--fs-small)}.music-trigger:hover,.music-trigger.active{color:#433684;background:#f2efff;border-color:#7865c6}.panel-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}.panel-top .panel-tabs{grid-template-columns:repeat(4,1fr)}.tool-panel[data-tab=music] .panel-tab-music{display:block}.music-studio-section{padding-bottom:26px!important}.music-mode-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.music-mode-heading>div{gap:3px;display:grid}.music-mode-heading strong{font-size:var(--fs-title);line-height:1.12}.music-mode-heading small{color:var(--ink-soft);font-size:var(--fs-caption)}.music-kicker{color:#7865c6;font-size:var(--fs-caption);letter-spacing:.1em;font-weight:900}.music-power{min-width:78px;min-height:58px;color:var(--ink-soft);cursor:pointer;font-size:var(--fs-caption);background:#fff;border:1px solid #d8d4ca;border-radius:13px;place-items:center;gap:2px;padding:6px 10px;font-weight:900;display:grid}.music-power>span{font-size:20px}.music-power.active{color:#fff;background:#7865c6;border-color:#7865c6;box-shadow:0 8px 22px #7865c640}.music-now-playing{opacity:.72;background:linear-gradient(135deg,#f8f6ff,#fff);border:1px solid #ded9eb;border-radius:15px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;margin-top:16px;padding:12px;display:grid}.music-now-playing.active{opacity:1;box-shadow:0 9px 28px #48388217}.music-cover{background:linear-gradient(145deg, var(--music-color), var(--music-color));border-radius:13px;place-items:center;width:58px;height:58px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.music-cover{background:linear-gradient(145deg, color-mix(in srgb, var(--music-color) 75%, white), var(--music-color))}}.music-cover{color:#fff;box-shadow:inset 0 0 0 1px #ffffff47}.music-cover>span{font-size:25px}.music-cover>i{letter-spacing:.05em;font-size:8px;font-style:normal;font-weight:900;position:absolute;bottom:4px;right:5px}.music-now-playing>div:nth-child(2){gap:2px;min-width:0;display:grid}.music-now-playing>div:nth-child(2)>span{color:#7865c6;font-size:var(--fs-caption);font-weight:850}.music-now-playing>div:nth-child(2)>strong{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-now-playing>div:nth-child(2)>small{color:var(--ink-soft);font-size:var(--fs-caption)}.music-beat-counter{border-left:1px solid #ded9eb;place-items:center;min-width:46px;padding-left:9px;display:grid}.music-beat-counter strong{color:#7865c6;font-size:22px;line-height:1}.music-beat-counter span{color:var(--ink-soft);font-size:var(--fs-caption)}.music-waveform{background:#f8f6fc;border:1px solid #e1ddec;border-radius:12px;align-items:center;gap:2px;height:66px;margin:9px 0 13px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.music-waveform i{background:#c8c1df;border-radius:999px;width:100%;min-width:1px;max-width:4px;transition:background .15s}.music-waveform i.passed{background:#7865c6}.music-waveform>span{background:var(--coral);pointer-events:none;border-radius:999px;width:2px;position:absolute;top:4px;bottom:4px;box-shadow:0 0 0 2px #fffc}.music-source-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.music-source-tabs button,.music-source-tabs label{min-width:0;min-height:68px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #d8d4ca;border-radius:12px;grid-template-rows:1fr 1fr;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:0 8px;padding:8px 10px;display:grid;position:relative}.music-source-tabs label{cursor:pointer}.music-source-tabs label>input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.music-source-tabs label:has(input:focus-visible){outline-offset:2px;outline:3px solid #e3a62994}.music-source-tabs :is(button,label)>span{color:#7865c6;background:#eeeaf8;border-radius:9px;grid-row:1/span 2;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.music-source-tabs :is(button,label) strong{font-size:var(--fs-small);align-self:end}.music-source-tabs :is(button,label) small{color:var(--ink-soft);font-size:var(--fs-caption);text-overflow:ellipsis;white-space:nowrap;align-self:start;overflow:hidden}.music-source-tabs :is(button,label).active{background:#f8f6ff;border:2px solid #7865c6}.music-genre-list{scrollbar-width:thin;gap:6px;margin:13px -2px 9px;padding:2px;display:flex;overflow-x:auto}.music-genre-list button{min-height:38px;color:var(--ink-soft);cursor:pointer;font-size:var(--fs-caption);white-space:nowrap;background:#fff;border:1px solid #d8d4ca;border-radius:999px;padding:0 12px;font-weight:850}.music-genre-list button.active{color:#fff;background:#7865c6;border-color:#7865c6}.music-search{background:#fff;border:1px solid #d8d4ca;border-radius:11px;grid-template-columns:35px minmax(0,1fr);align-items:center;min-height:44px;display:grid}.music-search>span{text-align:center;font-size:19px}.music-search input{width:100%;height:42px;font-size:var(--fs-small);background:0 0;border:0;outline:0}.music-track-list{scrollbar-width:thin;gap:5px;max-height:390px;margin-top:8px;padding-right:2px;display:grid;overflow-y:auto}.music-track-list>button{min-width:0;min-height:58px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #e0ddd5;border-radius:10px;grid-template-columns:35px minmax(0,1fr) 26px;align-items:center;gap:8px;padding:7px 9px;display:grid}.music-track-list>button:hover,.music-track-list>button.active{background:#f7f4ff;border-color:#7865c6}.music-track-number{color:#9a91b6;font-family:var(--font-geist-mono), monospace;font-size:var(--fs-caption)}.music-track-list>button>span:nth-child(2){gap:2px;min-width:0;display:grid}.music-track-list strong{font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-track-list small{color:var(--ink-soft);font-size:var(--fs-caption)}.music-track-list i{color:#7865c6;text-align:center;font-size:13px;font-style:normal}.music-catalog-message{min-height:118px;color:var(--ink);text-align:center;background:#f8f6ff;border:1px dashed #bcb2d5;border-radius:12px;align-content:center;place-items:center;gap:4px;padding:16px;display:grid}.music-catalog-message>span{color:#7865c6;font-size:25px}.music-catalog-message strong{font-size:var(--fs-small)}.music-catalog-message small{color:var(--ink-soft);font-size:var(--fs-caption)}.music-catalog-message>button{color:#fff;cursor:pointer;min-height:38px;font-size:var(--fs-caption);background:#7865c6;border:0;border-radius:9px;margin-top:5px;padding:0 13px;font-weight:850}.music-catalog-message.error{background:#fff7f5;border-color:#e6b1ab}.music-license-note,.music-package-note{color:var(--ink-soft);background:#f8f6ff;border:1px solid #ded9eb;border-radius:11px;padding:11px 12px;font-size:var(--fs-caption)!important;margin:10px 0 0!important;line-height:1.45!important}.music-license-note a{color:#6553ad;text-underline-offset:2px;font-weight:850;text-decoration-thickness:1.5px}.local-music-card{grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:12px;display:grid}.local-file-icon{color:#fff;background:#7865c6;border-radius:11px;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.local-music-card>div{gap:2px;min-width:0;display:grid}.local-music-card>div strong{font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.local-music-card>div small{color:var(--ink-soft);font-size:var(--fs-caption)}.local-music-card>button:not(.music-import-hero){min-height:38px;color:var(--ink);cursor:pointer;font-size:var(--fs-caption);background:#fff;border:1px solid #d8d4ca;border-radius:9px;padding:0 9px;font-weight:800}.local-music-card>button.danger{color:#b9473c}.music-import-hero{width:100%;min-height:112px;color:var(--ink);cursor:pointer;background:#f8f6ff;border:2px dashed #a89ccf;border-radius:14px;grid-column:1/-1;place-items:center;gap:4px;padding:14px;display:grid}.music-import-hero>span{color:#7865c6;font-size:27px}.music-import-hero strong{font-size:var(--fs-body)}.music-import-hero small{color:var(--ink-soft);font-size:var(--fs-caption)}.music-sync-title{border-top:1px dashed #d8d4ca;margin-top:20px;padding-top:17px}.music-sync-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.music-sync-grid>label{gap:5px;min-width:0;display:grid}.music-sync-grid>label>span{color:var(--ink-soft);font-size:var(--fs-caption);justify-content:space-between;display:flex}.music-sync-grid>label>span strong{color:var(--ink)}.music-sync-grid input[type=range]{accent-color:#7865c6;width:100%}.music-number-field input{width:100%;min-height:42px;font-size:var(--fs-small);background:#fff;border:1px solid #d8d4ca;border-radius:9px;padding:0 9px}.music-aid-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.music-aid-grid button{min-height:88px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #d8d4ca;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:2px 8px;padding:10px;display:grid}.music-aid-grid button>span{color:#7865c6;background:#eeeaf8;border-radius:9px;grid-row:1/span 2;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.music-aid-grid button strong{font-size:var(--fs-small);align-self:end}.music-aid-grid button small{color:var(--ink-soft);font-size:var(--fs-caption);align-self:start;line-height:1.3}.music-aid-grid button.active{background:#f8f6ff;border:2px solid #7865c6}.timeline-track{position:relative}.timeline.music-active .timeline-track:before{background:repeating-linear-gradient(90deg, transparent 0 calc(var(--beat-width) - 1px), #7865c63b calc(var(--beat-width) - 1px) var(--beat-width));content:"";pointer-events:none;border-radius:9px;position:absolute;inset:-8px 0}.timeline-music-label{color:#6553ad;max-width:min(420px,82%);font-size:var(--fs-caption);pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:-30px;left:0}.timeline-music-label strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-music-label small{color:#6553ad;background:#eeeaf8;border-radius:999px;padding:2px 5px}@media (width<=1220px){.topbar{grid-template-columns:minmax(180px,.7fr) minmax(170px,.55fr) minmax(440px,1.8fr);padding:0 12px}.brand-banner{width:198px;height:56px}.accessibility-trigger strong,.music-trigger strong,.file-button strong,.share-button{display:none}.accessibility-trigger,.file-button,.music-trigger{justify-content:center;width:43px;padding:0}}@media (width<=880px){.studio-shell{grid-template-rows:68px minmax(0,1fr) 58px}.topbar{grid-template-columns:auto minmax(110px,1fr) auto}.brand-banner{width:142px;height:58px;padding:4px 6px}.project-name input{font-size:var(--fs-small)}.accessibility-trigger{height:40px;min-height:40px;display:inline-flex}.tool-panel,.panel-left .tool-panel,.panel-right .tool-panel{width:min(var(--panel-width), calc(100vw - 16px))}.panel-top .tool-panel{height:72%}.panel-top .panel-tabs{grid-template-columns:repeat(7,1fr)}.timeline{grid-template-columns:auto 64px minmax(60px,1fr) 42px;gap:8px;padding:0 9px}.transport-state{min-width:82px}.speed-select{display:none}.gallery-card{width:min(760px,100vw - 16px)}.polished-gallery .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=590px){.studio-shell{--fs-caption:12px;--fs-small:14px;--fs-body:16px;--fs-control:15px;--fs-title:19px;grid-template-rows:64px minmax(0,1fr) 58px}.studio-shell[data-text-size=large]{--fs-caption:13px;--fs-small:15px;--fs-body:17px;--fs-control:16px;--fs-title:21px}.studio-shell[data-text-size=extra-large]{--fs-caption:14px;--fs-small:16px;--fs-body:18px;--fs-control:17px;--fs-title:23px}.brand-banner{width:106px;height:52px;padding:4px 5px}.project-name input{font-size:14px}.accessibility-trigger,.music-trigger{width:39px;padding:0}.accessibility-trigger>span{font-size:20px}.panel-tabs button{min-height:54px}.panel-tabs button small{font-size:12px}.master-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.master-tool-grid button{min-height:72px}.shape-grid{grid-template-columns:repeat(6,1fr)}.transport-state{display:none}.timecode{font-size:13px}.timeline{grid-template-columns:auto 58px minmax(45px,1fr) 34px;gap:5px;padding:0 6px}.timeline .playback-controls .play-button{width:44px;height:44px}.timeline-music-label{max-width:72%;top:-25px}.timeline-music-label strong{display:none}.music-source-tabs,.music-sync-grid,.music-aid-grid{grid-template-columns:1fr}.gallery-card,.share-card,.text-card,.accessibility-card{padding:28px 18px 22px}.gallery-controls{margin:16px 0;position:static}.gallery-filterbar{padding-bottom:4px}.gallery-filterbar button{min-height:40px}.accessibility-size-options,.accessibility-color-options{grid-template-columns:1fr}.accessibility-switches>button{grid-template-columns:40px minmax(0,1fr)}.accessibility-switches>button>i{grid-column:2;justify-self:start}.accessibility-actions{flex-direction:column-reverse;align-items:stretch}.accessibility-actions>button{width:100%}.welcome-content{padding:26px 20px 23px}}@media (width<=420px){.polished-gallery .gallery-grid{grid-template-columns:1fr}}.studio-shell[data-layout-mode=focus],.studio-shell[data-fullscreen-mode=true]{grid-template-rows:minmax(0,1fr) 50px}.studio-shell[data-layout-mode=focus] .topbar,.studio-shell[data-fullscreen-mode=true] .topbar{display:none}.studio-shell[data-layout-mode=focus] .timeline,.studio-shell[data-fullscreen-mode=true] .timeline{background:#fbfaf6f5;grid-template-columns:auto 66px minmax(90px,1fr) 112px;gap:8px;padding:0 10px}.studio-shell[data-layout-mode=focus] :is(.timeline .transport-state,.timecode.total,.speed-select>span),.studio-shell[data-fullscreen-mode=true] :is(.timeline .transport-state,.timecode.total,.speed-select>span){display:none}.studio-shell[data-layout-mode=focus] .timeline-track,.studio-shell[data-fullscreen-mode=true] .timeline-track{height:24px}.studio-shell[data-layout-mode=focus] .stage-hint,.studio-shell[data-fullscreen-mode=true] .stage-hint{opacity:.84;min-width:0;padding:8px 11px}.studio-shell[data-fullscreen-mode=true]{background:var(--paper);width:100%;height:100dvh;min-height:0;overflow:hidden}.studio-shell:fullscreen{width:100vw;height:100dvh}@media (width<=590px){.studio-shell[data-layout-mode=focus],.studio-shell[data-fullscreen-mode=true]{grid-template-rows:minmax(0,1fr) 52px}.studio-shell[data-layout-mode=focus] .timeline,.studio-shell[data-fullscreen-mode=true] .timeline{grid-template-columns:auto 56px minmax(54px,1fr);gap:5px;padding:0 6px}.studio-shell[data-layout-mode=focus] .speed-select,.studio-shell[data-fullscreen-mode=true] .speed-select{display:none}.visual-menu>.layout-mode-button{min-width:0;padding-inline:9px}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}