@font-face{font-family:Outfit;src:url(/fonts/outfit.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:NeonScript;src:url(/fonts/sacramento.ttf) format("truetype");font-display:swap}@font-face{font-family:NeonTall;src:url(/fonts/barlow.ttf) format("truetype");font-display:swap}@font-face{font-family:NeonRound;src:url(/fonts/dosis.ttf) format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:NeonOutline;src:url(/fonts/monoton.ttf) format("truetype");font-display:swap}:root{font-family:Outfit,sans-serif;color:#eeeee5;background:#141615;font-synthesis:none;color-scheme:dark;--bg:#141615;--panel:#1d201e;--raised:#252925;--line:#343a33;--text:#eeeee5;--muted:#a0a69b;--accent:#d3edaa;--ink:#1d2a14;--radius:12px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,a,input,textarea{touch-action:manipulation}button{transition:background .18s ease,color .18s ease,border-color .18s ease}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}::selection{color:#15200f;background:#d3edaa}textarea,input{caret-color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#48503f;border-radius:8px}*{scrollbar-color:#48503f var(--bg);scrollbar-width:thin}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:90px;max-width:1600px;margin:0 auto;padding:0 48px;display:flex;align-items:center;gap:62px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1}.brand-mark{color:var(--accent)}.brand-light{font-weight:300}.brand-dot{font-size:10px;vertical-align:top;margin:1px 0 0 3px;display:inline-block;color:var(--muted)}.main-nav{display:flex;align-self:stretch;gap:30px;align-items:stretch}.nav-button{position:relative;padding:0;background:none;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:9px;white-space:nowrap}.nav-button:hover,.nav-button.active{color:var(--text)}.nav-button.active:after{position:absolute;bottom:-1px;left:0;right:0;content:"";height:2px;background:var(--accent)}.count{font-size:10px;line-height:18px;min-width:20px;padding:0 5px;background:#30352d;border-radius:5px;color:#c6cebc;font-variant-numeric:tabular-nums}.header-actions{display:flex;gap:18px;align-items:center;margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border-radius:7px;font-weight:500;font-size:13px;white-space:nowrap}.button.primary{background:var(--accent);color:var(--ink)}.button.primary:hover{background:#e1f6c3}.button.primary:active{background:#bedc90}.text-button{background:none;color:#afb4a8;padding:0 5px}.text-button .icon{width:17px}.text-button:hover{color:var(--text)}.main-content{max-width:1600px;margin:auto;padding:0 48px}.intro{display:flex;align-items:center;justify-content:space-between;padding:35px 0 29px;gap:24px}h1{font-weight:450;font-size:34px;line-height:1.2;letter-spacing:-.9px;margin:0 0 9px;text-wrap:balance}h1>span{color:var(--accent)}.intro p{color:var(--muted);font-size:14px;margin:0;line-height:1.5}.local-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;padding-top:20px}.local-note .icon{width:13px;height:13px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px;align-items:start}.stage-column{min-width:0}.preview-wrap{border-radius:var(--radius);overflow:hidden;background:#111512;position:relative}.preview{display:block;width:100%;padding:0;background:#111512;position:relative;overflow:hidden;aspect-ratio:1.6}.preview canvas{display:block;width:100%;height:100%;object-fit:contain}.preview:focus-visible{outline-offset:-5px}.preview-label{position:absolute;left:21px;top:21px;font-size:9px;letter-spacing:1.4px;color:#b5bcb0;display:flex;align-items:center;gap:7px;pointer-events:none}.live-dot,.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block}.preview-hint{position:absolute;bottom:19px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:7px;color:#929c8e;font-size:10px;pointer-events:none}.preview-hint .icon{width:12px;height:12px}.is-off .live-dot,.is-off .status-dot{background:#899080}.is-off .preview-label{color:#9ca395}.is-off .preview-hint{color:#b1b9a9}#empty-hint{position:absolute;top:45%;left:10%;right:10%;color:#bac8b4;font-size:25px}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 0 0;gap:10px}.power-group{display:flex;align-items:center;gap:10px}.power-button{display:flex;gap:8px;align-items:center;background:none;padding:0 5px;min-height:44px;font-size:12px;color:#c4cbbd}.power-button .icon{width:16px;height:16px;color:var(--accent)}.power-button .status-dot{width:4px;height:4px;margin-left:4px}.power-button.is-off .icon{color:var(--muted)}.toolbar-divider{height:17px;width:1px;background:var(--line)}.icon-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border-radius:6px;min-height:44px;min-width:44px;color:var(--muted)}.icon-button:hover{background:var(--raised);color:var(--text)}.icon-button .icon{width:17px;height:17px}.save-button{background:var(--raised);font-size:11px;min-height:38px;padding:0 13px;color:#d6dccd}.save-button .icon{width:15px;height:15px}.save-button:hover{background:#32392e}.inspiration{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.section-heading h2{font-size:16px;font-weight:400;margin:0;letter-spacing:-.2px}.section-heading>span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.section-heading .icon{width:14px;height:14px}.examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.example-card{background:none;padding:0;min-width:0;text-align:left;border-radius:8px}.example-card canvas{display:block;width:100%;height:auto;aspect-ratio:1.6;border-radius:8px;transition:filter .2s ease,outline-color .2s ease;outline:1px solid #2b302b;outline-offset:-1px}.example-card:hover canvas{filter:brightness(1.2)}.example-card[aria-pressed=true] canvas{outline:2px solid var(--accent);outline-offset:-2px}.example-caption{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:10px;line-height:1.5;color:#bbc3b3;padding:10px 1px}.example-caption>span{display:flex}.example-caption .icon{width:13px;height:13px}.studio-note{display:flex;align-items:center;justify-content:center;color:#919b88;font-size:10px;gap:7px;padding-top:23px}.studio-note .icon{width:12px;height:12px}.editor-panel{background:var(--panel);border-radius:var(--radius);padding:22px 23px 17px}.editor-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.editor-heading h2{font-size:18px;font-weight:450;letter-spacing:-.3px;margin:0}.editor-spark{color:var(--accent)}.editor-spark .icon{width:18px;height:18px}.control-group{padding:0;margin:0 0 21px;border:0;min-width:0}.label-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.control-group label,.control-group legend{font-size:11px;font-weight:400;color:#dce0d5}.control-group legend{padding:0;margin-bottom:10px}.label-row>span,.label-row output{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.control-group>.label-row{margin-bottom:9px}textarea{background:#141715;border:1px solid #3d4439;border-radius:7px;resize:vertical;color:#f1f2e8;width:100%;min-height:72px;max-height:140px;padding:10px 12px;font-size:14px;line-height:1.5;display:block}textarea::placeholder{color:#a0a997}textarea:hover{border-color:#66715a}.font-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.font-options>button{background:#252925;border:1px solid #3b4235;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:62px;min-width:0}.font-options>button>span:last-child{font-size:9px;color:#aeb8a3}.font-options>button:hover{background:#30372b}.font-options>button[aria-pressed=true]{background:#30382b;border-color:var(--accent)}.font-options>button[aria-pressed=true]>span:last-child{color:var(--accent)}.sample{font-size:22px;line-height:1.15;color:#e2e8d8}.sample.script{font-family:NeonScript,cursive;font-size:27px}.sample.tall{font-family:NeonTall,sans-serif;letter-spacing:1.7px;font-size:20px}.sample.round{font-family:NeonRound,sans-serif;font-size:20px}.sample.outline{font-family:NeonOutline,sans-serif;font-size:16px}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:0;margin:-5px -2px -7px}.swatches>button{height:44px;min-width:0;display:flex;align-items:center;justify-content:center;padding:0;background:none;border-radius:5px}.swatches>button>span{width:22px;height:22px;display:block;border-radius:50%;position:relative}.swatches>button:hover>span{outline:1px solid var(--swatch);outline-offset:4px}.swatches>button[aria-pressed=true]>span{outline:1px solid var(--swatch);outline-offset:4px}.swatches>button[aria-pressed=true]>span:after{content:"";position:absolute;inset:7px;border:1.5px solid #33212a;border-radius:50%}.color-field legend{margin-bottom:8px}input[type=range]{--range:70%;appearance:none;width:100%;height:4px;background:linear-gradient(to right,var(--accent) var(--range),#404738 var(--range));border-radius:3px;display:block;margin:19px 0 14px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 2px 5px #0c100a80}input[type=range]::-moz-range-thumb{border:0;width:14px;height:14px;border-radius:50%;background:var(--accent)}input[type=range]{outline-offset:10px}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.glow-control{margin-bottom:16px}.toggle-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;margin-bottom:20px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:55px;font-size:11px;cursor:pointer;position:relative}.toggle-description{display:block;font-size:9px;color:var(--muted);margin-top:4px}.toggle-row input{position:absolute;right:0;width:44px;height:44px;margin:0;opacity:0;cursor:pointer;z-index:1}.switch-track{width:31px;height:18px;background:#454c3f;border-radius:12px;position:relative;pointer-events:none;flex-shrink:0}.switch-track:after{content:"";position:absolute;width:12px;height:12px;top:3px;left:3px;background:#a4ae9b;border-radius:50%;transition:transform .18s ease,background .18s ease}.toggle-row input:checked+.switch-track{background:var(--accent)}.toggle-row input:checked+.switch-track:after{transform:translate(13px);background:#26331b}.toggle-row input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:4px}.toggle-row input:disabled+.switch-track{opacity:.4}.background-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.background-options button{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:1px solid transparent;border-radius:7px;padding:3px;min-width:0}.background-options button:hover{background:#30372b}.background-options button[aria-pressed=true]{border-color:var(--accent)}.background-options button>span:nth-child(2){font-size:9px;color:#cbd3c2;padding-bottom:3px}.background-options button>.icon{display:none;position:absolute;top:8px;right:8px;width:12px;height:12px;color:var(--accent);background:#172110;border-radius:50%}.background-options button[aria-pressed=true]>.icon{display:block}.wall-sample{display:block;width:100%;height:41px;border-radius:4px;background:#111613}.wall-sample.brick{background-color:#242a25;background-image:linear-gradient(335deg,#121712 23px,transparent 23px),linear-gradient(155deg,#141a15 23px,transparent 23px),linear-gradient(335deg,#121712 23px,transparent 23px),linear-gradient(155deg,#141a15 23px,transparent 23px);background-size:58px 58px;background-position:0 2px,4px 35px,29px 31px,33px 6px}.wall-sample.bar{background:repeating-linear-gradient(90deg,#131b13 0 18px,#293224 19px,#11180f 21px)}.wall-sample.concrete{background:radial-gradient(ellipse at 30% 30%,#54594f,#353c32)}.background-field{margin-bottom:13px}.editor-footnote{text-align:center;font-size:9px;color:#a2ad97;margin:13px 0 0}.site-footer{max-width:1600px;margin:39px auto 0;padding:21px 48px 25px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #2b3129;font-size:10px;color:#9aa58e}.site-footer>span:last-child{display:flex;align-items:center;gap:7px}.site-footer .icon{width:12px;height:12px}.sheet{background:#1d221b;color:var(--text);border:1px solid #414a36;border-radius:16px;padding:27px;width:calc(100% - 32px);max-width:490px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 20px 80px #0008}.sheet::backdrop{background:#040905d4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.sheet-heading h2{font-size:24px;font-weight:400;letter-spacing:-.6px;margin:0}.sheet-heading>.icon-button{margin:-9px -9px -9px 0}.sheet-intro{font-size:13px;line-height:1.5;color:#aab69d;margin:11px 0 22px}.export-preview{border-radius:8px;overflow:hidden;background:#111710}.export-preview canvas{display:block;width:100%;height:auto}.checkerboard{background-color:#20251e;background-image:conic-gradient(#2d342a 25%,transparent 0 50%,#2d342a 0 75%,transparent 0);background-size:20px 20px}.export-options{border:0;padding:0;margin:21px 0 19px;display:flex;gap:10px}.export-options legend{font-size:12px;margin-bottom:12px;padding:0}.export-options label{display:flex;align-items:center;gap:9px;flex:1;padding:14px 10px;border:1px solid #424c39;border-radius:8px;cursor:pointer;font-size:12px}.export-options label:has(input:checked){border-color:var(--accent);background:#2a3423}.export-options small{display:block;margin-top:5px;font-size:9px;color:#b1bda5}.export-options input{accent-color:var(--accent);margin:0;width:16px;height:16px}.export-detail{display:flex;justify-content:space-between;color:#aab69d;font-size:11px;margin:0 0 17px;font-variant-numeric:tabular-nums}.download-button{width:100%;min-height:48px}.sheet-footnote{font-size:10px;line-height:1.5;color:#aab69d;text-align:center;margin:13px 0 0}.gallery-sheet{max-width:740px}.gallery-items{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px}.gallery-card{position:relative;min-width:0}.gallery-card-open{width:100%;padding:0;background:none;text-align:left;border-radius:8px}.gallery-card-open canvas{width:100%;height:auto;display:block;border-radius:8px}.gallery-card-open>span{display:block;padding:12px 45px 12px 2px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-sign{position:absolute;bottom:0;right:0}.delete-sign:hover{color:#ff9f9d}.gallery-empty{grid-column:1/-1;text-align:center;padding:32px 14px 40px}.gallery-empty>.icon{color:var(--accent);width:34px;height:34px}.gallery-empty h3{font-size:22px;font-weight:400;margin:17px 0 9px}.gallery-empty p{font-size:14px;color:#b2bfa6;line-height:1.6;max-width:38ch;margin:0 auto 23px}.about-copy{font-size:14px;line-height:1.7;color:#c2cbb9;margin-top:23px}.about-copy p{margin:0 0 15px}.about-copy p:last-child{margin:0}.dialog-open{overflow:hidden}.toast{position:fixed;z-index:10;left:50%;bottom:24px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#e1edce;color:#203014;padding:14px 19px;border-radius:8px;font-size:12px;line-height:1.5;width:max-content;max-width:calc(100% - 32px);box-shadow:0 5px 30px #0004;transition:transform .2s ease,opacity .2s ease;display:flex;align-items:center;gap:15px}.toast.visible{opacity:1;transform:translate(-50%);pointer-events:auto}.toast button{background:none;color:#203014;font-weight:600;text-decoration:underline;text-underline-offset:3px;min-height:32px;padding:0 5px}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 360px;gap:30px}.editor-panel{padding:25px}.editor-heading{margin-bottom:25px}.control-group{margin-bottom:24px}.font-options>button{height:68px}.preview{aspect-ratio:1.6}.section-heading{margin-bottom:17px}.inspiration{margin-top:32px}}@media(max-width:1100px){.site-header{padding:0 30px;gap:35px}.main-content{padding:0 30px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.editor-panel{padding:20px}.local-note{display:none}.preview{aspect-ratio:1.25}.preview canvas{object-fit:cover;width:128%;max-width:none;position:absolute;left:-14%;top:0}.examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px}.example-caption{font-size:11px}.site-footer{padding-left:30px;padding-right:30px}.inspiration{margin-top:24px}.studio-note{font-size:9px;line-height:1.5}.section-heading>span{display:none}}@media(max-width:780px){.site-header{height:auto;min-height:124px;padding:19px 22px 0;gap:15px;flex-wrap:wrap}.brand{font-size:27px}.brand-mark{width:28px}.main-nav{order:3;height:48px;width:100%;gap:28px}.header-actions{gap:11px}.header-actions .text-button{min-width:30px}.header-actions .text-button>span{display:none}.header-actions .text-button .icon{width:18px;height:18px}.header-actions .primary{min-height:40px;padding:0 13px;font-size:12px}.header-actions .primary .icon{width:17px;height:17px}.main-content{padding:0 22px}.intro{padding:27px 0 23px}h1{font-size:30px;letter-spacing:-.8px}.intro p{font-size:12px}.workspace{grid-template-columns:minmax(0,1fr);gap:0}.stage-column{display:contents}.preview-wrap{grid-row:1}.stage-toolbar{grid-row:2}.editor-panel{grid-row:3;margin-top:24px}.inspiration{grid-row:4;margin-top:28px}.preview{aspect-ratio:1.38}.preview canvas{width:116%;left:-8%;top:0;object-fit:contain}.preview-label{top:16px;left:16px;font-size:8px}.preview-hint{font-size:9px;bottom:14px}.stage-toolbar{padding-top:7px}.save-button{font-size:10px;padding:0 11px;min-height:44px}.power-group{gap:7px}.power-button{font-size:11px;padding:0;gap:6px}.toolbar-divider,.power-button .status-dot{display:none}.power-group>.icon-button{min-width:36px}.inspiration{margin-top:22px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:17px}.examples{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.example-caption{font-size:10px;line-height:1.5;align-items:flex-start}.example-caption .icon,.studio-note{display:none}.editor-panel{padding:24px}.editor-heading{margin-bottom:22px}.control-group label,.control-group legend,.toggle-row{font-size:13px}.label-row>span,.label-row output{font-size:11px}.control-group{margin-bottom:24px}.font-options{grid-template-columns:repeat(4,1fr)}.font-options>button{height:68px}.font-options .sample.script{font-size:23px}.font-options .sample.tall,.font-options .sample.round,.font-options .sample.outline{font-size:17px}.font-options>button>span:last-child{font-size:10px}.swatches>button>span{width:27px;height:27px}.swatches>button[aria-pressed=true]>span:after{inset:9px}.range-labels{font-size:10px}.toggle-row{min-height:61px}.toggle-description{font-size:10px}.background-options button>span:nth-child(2){font-size:11px}.wall-sample{height:54px}.editor-footnote{font-size:10px}.site-footer{margin-top:28px;padding:22px;font-size:9px}.site-footer>span:last-child{gap:4px}.sheet{padding:23px}.sheet-heading h2{font-size:23px}}@media(max-width:480px){.site-header{padding-left:20px;padding-right:20px}.header-actions{gap:6px}.brand{gap:6px;font-size:26px}.header-actions .primary{padding:0 11px}.main-content{padding:0 20px}h1{font-size:28px}.intro p{font-size:11px}.preview{aspect-ratio:1.12}.preview canvas{width:143%;left:-21.5%;top:0}.examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 13px}.example-caption{font-size:10px;padding-top:8px}.example-caption .icon{display:inline-block}.editor-panel{padding:22px}.font-options{grid-template-columns:1fr 1fr}.font-options .sample.script{font-size:29px}.font-options .sample.tall,.font-options .sample.round{font-size:22px}.font-options .sample.outline{font-size:19px}.font-options>button{height:66px}.swatches>button>span{width:23px;height:23px}.swatches>button[aria-pressed=true]>span:after{inset:7px}.site-footer>span:last-child{max-width:145px;text-align:right}.gallery-items{gap:16px 10px}.sheet{padding:21px}.sheet-heading h2{font-size:21px}.export-options{gap:8px}.export-options label{padding:13px 9px;gap:7px;font-size:11px}.export-options small{font-size:8px}.sheet-intro{font-size:12px}.gallery-card-open>span{font-size:11px}.gallery-empty{padding:25px 0}.gallery-empty p{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}input[type=range]{height:44px;margin:0;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--range),#404738 var(--range))}input[type=range]::-webkit-slider-thumb{margin-top:-5px}input[type=range]::-moz-range-track{height:4px;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--range),#404738 var(--range))}