:root{--ink:#11231e;--paper:#f8faf7;--lime:#bcf974;--mint:#e7efdf;--line:#dce3d9;--muted:#67716a;--ed-bg:#191d20;--ed-panel:#23282c;--ed-line:#363d41;--ed-text:#dde4e2;--ed-muted:#929f9d;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #64ab33;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;z-index:100;background:var(--lime);padding:16px}.skip-link:focus{top:10px}.brand{font-size:25px;letter-spacing:-1.4px;font-weight:800;display:inline-flex;gap:9px;align-items:center;white-space:nowrap}.brand-dot{align-self:flex-start;font-size:11px;letter-spacing:0;margin-top:2px}.site-header{height:98px;margin:0 auto;max-width:1536px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{border:1px solid transparent;min-height:52px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:7px;font-size:14px;font-weight:600;transition:background .16s,transform .16s}.button:hover{transform:translateY(-1px)}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#294338}.button.light{background:transparent;border-color:currentColor}.button.accent{background:var(--lime);color:var(--ink)}.button.small{min-height:40px;padding:10px 16px;gap:22px}.hero{max-width:1536px;margin:auto;padding:76px 5.2% 70px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:35px}.eyebrow{font-family:monospace;font-size:12px;font-weight:600;letter-spacing:1.4px;display:flex;align-items:center;gap:10px;line-height:1.6}.tiny-pixel{display:inline-block;width:8px;height:8px;background:#729746;box-shadow:5px 5px 0 #abc689;flex-shrink:0}.hero h1{font-size:clamp(56px,6.1vw,91px);line-height:1.025;font-weight:500;letter-spacing:-5px;margin:30px 0 24px}.hero h1 span{color:#78936e}.hero-copy>p{font-size:17px;color:#657169;max-width:400px;line-height:1.7;margin-bottom:32px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px}.text-link{font-size:14px;font-weight:500;display:inline-flex;gap:14px}.hero-note{display:flex;gap:17px;font-size:11px;color:#6b766e;margin-top:36px}.hero-note span:before{content:'✓';margin-right:5px;color:#648348}.hero-art{background:#18262e;color:#c8d0cc;border-radius:12px;overflow:hidden;box-shadow:0 22px 45px #24362b14;transform:rotate(1deg)}.art-top,.art-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;font-family:monospace;font-size:9px;letter-spacing:.6px;gap:14px}.art-top>span:first-child{display:flex;gap:12px;align-items:center}.art-image{aspect-ratio:1.25;position:relative;overflow:hidden;background:#142734}.art-image>img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.art-corner{position:absolute;width:26px;height:26px;border-color:#c3e4d680}.top-left{left:20px;top:20px;border-left:1px solid;border-top:1px solid}.bottom-right{right:20px;bottom:20px;border-right:1px solid;border-bottom:1px solid}.art-badge{position:absolute;bottom:22px;left:20px;display:flex;gap:10px;background:#c0fa81;color:#203228;padding:12px 15px;transform:rotate(-4deg);font-size:12px;line-height:1.35;border-radius:4px;box-shadow:0 2px 10px #0002}.badge-spark{font-size:30px}.art-bottom{font-size:8px;padding:18px}.mini-palette{display:flex}.mini-palette i{width:13px;height:15px;background:var(--swatch)}.capability-strip{display:flex;justify-content:space-around;gap:25px;flex-wrap:wrap;border-block:1px solid var(--line);padding:22px 4%;font-family:monospace;font-size:11px;letter-spacing:1px}.section-wrap{padding:90px 5.2%;max-width:1536px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-heading h2,.faq h2{font-size:48px;font-weight:500;line-height:1.1;letter-spacing:-2px;margin:18px 0 0}.section-heading>p{font-size:16px;line-height:1.8;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.steps article{padding:28px 32px}.steps article+article{border-left:1px solid var(--line)}.step-index{font:14px monospace;color:#86997a}.steps h3{font-size:20px;font-weight:500;letter-spacing:-.6px;margin-top:32px}.steps p{font-size:15px;line-height:1.8;color:var(--muted);max-width:315px;min-height:81px}.step-foot{font:10px monospace;letter-spacing:1px;display:flex;justify-content:space-between;margin-top:28px}.studio-section{background:var(--ink);color:#e9f0e7;max-width:none}.studio-section>.section-heading,.feature-grid{max-width:1376px;margin-left:auto;margin-right:auto}.studio-section .eyebrow{color:#bbd3aa}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.feature-icon{font-size:32px;color:var(--lime)}.feature-grid h3{font-size:21px;letter-spacing:-.6px;font-weight:500;margin-top:24px}.feature-grid p{color:#a9bbb0;font-size:15px;line-height:1.8;max-width:360px;min-height:80px}.key-row,.file-chips{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:25px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:23px;padding:4px 6px;border:1px solid #82918455;border-bottom-width:3px;border-radius:4px;font:11px monospace}.key-row>span{font-size:11px;color:#9cac9e;flex-basis:100%;margin-top:8px}.frame-graphic{display:flex;gap:8px;margin-top:25px}.frame-graphic span{width:43px;height:43px;display:grid;place-items:center;border:1px solid #8daa7f;color:#b5d6a3;font:12px monospace}.frame-graphic span:nth-child(3){background:var(--lime);color:#16291c}.file-chips span{padding:10px;border:1px solid #617663;font:12px monospace}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.faq>div>p{color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-size:16px;font-weight:500;cursor:pointer;list-style:none;padding-right:30px;position:relative;line-height:1.5}.faq-list summary:after{content:'+';position:absolute;right:4px;font-size:22px;top:-2px}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:15px;color:var(--muted);line-height:1.8}.closing{background:#e6eedc;border-top:1px solid #dce6d1;position:relative;overflow:hidden}.closing h2{font-size:clamp(40px,5vw,68px);font-weight:500;letter-spacing:-3px;margin:20px 0 30px}.closing-pixels{position:absolute;right:10%;top:30px;color:#bfd5a9;font-size:95px;line-height:.9;letter-spacing:10px;transform:rotate(-12deg)}.site-footer{max-width:1536px;padding:40px 5.2%;margin:auto;display:flex;align-items:center;gap:26px;flex-wrap:wrap}.site-footer>span{font-size:12px;color:var(--muted)}.site-footer nav{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:12px}.site-footer small{flex-basis:100%;font-size:11px;color:var(--muted)}.text-button{background:none;border:0;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px}.consent-banner{position:fixed;bottom:20px;left:24px;right:24px;max-width:780px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 22px;box-shadow:0 8px 45px #11231e26;z-index:30;display:flex;align-items:center;gap:25px}.consent-banner strong{font-size:14px}.consent-banner p{font-size:12px;color:var(--muted);line-height:1.6;margin:7px 0 0}.consent-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;max-width:280px;justify-content:flex-end}.consent-actions .button{font-size:12px;padding:8px 12px;gap:5px}.consent-actions .text-button{font-size:11px;margin:4px 2px 0}
/* A compact, distraction-free working surface. */
body.editor-mode{overflow:hidden;background:var(--ed-bg);color:var(--ed-text)}#editor{height:100dvh;display:grid;grid-template-rows:58px 46px minmax(160px,1fr) 144px 30px;font-size:13px}#editor button{background:transparent;border:0;color:inherit;border-radius:4px}#editor button:hover{background:#ffffff0c}#editor button.active,#editor button[aria-pressed=true]{background:#bcf97424;color:var(--lime)}#editor .button.accent{background:var(--lime);color:var(--ink)}.editor-header{display:flex;align-items:center;padding:0 17px;gap:17px;background:#1e2427;border-bottom:1px solid var(--ed-line)}.editor-header .brand{font-size:21px;color:#eff3ed;letter-spacing:-1px}.editor-menus{display:flex;gap:2px}.editor-menus button{padding:9px 10px;font-size:12px}.project-name{font-size:12px;max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:auto}.project-name span{color:#7a8c82;margin-left:10px}.local-badge{font:9px monospace;letter-spacing:1px;color:#98ad9c}.icon-button{border:0;background:transparent;min-width:28px;min-height:28px;padding:4px;font-size:17px;display:inline-grid;place-items:center;border-radius:4px}.options-bar{display:flex;align-items:center;gap:16px;padding:0 17px;background:var(--ed-panel);border-bottom:1px solid var(--ed-line);font-size:12px}.options-bar>span:first-child{width:68px}.option-divider{height:18px;width:1px;background:var(--ed-line);display:inline-block}.options-bar label{display:flex;align-items:center;gap:6px}#editor input[type=number]{background:#171d20;border:1px solid #3b464a;border-radius:3px;color:#e3ece7;width:44px;padding:5px;font-size:12px;-moz-appearance:textfield}input::-webkit-inner-spin-button{opacity:.5}.options-end{display:flex;gap:9px;align-items:center;margin-left:auto}.toggle-button{padding:6px 8px;font-size:12px}input[type=checkbox]{accent-color:#b9f37a;margin:0}input[type=range]{accent-color:#b9f37a;min-width:0}.workspace{display:grid;grid-template-columns:55px minmax(0,1fr) 246px;min-height:0}.tools-rail{background:var(--ed-panel);border-right:1px solid var(--ed-line);padding:12px 7px;display:flex;flex-direction:column;gap:4px;align-items:center;overflow-y:auto}.tool-button{width:39px;min-height:37px;display:grid;place-items:center;position:relative}.tool-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tool-button small{position:absolute;right:3px;bottom:1px;font-size:8px;color:#7e938c}.rail-separator{width:25px;border-bottom:1px solid #46504c;margin:9px 0}.canvas-area{position:relative;min-width:0;min-height:0;overflow:hidden;background:#171b1e;touch-action:none;outline:none;cursor:crosshair}.canvas-area:focus-visible{box-shadow:inset 0 0 0 1px #92b470}.canvas-area>canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.canvas-top-label,.canvas-bottom-label{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none;font:9px monospace;letter-spacing:.6px;color:#7c8a85}.canvas-top-label{top:17px}.canvas-bottom-label{bottom:16px}.inspector{background:var(--ed-panel);border-left:1px solid var(--ed-line);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4d5b56 transparent}.panel{padding:15px;border-bottom:1px solid var(--ed-line)}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;margin-bottom:13px;min-height:20px}.panel-title>div{display:flex;margin:-6px 0}.panel-title .text-button{font-size:10px;color:#96a99e;text-decoration:none}.navigator-image{height:110px;display:grid;place-items:center;background:#191e21;border:1px solid #313b3a;border-radius:4px}.navigator-image canvas{max-width:100%;max-height:100%;image-rendering:pixelated}.color-controls{display:flex;gap:7px;align-items:center}.color-controls input[type=color]{padding:0;border:0;background:none;width:34px;height:30px;cursor:pointer}.color-controls input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-controls input[type=color]::-webkit-color-swatch{border:1px solid #637367;border-radius:3px}.color-controls label{flex:1;min-width:0}#hex-color{background:#171d20;border:1px solid #3b464a;color:#dce6de;width:100%;padding:7px;font:11px monospace;border-radius:3px}.palette-header{display:flex;gap:8px;align-items:center;margin-top:14px}#editor select{appearance:auto;background:#20272a;border:1px solid #3b4548;color:#bfcfc7;padding:6px;font-size:11px;border-radius:3px;min-width:0}.palette-header select{flex:1}.palette-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:9px}.palette-swatches button{height:19px!important;background:var(--swatch)!important;border:1px solid #ffffff14!important;border-radius:2px!important}.palette-swatches button.selected{outline:1px solid white;outline-offset:1px}.layer-settings{display:flex;align-items:center;gap:8px;font-size:10px}.layer-settings select{width:94px}.layer-settings label{display:flex;align-items:center;gap:4px}.layer-settings #layer-opacity{width:37px;padding:5px 2px}.layer-row{display:flex;align-items:center;gap:7px;padding:7px 3px;margin-top:5px;border:1px solid transparent;border-radius:4px;min-height:40px}.layer-row.active{background:#bcf97411;border-color:#a8df6a3b}.layer-row>button{font-size:11px;padding:3px}.layer-row .layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0}.layer-thumb{width:27px;height:27px;image-rendering:pixelated;background:repeating-conic-gradient(#303937 0% 25%,#252d2b 0% 50%) 50%/8px 8px}.layer-footer{display:flex;justify-content:space-between;margin-top:11px;gap:4px}.layer-footer button{font-size:10px;padding:5px}.onion-panel label{display:flex;align-items:center;gap:6px}.muted{color:var(--ed-muted)}.onion-controls{display:flex;flex-wrap:wrap;gap:12px 15px;font-size:10px;color:#b0c1b6}.onion-controls>label:last-child{width:100%}.onion-controls input[type=range]{width:135px;height:12px}.pink-dot,.teal-dot{display:inline-block;width:6px;height:6px;background:#fa79aa;border-radius:50%}.teal-dot{background:#64dbbd}.timeline{background:#202629;border-top:1px solid #3b4547;min-width:0}.timeline-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 17px;height:43px;border-bottom:1px solid #303a3b}.timeline-controls,.timeline-actions{display:flex;align-items:center;gap:11px}.timeline button{padding:5px 8px;font-size:11px}#play-button{color:var(--lime);font-size:15px}.timeline-controls>span:not(.option-divider){font:10px monospace;color:#a9b8b1}.timeline-controls label{font:11px monospace;color:#96a69e}#frame-duration{width:57px!important}.frames-list{padding:11px 17px;display:flex;align-items:center;gap:10px;overflow-x:auto;height:101px;scrollbar-width:thin;scrollbar-color:#4d5b56 transparent}.frame-card{display:grid;grid-template-rows:51px 16px;min-width:69px;max-width:69px;border:1px solid #41514a!important;padding:3px!important;border-radius:4px!important;overflow:hidden}.frame-card.active{border-color:var(--lime)!important;background:#bcf97412!important}.frame-card canvas{width:61px;height:49px;image-rendering:pixelated;object-fit:contain}.frame-card span{font:9px monospace;color:#b1c1b7}.status-bar{padding:0 13px;background:#1b2123;border-top:1px solid #303b37;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#92a497}.status-bar>div{display:flex;gap:20px;align-items:center}.status-bar button{font-size:10px}.status-bar kbd{padding:0 3px;font-size:9px;min-width:17px}.status-bar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#drop-overlay{position:absolute;inset:15px;background:#162d24e8;border:2px dashed var(--lime);display:grid;place-items:center;color:var(--lime);font-size:22px;z-index:6}
.tools-rail{overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#4d5b56 transparent}.tool-button{max-width:100%}.brand-dot{display:none}.options-bar>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Dialogs and conversion workbench. */
dialog{color:var(--ink);background:var(--paper);border:1px solid #c7d4c5;border-radius:12px;padding:0;width:min(540px,calc(100vw - 30px));max-height:calc(100dvh - 40px);box-shadow:0 25px 120px #0007}dialog::backdrop{background:#0a1719ac;backdrop-filter:blur(5px)}dialog.wide{width:min(1000px,calc(100vw - 30px))}#modal-content{padding:29px}.modal-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}.modal-heading h2{font-size:26px;letter-spacing:-1px;font-weight:500;margin:0}.modal-heading p{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 0}.close-dialog{border:0;background:transparent;font-size:24px;padding:0;line-height:1;min-width:28px;min-height:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:0}.field.full{grid-column:1/-1}.field input:not([type=checkbox]):not([type=range]),.field select{padding:11px;border:1px solid #c9d3c5;border-radius:5px;background:#fff;color:var(--ink);width:100%;min-width:0}.field input[type=range]{width:100%}.field small,.help-text{font-size:12px;line-height:1.65;color:var(--muted)}.modal-actions{margin-top:26px;display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap}.modal-actions .button{min-height:42px;padding:11px 16px}.modal-note{font-size:12px;line-height:1.7;padding:12px;background:#e9f0e2;border-radius:5px;color:#52684b}.modal-error{color:#9b302b;font-size:13px;margin-top:12px;line-height:1.5}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}.shortcut-grid>div{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #dfe5da;padding:8px 0;font-size:12px}.conversion-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px}.conversion-preview{background:#182127;border-radius:7px;overflow:hidden;min-height:300px;display:flex;flex-direction:column}.conversion-preview canvas{width:100%;height:340px;object-fit:contain;image-rendering:pixelated;flex:1}.conversion-preview canvas.original{image-rendering:auto}.conversion-tabs{display:flex;padding:10px;gap:7px;border-bottom:1px solid #ffffff19}.conversion-tabs button{padding:7px 12px;border:1px solid #ffffff22;color:#c5d3cb;background:transparent;border-radius:4px;font-size:12px}.conversion-tabs button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.conversion-preview-bottom{color:#adbbb2;display:flex;justify-content:space-between;font:11px monospace;padding:13px}.conversion-controls{display:flex;flex-direction:column;gap:17px}.conversion-controls .form-grid{gap:9px}.conversion-palette{display:flex;flex-wrap:wrap;gap:2px;margin-top:8px}.conversion-palette span{width:13px;height:13px;background:var(--swatch)}.setting-row{padding:15px 0;border-top:1px solid #d9e1d3;font-size:14px;display:flex;justify-content:space-between;gap:20px;align-items:center}.setting-row p{font-size:12px;line-height:1.7;color:var(--muted);margin:5px 0}.setting-row input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.legal-page{max-width:850px;margin:auto;padding:45px 25px 80px}.legal-page>.brand{margin-bottom:60px}.legal-page h1{font-size:50px;letter-spacing:-2px;font-weight:500}.legal-page h2{font-size:22px;font-weight:500;margin:36px 0 10px}.legal-page p,.legal-page li{font-size:16px;line-height:1.9;color:#5d6a60}.legal-page a:not(.brand){text-decoration:underline;text-underline-offset:3px}.legal-page table{width:100%;border-collapse:collapse;font-size:13px}.legal-page th,.legal-page td{border:1px solid #d0dbc9;text-align:left;padding:10px;line-height:1.6}.legal-warning{padding:15px;background:#f6ead0;border:1px solid #e4cfa1;border-radius:6px;font-size:13px!important}#toast{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);padding:13px 20px;max-width:calc(100vw - 30px);background:#eaf4e2;color:#263625;border:1px solid #aabe9b;box-shadow:0 5px 30px #0003;border-radius:6px;font-size:13px;z-index:100;text-align:center;line-height:1.5}
@media(min-width:1600px){.hero{padding-block:100px}.hero h1{font-size:96px}}@media(max-width:1100px){.hero h1{font-size:65px;letter-spacing:-3px}.hero{gap:24px}.hero-note{gap:9px;font-size:10px}.art-bottom>span:last-child{display:none}.editor-header{gap:9px}.local-badge{display:none}.editor-menus button{padding-inline:6px}.options-bar{gap:9px}.workspace{grid-template-columns:49px minmax(0,1fr) 225px}.panel{padding:12px}.feature-grid{gap:30px}.step-foot{font-size:9px}.steps article{padding:25px}.compact-check{font-size:11px}}@media(max-width:800px){.site-header{height:78px}.site-header nav{gap:18px;font-size:12px}.hero{padding-top:48px;grid-template-columns:1fr 1fr;gap:15px}.hero h1{font-size:52px}.hero-copy>p{font-size:15px}.hero-actions .button{font-size:12px;gap:13px;padding:14px}.hero-note{flex-direction:column;gap:7px;margin-top:25px}.hero-art{transform:none}.art-top{font-size:8px;padding:15px 12px}.art-top>span:last-child{display:none}.art-image{aspect-ratio:.9}.art-badge{font-size:10px;padding:10px;left:13px}.badge-spark{font-size:25px}.section-wrap{padding-block:65px}.section-heading h2,.faq h2{font-size:39px}.steps{grid-template-columns:1fr}.steps article+article{border-left:0;border-top:1px solid var(--line)}.steps h3{margin-top:13px}.steps p{min-height:0;max-width:none}.step-foot{margin-top:15px}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-top:1px solid #ffffff24;padding-top:25px}.feature-grid p{max-width:none;min-height:0}.faq{grid-template-columns:1fr;gap:25px}.closing-pixels{right:2%;opacity:.4}.site-footer nav{margin-left:0}.editor-header .brand{font-size:0;gap:0}.editor-header .brand img{width:28px}.editor-menus{gap:0}.editor-menus button{font-size:11px}.editor-header{padding:0 10px}.project-name{max-width:110px}.workspace{grid-template-columns:45px minmax(0,1fr) 196px}.tool-button{width:33px}.panel{padding:10px}.layer-settings{flex-wrap:wrap}.layer-settings label{font-size:10px}.options-bar{font-size:11px;padding:0 10px}.options-bar>span:first-child,.options-bar>.option-divider,.compact-check,#symmetry-y{display:none!important}.options-end{gap:3px}.options-end .icon-button{min-width:23px}.options-bar .toggle-button{font-size:10px;padding:6px}.canvas-bottom-label>span:last-child{display:none}.palette-swatches{gap:3px}.preview-panel{display:none}.timeline-top{gap:8px;padding-inline:10px}.timeline-controls,.timeline-actions{gap:4px}.timeline button{padding:5px}.status-bar>div{gap:9px}.conversion-layout{grid-template-columns:1fr 235px;gap:16px}#modal-content{padding:22px}.conversion-preview canvas{height:310px}}@media(max-width:600px){.site-header nav{display:none}.site-header .brand{font-size:24px}.site-header .button{font-size:12px}.hero{grid-template-columns:1fr;padding:43px 6%}.hero h1{font-size:65px;letter-spacing:-3.5px}.hero-copy>p{font-size:16px}.hero-note{flex-direction:row;flex-wrap:wrap;gap:13px}.hero-art{margin-top:26px}.art-image{aspect-ratio:1.25}.art-top{font-size:9px;padding:17px}.art-bottom{font-size:9px}.hero-actions .button{font-size:14px}.hero-actions{gap:20px}.capability-strip{font-size:9px;gap:16px;padding:20px}.section-wrap{padding:55px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>.button{margin-top:25px}.section-heading>p{font-size:14px}.closing h2{font-size:43px;letter-spacing:-2px;position:relative}.closing-pixels{font-size:60px;top:85px}.site-footer{padding:32px 6%;gap:20px}.site-footer>span{display:none}.site-footer nav{font-size:11px;gap:17px}.consent-banner{left:12px;right:12px;bottom:12px;padding:17px;display:block}.consent-actions{max-width:none;justify-content:flex-start;margin-top:14px}.consent-banner p{font-size:12px}#editor{grid-template-rows:53px 42px minmax(150px,1fr) 134px 27px}.editor-menus button{font-size:10px;padding:8px 4px}.editor-menus button[data-action=save]{display:none}.editor-header{gap:7px}.editor-header .button{font-size:11px;padding:8px 10px;gap:6px;min-height:33px}.project-name{display:none}.editor-header .icon-button{margin-left:auto}.workspace{grid-template-columns:39px minmax(0,1fr) 130px}.tools-rail{padding:7px 3px;gap:2px}.tool-button{min-height:33px;width:31px}.tool-button svg{width:17px;height:17px}.panel{padding:8px}.panel-title{font-size:11px;margin-bottom:8px}.panel-title .text-button{font-size:9px}.color-controls{flex-wrap:wrap;gap:3px}.color-controls input[type=color]{width:32px;height:26px}.color-controls label{flex-basis:100%}.palette-header{margin-top:8px;gap:2px}.palette-header select{width:83px;font-size:10px!important;padding:5px 0!important}.palette-header .icon-button{min-width:20px;font-size:14px}.palette-swatches{grid-template-columns:repeat(4,1fr);gap:3px}.palette-swatches button{height:15px!important}.layer-settings select{width:100%}.layer-settings label{font-size:9px}.layer-thumb{display:none}.layer-row{gap:1px;padding:4px 0;min-height:32px}.layer-row>button{font-size:10px;padding:2px}.layer-footer{flex-wrap:wrap;justify-content:flex-start;gap:2px}.layer-footer button{font-size:9px;padding:3px}.panel-title .icon-button{min-width:22px;font-size:15px}.onion-controls{font-size:9px;gap:9px}.onion-controls input[type=range]{width:66px}.onion-controls>label:last-child{display:block}.options-bar{gap:5px;padding:0 7px}.options-bar label{gap:4px;font-size:10px}.options-bar input[type=number]{width:33px!important;padding:4px!important}#symmetry-x{font-size:0;min-width:24px}#symmetry-x:before{content:'↔';font-size:17px}.options-end{gap:2px}.options-end .icon-button{font-size:15px;min-width:21px}.options-end .toggle-button{padding:4px;font-size:10px}#zoom-label{font-size:9px;min-width:26px}.timeline-top{padding:5px 7px;height:38px}.timeline-controls>span:not(.option-divider){display:none}.timeline-actions button{font-size:10px;padding:4px 3px}.timeline-controls{gap:2px}#frame-duration{width:45px!important}.timeline-controls .option-divider{display:none}.frames-list{height:94px;padding:8px}.status-bar{font-size:9px;padding:0 7px;gap:5px}.status-bar>div>span,.status-bar button[data-action=shortcuts]{display:none}.status-bar button{font-size:9px}.canvas-top-label{left:9px;right:9px;font-size:8px}.canvas-top-label>span:last-child{display:none}.canvas-bottom-label{left:9px;bottom:10px;font-size:8px}.conversion-layout{grid-template-columns:1fr}.conversion-preview{min-height:220px}.conversion-preview canvas{height:240px}.conversion-controls{gap:15px}.shortcut-grid{grid-template-columns:1fr}.modal-heading h2{font-size:24px}.legal-page h1{font-size:39px}.legal-page table{font-size:10px}.legal-page td,.legal-page th{padding:6px}.modal-actions{gap:8px}.modal-actions .button{font-size:12px;padding:10px 12px}dialog{max-height:calc(100dvh - 20px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}