:root{color:#aaa;background:#030303;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@font-face{font-family:Doto;src:url(/assets/doto-By_Od-oh.ttf) format("truetype");font-weight:800;font-display:swap}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}.website-shell{min-height:100vh;overflow-x:hidden;overflow-y:visible;background:#030303}.intro-page{position:relative;padding:96px 20px 32px}.site-header{position:absolute;top:0;left:0;width:100%;height:76px;padding:20px 20px 0}.site-header-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;width:min(100%,1180px);margin:0 auto}.site-wordmark.logo-static{flex:0 0 auto;margin:8px 0 0}.font-test-row{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:24px;margin-top:7px;color:#f3f0e8;font-size:22px;line-height:1;text-align:right;white-space:nowrap}.font-doto{font-family:Doto,monospace;font-weight:800}.header-login-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:400;color:#f3f0e8;background:#030303;border:1px solid #0f7fa0;border-radius:7px;cursor:pointer}.hero{position:relative;width:min(100%,1180px);min-height:calc(100vh - 128px);margin:0 auto}.hero-copy{position:absolute;top:50%;left:0;z-index:1;max-width:560px;transform:translateY(-50%)}.hero-copy h1{margin:0 0 22px;color:#f3f0e8;font-size:clamp(42px,4.65vw,58px);font-weight:600;line-height:1.06;letter-spacing:0;white-space:nowrap}.hero-copy h1 span{color:#22c1e8}.hero-copy p{width:min(100%,430px);margin:0;color:#aaa;font-size:clamp(16px,1.7vw,21px);font-weight:500;line-height:1.52}.hero-coming{position:relative;width:min(340px,82vw);margin-top:46px;padding:0 0 12px;color:#8fdcff;font-size:17px;font-weight:700;letter-spacing:.42em;line-height:1;text-align:center;text-transform:uppercase;text-shadow:0 0 12px rgb(34 193 232 / 62%)}.hero-coming:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#22c1e800,#22c1e8b3,#22c1e800);box-shadow:0 0 18px #22c1e873}.hero-coming:after{content:"";position:absolute;bottom:-16px;left:18%;width:64%;height:38px;background:radial-gradient(ellipse at center,#22c1e842,#22c1e800 68%);pointer-events:none}.hero-media{display:block;position:absolute;top:50%;right:-115px;width:min(900px,72.5vw);transform:translateY(-50%)}.hero-media img{display:block;width:100%;height:auto}.container{width:min(720px,92vw,calc(92vh - 18px));text-align:right;transform:translateY(-10%)}.container img{display:block;width:100%;height:auto;image-rendering:-webkit-optimize-contrast}.container span{font-size:10px;color:#aaa}.container.home{position:absolute;top:50%;left:50%;width:min(960px,94vw);text-align:center;transform:translate(calc(-50% - 100px),-50%)}.container.home .intro-image{border-radius:8px;max-height:min(70vh,760px);object-fit:contain}@media(max-width:760px){.intro-page{padding:200px 20px calc(96px + env(safe-area-inset-bottom))}.site-header{height:70px}.site-header-inner{align-items:flex-start}.font-test-row{font-size:18px}.header-login-button{min-height:38px;padding:0 18px}.hero{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:auto}.hero-copy{display:contents}.hero-copy h1{order:1;width:100%;margin-bottom:22px;font-size:clamp(42px,11.5vw,50px);text-align:center;white-space:normal}.hero-copy p{order:2;width:min(100%,430px);margin:0 auto 34px;font-size:clamp(18px,4.8vw,22px);line-height:1.48;text-align:center}.hero-coming{order:4;align-self:center;z-index:2;width:min(340px,calc(100vw - 48px));margin:-25px auto 0;font-size:14px;letter-spacing:.32em;transform:translate(30px)}.hero-media{order:3;position:relative;top:auto;right:auto;z-index:1;width:100vw;margin-top:-30px;margin-left:-20px;transform:none}}.editor{margin-top:24px;text-align:left}.editor .editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;color:#aaa}.editor .editor-toolbar button{font-family:monospace;font-size:12px;color:#ddd;background:#15151f;border:1px solid #2a2a3a;border-radius:4px;padding:4px 8px;cursor:pointer}.editor .editor-toolbar button:hover{border-color:#3a3a55}.editor .paint-swatches{display:flex;gap:6px}.editor .paint-swatches .swatch:before{content:"";display:inline-block;width:10px;height:10px;margin-right:5px;vertical-align:-1px;background:var(--swatch, transparent);border:1px solid #555}.editor .paint-swatches .swatch.active{border-color:#22c1e8;color:#fff}.editor .size-field{display:inline-flex;align-items:center;gap:4px}.editor .size-field input[type=number]{width:52px;font-family:monospace;font-size:12px;color:#ddd;background:#15151f;border:1px solid #2a2a3a;border-radius:4px;padding:3px 4px}.editor .size-field.checkbox{gap:5px}.editor .size-field .cell-size{min-width:18px;text-align:center;color:#ddd}.editor .export-box{display:block;width:100%;margin-top:8px;font-family:monospace;font-size:11px;color:#aaa;background:#0a0a14;border:1px solid #2a2a3a;border-radius:4px;resize:vertical}.grid-scroll{--cell: 18px;width:100vw;margin-left:calc(50% - 50vw);padding:0 16px;overflow:visible;display:flex;flex-direction:column;align-items:safe center}.pan-layer{position:relative;width:max-content;z-index:9999}.pan-layer.panning{cursor:grab}.pan-layer.panning:active{cursor:grabbing}.logo-grid{--cols: 1;--rows: 1;--cell: 18px;display:grid;grid-template-columns:repeat(var(--cols, 1),var(--cell, 18px));grid-template-rows:repeat(var(--rows, 1),var(--cell, 18px));width:max-content;gap:1px;border:1px solid transparent;background:#00000a;touch-action:none;-webkit-user-select:none;user-select:none}.logo-grid.lines{background:#3a3a52;border-color:#3a3a52}.logo-grid .cell{width:var(--cell);height:var(--cell);background:#00000a;cursor:crosshair}.logo-grid .cell.paint-1{background:#22c1e8}.logo-grid .cell.paint-2{background:#f3f0e8}.logo-static{--logo-cols: 1;--logo-rows: 1;--logo-cell: 6px;--logo-gap: 1px;--logo-scale: 1;--logo-width: auto;--logo-height: auto;display:grid;grid-template-columns:repeat(var(--logo-cols),var(--logo-cell));grid-template-rows:repeat(var(--logo-rows),var(--logo-cell));width:var(--logo-width);height:var(--logo-height);margin:32px auto 0;gap:var(--logo-gap);overflow:visible;transform:scale(var(--logo-scale));transform-origin:left center;backface-visibility:hidden;will-change:transform}.logo-static .px{width:var(--logo-cell);height:var(--logo-cell)}.logo-static .px-1{background:#22c1e8}.logo-static .px-2{background:#f3f0e8}.col-controls{display:grid;grid-template-columns:repeat(var(--cols),var(--cell));width:max-content;margin-top:8px;gap:1px;border-left:1px solid transparent}.col-controls .col-control{display:flex;flex-direction:column;gap:2px;width:var(--cell)}.col-controls .col-btn{width:var(--cell);height:var(--cell);padding:0;line-height:1;font-family:monospace;font-size:13px;font-weight:700;color:#fff;background:#333;border:none;border-radius:2px;cursor:pointer}.col-controls .col-btn:hover{background:#444}