:root{--ink:#312622;--muted:#706762;--paper:#f9f5ec;--cream:#f0e7d8;--panel:#fefbf7;--workbench:#e3d9ce;--line:#d0c5bb;--coral:#e1543f;--coral-dark:#b63422;--green:#458554;--yellow:#e6b13f;--blue:#5289b6;--r-sm:6px;--r-md:12px;--r-lg:20px;--shadow-1:0 1px 3px #362e281f;--shadow-2:0 14px 38px #362e2821}@supports (color:lab(0% 0 0)){:root{--ink:lab(16.378% 4.44567 5.0314);--muted:lab(44.2601% 3.07837 4.16024);--paper:lab(96.5622% .492722 4.56549);--cream:lab(91.9383% 1.36176 8.35897);--panel:lab(98.8548% .410289 2.24417);--workbench:lab(87.2469% 2.12029 6.52283);--line:lab(80.2739% 2.42254 6.3971);--coral:lab(55.4164% 55.1159 42.3524);--coral-dark:lab(42.7209% 52.37 42.142);--green:lab(50.237% -30.0123 19.5898);--yellow:lab(75.7803% 11.8476 62.737);--blue:lab(54.6088% -8.60465 -29.7083)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,sans-serif;line-height:1.65}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid color-mix(in oklch, var(--blue) 70%, white);outline-offset:3px}button:active{transform:scale(.97)}h1,h2,h3,p{text-wrap:pretty}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:var(--r-sm);padding:9px 13px;transition:transform .18s ease-out;position:fixed;top:10px;left:14px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.topbar{background:color-mix(in oklch, var(--paper) 94%, white);border-bottom:1px solid var(--line);z-index:30;grid-template-columns:1fr auto 1fr;align-items:center;min-height:66px;padding:0 clamp(18px,5vw,72px);display:grid;position:sticky;top:0}.brand{justify-self:start;align-items:center;gap:10px;font-size:17px;font-weight:750;display:inline-flex}.brand em{letter-spacing:.1em;color:var(--coral-dark);background:color-mix(in oklch, var(--coral) 13%, white);border-radius:var(--r-sm);padding:3px 6px;font-size:9px;font-style:normal}.brand-mark{grid-template-columns:1fr 1fr;gap:2px;width:29px;height:29px;display:grid;transform:rotate(4deg)}.brand-mark i{background:var(--coral);border-radius:50%;display:block;box-shadow:inset -2px -2px #00000014}.brand-mark i:nth-child(2){background:var(--yellow)}.brand-mark i:nth-child(3){background:var(--green)}.brand-mark i:nth-child(4){background:var(--blue)}.topbar nav{gap:32px;font-size:13px;font-weight:650;display:flex}.topbar nav a{padding:20px 0;position:relative}.topbar nav a:after{content:"";background:var(--coral);height:2px;transition:right .18s ease-out;position:absolute;bottom:15px;left:0;right:100%}.quiet-button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-self:end;padding:8px 0 8px 14px;font-size:12px}.quiet-button span{color:var(--green);margin-left:6px}.hero{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center;gap:clamp(48px,9vw,130px);max-width:1460px;min-height:610px;margin:auto;padding:clamp(54px,8vw,112px) clamp(20px,7vw,100px);display:grid;position:relative}.hero:before{content:"";background-image:radial-gradient(circle, color-mix(in oklch, var(--coral) 55%, transparent) 2px, transparent 2.5px);opacity:.48;pointer-events:none;background-size:14px 14px;width:118px;height:118px;position:absolute;top:12%;left:45%;transform:rotate(7deg)}.hero-copy{z-index:1;position:relative}.eyebrow{color:var(--muted);letter-spacing:.03em;align-items:center;gap:9px;margin:0 0 22px;font-size:12px;font-weight:700;display:flex}.eyebrow span{background:var(--green);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in oklch, var(--green) 16%, white);border-radius:50%}.hero h1{letter-spacing:-.022em;text-wrap:balance;margin:0;font-family:Iowan Old Style,Songti SC,Noto Serif SC,serif;font-size:clamp(54px,7vw,92px);font-weight:700;line-height:.98}.hero h1 strong{color:var(--coral-dark);font-weight:inherit}.hero-lead{max-width:580px;color:var(--muted);margin:28px 0 0;font-size:clamp(15px,1.4vw,18px);line-height:1.75}.hero-actions{align-items:center;gap:10px;margin-top:32px;display:flex}.hero-actions button{border-radius:var(--r-md);cursor:pointer;min-height:48px;padding:12px 20px;font-size:13px;font-weight:750;transition:background-color .18s ease-out,border-color .18s ease-out,transform .14s ease-out,box-shadow .18s ease-out}.primary-button{border:1px solid var(--coral-dark);background:var(--coral);color:#fff;box-shadow:0 7px 18px color-mix(in oklch, var(--coral) 27%, transparent)}.primary-button span{margin-right:7px;font-size:17px}.camera-button{border:1px solid var(--line);background:var(--panel)}.privacy-note{color:var(--muted);margin:12px 0 0;font-size:11px}.detail-demonstrator{background:var(--ink);color:#f0eae3;color:lab(93.06% 1.05107 4.44937);border-radius:var(--r-lg);box-shadow:18px 18px 0 var(--yellow), var(--shadow-2);padding:22px;transform:rotate(1.2deg)}.demo-heading{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:15px;display:flex}.demo-heading span{font-family:Iowan Old Style,Songti SC,serif;font-size:21px}.demo-heading b{color:#ffffff94;font-size:10px;font-weight:600}.demo-stack{padding:13px 0 5px}.demo-sample{border-bottom:1px solid #ffffff14;grid-template-columns:76px 1fr;align-items:center;gap:15px;padding:10px 0;display:grid}.demo-sample:nth-child(2){margin-left:26px}.demo-sample:nth-child(3){border-bottom:0;margin-left:52px}.demo-canvas{object-fit:contain;width:76px;height:58px;image-rendering:pixelated;background:#e9e2d7;display:block;box-shadow:inset 0 0 0 1px #ffffff1f}.demo-sample div{flex-direction:column;display:flex}.demo-sample strong{font-variant-numeric:tabular-nums;font-size:17px}.demo-sample span{color:#ffffff8f;font-size:10px}.demo-scale{color:#ffffff7a;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-top:12px;font-size:9px;display:grid}.demo-scale i{background:var(--coral);height:3px;position:relative}.demo-scale i:after{content:"";background:var(--yellow);border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:0}.studio{background:var(--workbench);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:50px clamp(16px,3vw,48px) 64px}.studio-head{justify-content:space-between;align-items:end;max-width:1460px;margin:0 auto 22px;display:flex}.section-kicker{color:var(--coral-dark);letter-spacing:.18em;font-size:9px;font-weight:800}.studio-head h2,.play h2,.gallery-head h2{letter-spacing:-.012em;margin:5px 0 2px;font-family:Iowan Old Style,Songti SC,serif;font-size:clamp(27px,3vw,42px);line-height:1.18}.studio-head p,.gallery-head p{color:var(--muted);margin:0;font-size:12px}.history-actions{gap:8px;display:flex}.history-actions button{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-sm);cursor:pointer;min-height:40px;box-shadow:var(--shadow-1);padding:8px 12px}.history-actions button:disabled{opacity:.35;cursor:default}.setup-deck{background:var(--panel);border-radius:var(--r-lg) var(--r-lg) 0 0;max-width:1460px;box-shadow:var(--shadow-2);grid-template-columns:230px minmax(360px,1fr) 270px;margin:auto;display:grid;overflow:hidden}.source-drop{border:0;border-right:1px solid var(--line);background:color-mix(in oklch, var(--cream) 70%, white);cursor:pointer;text-align:left;align-items:center;gap:13px;min-height:150px;padding:18px;display:flex}.source-drop>i{border:1px dashed var(--muted);border-radius:var(--r-md);height:58px;color:var(--coral-dark);flex:0 0 58px;place-items:center;font-size:24px;font-style:normal;display:grid}.source-thumb{border-radius:var(--r-md);outline-offset:-1px;background-position:50%;background-size:cover;outline:1px solid #0000001a;flex:0 0 72px;width:72px;height:72px}.source-drop>span:not(.source-thumb){flex-direction:column;min-width:0;display:flex}.source-drop b{font-size:13px}.source-drop small{color:var(--muted);font-size:10px;line-height:1.5}.resolution-lab{padding:19px 24px 16px}.control-heading{justify-content:space-between;align-items:center;display:flex}.control-heading>span{flex-direction:column;display:flex}.control-heading b{font-size:13px}.control-heading small{color:var(--muted);font-size:10px}.control-heading output{font-variant-numeric:tabular-nums;color:var(--coral-dark);font-family:Iowan Old Style,serif;font-size:36px;line-height:1}.detail-range{width:100%;accent-color:var(--coral);cursor:pointer;margin:17px 0 3px}.range-labels{color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.dimension-row{align-items:end;gap:7px;margin-top:14px;display:flex}.dimension-row label{color:var(--muted);font-size:9px}.dimension-row input{border:1px solid var(--line);border-radius:var(--r-sm);width:78px;min-height:40px;color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;padding:7px;font-weight:750;display:block}.dimension-row>span{color:var(--muted);padding-bottom:8px}.ratio-lock{border:1px solid var(--line);border-radius:var(--r-sm);min-height:40px;color:var(--muted);cursor:pointer;background:#fff;margin-left:4px;padding:7px 10px;font-size:10px}.ratio-lock.active{color:var(--green);border-color:color-mix(in oklch, var(--green) 50%, var(--line));background:color-mix(in oklch, var(--green) 8%, white)}.build-summary{background:var(--ink);color:#fff;flex-direction:column;justify-content:center;padding:21px 22px;display:flex}.summary-chip{width:max-content;color:var(--yellow);letter-spacing:.08em;font-size:9px;font-weight:800}.build-summary strong{font-variant-numeric:tabular-nums;margin-top:4px;font-family:Iowan Old Style,Songti SC,serif;font-size:25px}.build-summary p{color:#ffffff8c;margin:1px 0 14px;font-size:9px}.build-summary button{background:var(--yellow);min-height:42px;color:var(--ink);border-radius:var(--r-sm);cursor:pointer;border:0;font-size:11px;font-weight:800}.build-summary button:disabled{opacity:.55}.profile-row{border-top:1px solid var(--line);max-width:1460px;box-shadow:var(--shadow-1);grid-template-columns:repeat(3,1fr);margin:0 auto 18px;display:grid}.profile-row button{background:color-mix(in oklch, var(--panel) 94%, var(--cream));border:0;border-right:1px solid var(--line);text-align:left;cursor:pointer;grid-template-columns:1fr auto;align-items:center;min-height:73px;padding:11px 18px;display:grid}.profile-row button:last-child{border-right:0}.profile-row button.active{background:color-mix(in oklch, var(--coral) 9%, white);box-shadow:inset 0 -3px var(--coral)}.profile-row span{font-size:12px;font-weight:750}.profile-row b{color:var(--coral-dark);font-size:13px}.profile-row small{color:var(--muted);grid-column:1/-1;font-size:9px}.workspace{background:var(--panel);max-width:1460px;min-height:720px;box-shadow:var(--shadow-2);grid-template-columns:244px minmax(480px,1fr) 244px;margin:auto;display:grid}.panel{background:var(--panel)}.controls-panel{border-right:1px solid var(--line)}.summary-panel{border-left:1px solid var(--line);padding:20px}.panel-title{background:var(--ink);color:#fff;justify-content:space-between;align-items:baseline;padding:15px 17px;display:flex}.panel-title span{font-size:11px;font-weight:800}.panel-title small{color:#ffffff80;font-size:8px}.panel-section{border-bottom:1px solid color-mix(in oklch, var(--line) 75%, white);padding:16px}.panel-section>label,.label-row label{color:color-mix(in oklch, var(--ink) 76%, white);margin-bottom:9px;font-size:10px;font-weight:800;display:block}.panel select{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;width:100%;min-height:40px;padding:7px 9px;font-size:11px}.segment{background:var(--cream);border-radius:var(--r-sm);grid-template-columns:1fr 1fr;padding:3px;display:grid}.segment button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:9px}.segment button.active{color:var(--ink);box-shadow:var(--shadow-1);background:#fff;font-weight:750}.range-control{margin-top:14px}.range-control span{justify-content:space-between;align-items:center;display:flex}.range-control b{color:var(--coral-dark);font-size:13px}.range-control input{width:100%;accent-color:var(--coral)}.select-line{margin-top:12px}.select-line>span{margin-bottom:5px;display:block}.regenerate-button{border:1px solid var(--coral);background:color-mix(in oklch, var(--coral) 8%, white);width:100%;min-height:40px;color:var(--coral-dark);border-radius:var(--r-sm);cursor:pointer;margin-top:12px;font-size:10px;font-weight:750}.tool-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tool-grid button{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:6px;min-height:43px;font-size:9px;display:flex}.tool-grid b{font-size:14px;font-weight:500}.tool-grid button.active{border-color:var(--coral);color:var(--coral-dark);background:color-mix(in oklch, var(--coral) 8%, white);box-shadow:inset 0 0 0 1px var(--coral)}.label-row{justify-content:space-between;align-items:center;display:flex}.label-row span{color:var(--muted);font:9px ui-monospace,monospace}.color-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.color-grid button{aspect-ratio:1;background:var(--swatch);cursor:pointer;border:3px solid #fff;border-radius:50%;outline:1px solid #40373026;min-width:40px;min-height:40px;transition:transform .15s ease-out,outline-color .15s ease-out;box-shadow:inset -3px -3px #00000014}.color-grid button.selected{outline:2px solid var(--ink);outline-offset:2px;transform:scale(.86)}.creative-section{background:color-mix(in oklch, var(--cream) 70%, white)}.creative-tools{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.creative-tools button{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;background:#fff;min-height:44px;font-size:13px}.creative-tools span{color:var(--muted);font-size:8px;display:block}.canvas-wrap{background:color-mix(in oklch, var(--workbench) 76%, white);flex-direction:column;min-width:0;display:flex;overflow:hidden}.canvas-toolbar{background:var(--panel);border-bottom:1px solid var(--line);min-height:50px;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 16px;font-size:9px;display:flex}.canvas-toolbar>span{align-items:center;gap:7px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.canvas-toolbar div{gap:6px;display:flex}.canvas-toolbar button{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;background:#fff;min-height:36px;padding:6px 9px;font-size:9px}.canvas-toolbar button.active{color:var(--green);border-color:var(--green);background:color-mix(in oklch, var(--green) 8%, white)}.board-stage{flex:1;grid-template-columns:minmax(340px,1fr) 224px;align-items:center;gap:24px;min-height:0;padding:28px 24px 34px;display:grid}.editor-column{flex-direction:column;align-items:center;min-width:0;display:flex}.view-label{justify-content:space-between;align-items:baseline;width:min(100%,650px);margin-bottom:10px;display:flex}.view-label span{font-size:11px;font-weight:800}.view-label small{color:var(--muted);font-size:8px}.board-frame{border-radius:var(--r-sm);background:#b9b0a6;width:min(100%,650px);padding:10px;box-shadow:0 9px #a69d94,0 18px 35px #362e2833,inset 0 0 0 7px #ebe6de}.bead-editor{object-fit:contain;cursor:crosshair;touch-action:none;image-rendering:auto;background:#d8d1c6;width:100%;height:auto;max-height:590px;display:block}.finished-preview{background:var(--panel);border-radius:var(--r-md);box-shadow:var(--shadow-2);align-self:center;padding:15px}.preview-heading{justify-content:space-between;align-items:start;margin-bottom:12px;display:flex}.preview-heading>div{flex-direction:column;display:flex}.preview-heading span{font-family:Iowan Old Style,Songti SC,serif;font-size:16px;font-weight:700}.preview-heading small{color:var(--muted);font-size:8px}.preview-heading i{color:var(--green);background:color-mix(in oklch, var(--green) 10%, white);border-radius:99px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:800}.preview-mat{background:var(--cream);box-shadow:inset 0 0 0 4px color-mix(in oklch, var(--cream) 74%, white);padding:11px}.preview-canvas{object-fit:contain;width:100%;max-height:240px;image-rendering:pixelated;background:#eee8de;display:block}.preview-meta{grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 0;display:grid}.preview-meta div:last-child{grid-column:1/-1}.preview-meta dt{color:var(--muted);font-size:8px}.preview-meta dd{font-variant-numeric:tabular-nums;margin:0;font-size:10px;font-weight:750}.guide-controls{border-radius:var(--r-sm);box-shadow:var(--shadow-1);background:#fff;align-items:center;gap:12px;margin-top:17px;padding:7px;font-size:10px;display:flex}.guide-controls button{background:var(--cream);border-radius:var(--r-sm);cursor:pointer;border:0;min-height:36px;padding:6px 10px}.guide-controls button:disabled{opacity:.35}.summary-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:15px;display:flex}.summary-title>div{grid-template-columns:auto auto;align-items:baseline;gap:1px 7px;display:grid}.summary-title span{grid-column:1/-1;font-size:11px;font-weight:800}.summary-title strong{font-variant-numeric:tabular-nums;font-family:Iowan Old Style,serif;font-size:29px}.summary-title small{color:var(--muted);font-size:9px}.summary-title button{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;background:#fff;width:40px;height:40px}.usage-list{max-height:390px;margin-top:7px;overflow:auto}.usage-list>div{border-bottom:1px solid color-mix(in oklch, var(--line) 60%, white);grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:9px 1px;display:grid}.usage-list i{border-radius:50%;width:24px;height:24px;box-shadow:inset -2px -2px #0000001a}.usage-list span{flex-direction:column;display:flex}.usage-list b{font-size:9px}.usage-list small{color:var(--muted);font-size:7px}.usage-list strong{font-variant-numeric:tabular-nums;font-size:10px}.stock-tip{background:color-mix(in oklch, var(--yellow) 24%, white);color:color-mix(in oklch, var(--ink) 80%, var(--yellow));border-radius:var(--r-sm);grid-template-columns:auto 1fr;gap:8px;margin:14px 0;padding:10px;display:grid}.stock-tip>span{font-size:10px;font-weight:850}.stock-tip p{margin:0;font-size:9px;line-height:1.55}.export-button,.secondary-export{border-radius:var(--r-sm);cursor:pointer;width:100%;min-height:42px;padding:9px;font-size:10px;font-weight:800}.export-button{border:1px solid var(--coral-dark);background:var(--coral);color:#fff}.export-button span{float:right}.secondary-export{border:1px solid var(--line);background:#fff;margin-top:7px}.play{grid-template-columns:.8fr 1.2fr;align-items:end;gap:70px;max-width:1460px;margin:auto;padding:82px clamp(20px,7vw,100px);display:grid}.play h2{margin-bottom:8px}.play>div>p{color:var(--muted);margin:0;font-size:12px}.play-actions{grid-template-columns:repeat(3,1fr);display:grid}.play-actions button{border:0;border-right:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;flex-direction:column;justify-content:space-between;min-height:150px;padding:20px;transition:background-color .18s ease-out,transform .15s ease-out;display:flex}.play-actions button:last-child{border-right:0}.play-actions b{color:var(--coral-dark);font-family:Iowan Old Style,serif;font-size:29px}.play-actions span{font-size:13px;font-weight:800}.play-actions small{color:var(--muted);margin-top:4px;font-size:9px;font-weight:500;display:block}.gallery{border-top:1px solid var(--line);max-width:1460px;margin:auto;padding:62px clamp(20px,7vw,100px) 96px}.gallery-head{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.gallery-count{color:var(--muted);font-size:10px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:28px 18px;display:grid}.gallery-grid article{min-width:0}.gallery-art{aspect-ratio:1.32;background:var(--cream);cursor:pointer;width:100%;box-shadow:inset 0 0 0 1px var(--line);border:0;place-items:center;padding:28px;display:grid;position:relative;overflow:hidden}.gallery-art:before{content:"";background-image:radial-gradient(circle, color-mix(in oklch, var(--line) 80%, transparent) 1px, transparent 1.5px);background-size:14px 14px;position:absolute;inset:0}.gallery-number{z-index:2;color:var(--muted);font-family:Iowan Old Style,serif;font-size:10px;position:absolute;top:13px;left:15px}.gallery-canvas{aspect-ratio:1;width:min(70%,220px);image-rendering:pixelated;z-index:1;filter:drop-shadow(0 10px 13px #372d281f);transition:transform .22s cubic-bezier(.16,1,.3,1)}.use-pattern{z-index:2;opacity:0;background:var(--ink);color:#fff;border-radius:var(--r-sm);padding:7px 9px;font-size:8px;transition:opacity .18s ease-out,transform .18s ease-out;position:absolute;bottom:12px;right:12px;transform:translateY(5px)}.gallery-info{justify-content:space-between;align-items:start;padding-top:10px;display:flex}.gallery-info h3{margin:0 0 2px;font-family:Iowan Old Style,Songti SC,serif;font-size:18px}.gallery-info p,.gallery-info>span{color:var(--muted);margin:0;font-size:9px}footer{border-top:1px solid var(--line);background:var(--cream);justify-content:space-between;align-items:center;padding:30px clamp(20px,7vw,100px);display:flex}footer p{color:var(--muted);font-size:10px}.toast{z-index:60;background:var(--ink);color:#fff;border-radius:var(--r-sm);box-shadow:var(--shadow-2);padding:11px 16px;font-size:12px;animation:.24s cubic-bezier(.16,1,.3,1) toast-in;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media (hover:hover){.topbar nav a:hover:after{right:0}.primary-button:hover{background:var(--coral-dark);box-shadow:0 10px 24px color-mix(in oklch, var(--coral) 34%, transparent);transform:translateY(-1px)}.camera-button:hover,.quiet-button:hover{color:var(--coral-dark);border-color:var(--coral)}.profile-row button:hover,.play-actions button:hover{background:color-mix(in oklch, var(--coral) 7%, white)}.creative-tools button:hover,.tool-grid button:hover{border-color:var(--coral);color:var(--coral-dark)}.gallery-art:hover .gallery-canvas{transform:scale(1.055)rotate(-1deg)}.gallery-art:hover .use-pattern,.gallery-art:focus-visible .use-pattern{opacity:1;transform:translateY(0)}}@media (max-width:1120px){.hero{grid-template-columns:1fr 390px;gap:50px}.setup-deck{grid-template-columns:190px 1fr 230px}.workspace{grid-template-columns:218px minmax(430px,1fr)}.summary-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:220px 1fr 220px;gap:0 22px;display:grid}.usage-list{grid-area:1/2/5;max-height:230px}.stock-tip,.export-button,.secondary-export{grid-column:3}.stock-tip{margin-top:0}}@media (max-width:820px){.topbar{grid-template-columns:1fr auto;padding:0 18px}.topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:56px 22px 76px}.hero:before{top:4%;left:auto;right:5%}.hero h1{font-size:clamp(50px,15vw,72px)}.detail-demonstrator{justify-self:center;width:min(100%,520px)}.studio{padding-left:0;padding-right:0}.studio-head{padding:0 18px}.setup-deck{border-radius:var(--r-lg);grid-template-columns:1fr;margin:0 12px}.source-drop{border-right:0;border-bottom:1px solid var(--line);min-height:105px}.build-summary{min-height:150px}.profile-row{grid-template-columns:1fr;margin:10px 12px 18px}.profile-row button{border-right:0;border-bottom:1px solid var(--line)}.workspace{flex-direction:column;display:flex}.canvas-wrap{order:1}.controls-panel{border-right:0;border-top:1px solid var(--line);order:2;grid-template-columns:1fr 1fr;display:grid}.panel-title,.colors-section,.creative-section{grid-column:1/-1}.summary-panel{border-left:0;order:3;display:block}.board-stage{flex-direction:column;display:flex}.finished-preview{order:-1;width:min(100%,360px)}.board-frame{width:min(100%,650px)}.color-grid{grid-template-columns:repeat(8,1fr)}.summary-panel .usage-list{max-height:260px}.play{grid-template-columns:1fr;gap:28px;padding:64px 20px}.gallery{padding:60px 18px 76px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.quiet-button{font-size:0}.quiet-button span{font-size:12px}.hero-actions{flex-direction:column;align-items:stretch;width:min(100%,320px)}.demo-sample:nth-child(2){margin-left:14px}.demo-sample:nth-child(3){margin-left:28px}.studio-head{align-items:flex-start}.history-actions button span{display:none}.resolution-lab{padding:18px}.dimension-row{flex-wrap:wrap}.ratio-lock{margin-left:0}.controls-panel{display:block}.board-stage{padding:22px 10px 30px}.view-label{padding:0 2px}.color-grid{grid-template-columns:repeat(8,1fr);gap:6px}.color-grid button{min-width:36px;min-height:36px}.play-actions{grid-template-columns:1fr}.play-actions button{border-right:0;border-bottom:1px solid var(--line);min-height:105px}.gallery-head{display:block}.gallery-count{margin-top:10px;display:block}.gallery-grid{grid-template-columns:1fr 1fr;gap:22px 10px}.gallery-art{padding:16px}.gallery-info{display:block}.gallery-info>span{margin-top:5px;display:block}footer{flex-direction:column;align-items:flex-start;gap:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.topbar,.hero,.setup-deck,.profile-row,.controls-panel,.canvas-toolbar,.history-actions,.play,.gallery,footer,.toast,.export-button,.secondary-export,.stock-tip{display:none!important}.studio{background:#fff;border:0;padding:0}.workspace{box-shadow:none;grid-template-columns:1fr 220px;min-height:0;display:grid}.canvas-wrap{background:#fff}.summary-panel{border:0;display:block}.finished-preview{display:none}}