:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f7f4;color:#0c1110;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #0c1110;--muted: #66706b;--soft: #eef1ed;--panel: #ffffff;--line: #d8ded7;--accent: #0ea5e9;--green: #17c78f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:0;box-shadow:0 0 0 4px #0ea5e929}.app-shell{min-height:100vh;overflow-x:hidden;padding:18px 24px 28px}.topbar{align-items:center;background:#ffffffdb;border:1px solid var(--line);border-radius:28px;display:grid;gap:12px;grid-template-columns:1fr;margin:0 auto 18px;max-width:1360px;padding:10px 12px 10px 18px;position:relative}.topbar-head,.topbar-actions{align-items:center;display:grid;gap:12px;min-width:0}.topbar-head{grid-template-columns:minmax(0,1fr) auto}.topbar-actions{grid-template-columns:minmax(0,max-content) auto}.brand-lockup{align-items:center;display:flex;gap:12px;min-width:0}.brand-lockup>div:last-child{min-width:0}.brand-mark{align-items:center;background:var(--ink);border-radius:50%;color:#fff;display:grid;flex:0 0 auto;font-size:12px;font-weight:900;height:42px;place-items:center;width:42px}.eyebrow,.intro-kicker{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:0;margin:0;text-transform:uppercase}h1{font-size:22px;line-height:1;margin:3px 0 0}.creator-credit{color:var(--muted);font-size:12px;font-weight:800;line-height:1;margin-top:5px}.creator-credit a{color:var(--ink);text-decoration:none}.wallet-connect{align-items:center;display:flex;justify-content:flex-end;max-width:min(224px,44vw);min-width:0;position:relative}.wallet-pill{align-items:center;background:var(--ink);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:900;gap:7px;justify-content:center;min-height:42px;min-width:0;padding:0 15px;width:100%}.wallet-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-menu{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 48px #0c111029;min-width:168px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:10}.wallet-menu button{align-items:center;background:transparent;border-radius:12px;color:var(--ink);cursor:pointer;display:flex;font-size:13px;font-weight:900;gap:8px;min-height:40px;padding:0 10px;width:100%}.wallet-menu button:hover{background:var(--soft)}.guide-button{align-items:center;background:var(--ink);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:900;gap:8px;justify-content:center;justify-self:start;min-height:42px;padding:0 15px;white-space:nowrap}.mode-tabs{align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:999px;display:flex;gap:4px;max-width:100%;min-width:0;overflow-x:auto;padding:4px;width:max-content}.mode-tabs button{align-items:center;background:transparent;border-radius:999px;color:#3f4844;cursor:pointer;display:inline-flex;font-size:13px;font-weight:850;gap:7px;min-height:38px;padding:0 13px}.mode-tabs button.active{background:var(--ink);color:#fff}.view-heading{align-items:end;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto;margin:0 auto 22px;max-width:1360px}.view-heading h2{font-size:56px;letter-spacing:0;line-height:.98;margin:8px 0 0;max-width:760px}.view-stats{background:var(--ink);border-radius:24px;color:#fff;display:grid;gap:1px;grid-template-columns:repeat(3,minmax(88px,1fr));overflow:hidden}.view-stats div{background:#ffffff14;padding:16px 18px}.view-stats span,.metric span,.compact-meta span,.price-strip span,.board-heading span{color:var(--muted);display:block;font-size:12px;font-weight:750}.view-stats span{color:#ffffff9e}.view-stats strong{display:block;font-size:22px;line-height:1;margin-top:8px}.workspace{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 390px;margin:0 auto;max-width:1360px}.form-workspace{grid-template-columns:minmax(0,640px);justify-content:center}.form-workspace .board-area{display:none}.form-workspace .control-panel{width:100%}.surface,.tool-panel,.status-line{background:var(--panel);border:1px solid var(--line);border-radius:24px}.board-area{min-width:0;padding:16px}.board-command-bar{align-items:end;border-bottom:1px solid var(--line);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:16px;padding-bottom:16px}.board-action-row{display:flex;gap:10px}.board-toolbar{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(180px,1fr) auto auto;margin-bottom:14px}.board-heading{min-width:210px}.board-heading strong{display:block;font-size:24px;line-height:1.05;margin-top:4px}.metric{background:var(--soft);border-radius:18px;min-width:126px;padding:10px 14px}.metric strong{color:var(--ink);display:block;font-size:17px;line-height:1;margin-top:6px}.board-metrics,.board-actions,.zoom-strip{align-items:center;display:flex;gap:8px}.board-metrics{flex-wrap:wrap;justify-content:flex-end}.board-actions{justify-content:flex-end}.zoom-strip{background:var(--soft);border-radius:18px;grid-column:1 / -1;padding:8px}.network-toggle{background:var(--soft);border:1px solid var(--line);border-radius:999px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.network-toggle button{background:transparent;color:#3f4844;cursor:pointer;font-size:13px;font-weight:850;min-height:40px;padding:0 15px}.network-toggle button.active{background:var(--ink);color:#fff}.tool-button,.icon-button{align-items:center;background:var(--soft);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font-weight:850;gap:7px;min-height:40px;padding:0 13px}.tool-button.square,.icon-button{aspect-ratio:1;justify-content:center;padding:0;width:40px}.tool-button:disabled{cursor:progress;opacity:.6}.zoom-value{color:#3f4844;font-size:13px;font-weight:850;min-width:44px;text-align:center}.zoom-control{align-items:center;background:#fff;border-radius:999px;color:#3f4844;display:inline-flex;flex:1 1 220px;gap:10px;min-height:40px;padding:0 12px;text-transform:none}.zoom-strip .tool-button{background:#fff}.zoom-reset{min-width:58px}.zoom-control input[type=range]{accent-color:var(--ink);background:transparent;border:0;box-shadow:none;cursor:pointer;min-height:0;padding:0}.zoom-control span{color:var(--ink);flex:0 0 42px;font-size:13px;font-weight:850;text-align:right}.board-scroll{background:#dfe5df;border-radius:0;cursor:grab;height:min(72vh,var(--board-size));max-height:760px;max-width:100%;min-height:min(360px,var(--board-size));overscroll-behavior:contain;overflow:auto;touch-action:none;-webkit-user-select:none;user-select:none;width:fit-content}.board-scroll.is-panning,.board-scroll.is-panning .pixel{cursor:grabbing}.board-scroll::-webkit-scrollbar{height:10px;width:10px}.board-scroll::-webkit-scrollbar-thumb{background:#0c111038;border:3px solid #dfe5df;border-radius:999px}.pixel-board{background:#cbd3cb;display:grid;gap:1px;grid-template-columns:repeat(32,minmax(0,1fr));grid-template-rows:repeat(32,minmax(0,1fr));height:var(--board-size);overflow:hidden;width:var(--board-size)}.pixel{align-items:stretch;aspect-ratio:1 / 1;background:#fff;border-radius:0;cursor:pointer;display:flex;min-height:0;min-width:0;outline:0;padding:0;position:relative;transition:filter .14s ease}.pixel img{aspect-ratio:1 / 1;display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}@media(hover:hover){.pixel:hover{filter:brightness(.94)}}.pixel:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);z-index:2}.pixel.selected:after{border:2px solid var(--ink);content:"";inset:0;pointer-events:none;position:absolute}.pixel.pending:before{background:var(--green);border-radius:50%;content:"";height:5px;position:absolute;right:2px;top:2px;width:5px;z-index:1}.control-panel{display:grid;gap:12px}.tool-panel{display:grid;gap:13px;padding:18px}.image-tool-panel{gap:12px}.section-title{align-items:center;display:flex;font-size:17px;font-weight:900;gap:9px}label{color:#3f4844;display:grid;font-size:12px;font-weight:850;gap:7px;letter-spacing:0;text-transform:uppercase}input{background:var(--soft);border:1px solid transparent;border-radius:16px;color:var(--ink);min-height:46px;min-width:0;outline:0;padding:0 13px;text-transform:none;width:100%}input:focus{border-color:#0ea5e999;box-shadow:0 0 0 4px #0ea5e91f}.coordinate-row,.button-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.input-action-row{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.primary,.ghost{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:46px;padding:0 16px}.primary{background:var(--ink);color:#fff}.ghost{background:var(--soft);color:var(--ink)}.danger{color:#7f1d1d}.primary:disabled,.ghost:disabled{cursor:not-allowed;opacity:.45}.full-width{width:100%}.saved-list{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid}.saved-board{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:10px 0}.saved-board:last-child{border-bottom:0}.saved-main{background:transparent;color:var(--ink);cursor:pointer;min-width:0;padding:0;text-align:left}.saved-main strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-main span,.empty-state{color:var(--muted);display:block;font-size:13px;margin-top:3px;overflow-wrap:anywhere}.empty-state{padding:18px 0;text-align:center}.image-preview{align-items:center;aspect-ratio:1 / 1;background:var(--soft);border:1px solid var(--line);border-radius:20px;color:var(--muted);display:grid;font-size:13px;font-weight:850;max-height:240px;overflow:hidden;padding:0;place-items:center;width:100%}.image-tool-panel .image-preview{border-radius:16px;justify-self:center;max-height:none;max-width:170px}.image-preview img{height:100%;object-fit:cover;width:100%}.image-preview:disabled{cursor:default}.image-preview:not(:disabled){cursor:zoom-in}.price-strip{display:grid;gap:10px;grid-template-columns:1fr 1fr}.price-strip div,.compact-meta{background:var(--soft);border-radius:16px;padding:12px 13px}.price-strip strong,.compact-meta strong{display:block;font-size:16px;margin-top:5px}.status-line{color:var(--ink);font-size:13px;font-weight:800;min-height:46px;overflow-wrap:anywhere;padding:14px 16px}.image-lightbox{align-items:center;background:#0c1110b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;inset:0;padding:24px;position:fixed;z-index:20}.guide-overlay{align-items:center;background:#0c111080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;inset:0;padding:24px;position:fixed;z-index:21}.guide-card{background:var(--panel);border:1px solid rgba(255,255,255,.34);border-radius:28px;box-shadow:0 28px 80px #0000003d;display:grid;gap:16px;margin:0 auto;max-height:calc(100vh - 48px);max-width:780px;overflow:auto;padding:18px;width:100%}.guide-top{align-items:center;display:flex;gap:14px;justify-content:space-between}.guide-top span,.guide-steps span{color:var(--muted);display:block;font-size:12px;font-weight:850;text-transform:uppercase}.guide-top strong{display:block;font-size:24px;line-height:1.05;margin-top:4px}.guide-steps{display:grid;gap:10px;grid-template-columns:1fr 1fr}.guide-steps div,.guide-note{background:var(--soft);border-radius:18px;padding:14px}.guide-steps strong{display:block;font-size:17px;margin-top:8px}.guide-steps p,.guide-note{color:#3f4844;font-size:14px;line-height:1.35;margin:8px 0 0}.guide-note{font-weight:800;margin:0}.image-lightbox-card{background:var(--panel);border:1px solid rgba(255,255,255,.26);border-radius:28px;box-shadow:0 28px 80px #00000052;display:grid;gap:14px;margin:0 auto;max-height:calc(100vh - 48px);max-width:min(980px,100%);overflow:hidden;padding:14px;width:100%}.image-lightbox-top,.image-lightbox-meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.image-lightbox-top span,.image-lightbox-meta span{color:var(--muted);display:block;font-size:12px;font-weight:800}.image-lightbox-top strong,.image-lightbox-meta strong{display:block;font-size:18px;margin-top:3px}.image-lightbox-frame{align-items:center;background:linear-gradient(45deg,#eef1ed 25%,transparent 25%),linear-gradient(-45deg,#eef1ed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef1ed 75%),linear-gradient(-45deg,transparent 75%,#eef1ed 75%);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:18px;display:grid;min-height:360px;overflow:hidden;place-items:center}.image-lightbox-frame img{display:block;max-height:min(68vh,720px);max-width:100%;object-fit:contain}.image-lightbox-meta a{align-items:center;background:var(--ink);border-radius:999px;color:#fff;display:inline-flex;font-size:14px;font-weight:900;gap:8px;min-height:42px;padding:0 15px;text-decoration:none}@media(max-width:1120px){.topbar-actions{grid-template-columns:1fr}.guide-button{justify-self:stretch;width:100%}.view-heading{grid-template-columns:1fr}.view-heading h2{font-size:48px}.view-stats{width:100%}.board-scroll{height:min(68vh,var(--board-size))}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.board-area{order:1}.control-panel{order:2}}@media(max-width:680px){.app-shell{padding:12px}.topbar,.surface,.tool-panel,.status-line{border-radius:18px}.topbar{gap:10px;padding:12px;width:calc(100vw - 24px)}.topbar-head{display:block;gap:8px;min-height:44px;padding-right:150px}.brand-mark{height:36px;width:36px}h1{font-size:20px}.mode-tabs{margin:0;scrollbar-width:none;width:100%}.mode-tabs::-webkit-scrollbar{display:none}.mode-tabs button{flex:0 0 auto;min-height:36px;padding:0 12px}.wallet-connect{max-width:none;position:absolute;right:12px;top:18px;width:138px}.view-heading h2{font-size:34px;line-height:.98}.view-heading{gap:12px;margin-bottom:14px}.view-stats{border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.view-stats div{padding:12px 10px}.view-stats strong{font-size:16px}.workspace{gap:12px}.board-area{padding:12px}.board-toolbar{align-items:stretch;display:grid;gap:8px;grid-template-columns:1fr}.board-command-bar{grid-template-columns:1fr}.board-action-row{display:grid;grid-template-columns:1fr}.board-heading,.board-metrics,.board-actions,.zoom-strip,.network-toggle{grid-column:1 / -1}.board-heading{min-width:0}.board-heading strong{font-size:22px}.board-metrics,.board-actions,.zoom-strip{justify-content:stretch}.metric,.network-toggle{width:100%}.metric{min-width:0}.board-actions .tool-button,.fit-button{flex:1 1 110px}.tool-button.square{flex:0 0 40px}.zoom-control{flex:1 1 140px}.board-scroll{border-radius:0;height:min(62vh,var(--board-size));min-height:min(280px,var(--board-size));width:100%}.coordinate-row,.button-row,.input-action-row,.price-strip{grid-template-columns:1fr}.image-lightbox,.guide-overlay{padding:10px}.guide-card{border-radius:20px;max-height:calc(100vh - 20px);padding:12px}.guide-top strong{font-size:21px}.guide-steps{grid-template-columns:1fr}.image-lightbox-card{border-radius:20px;max-height:calc(100vh - 20px);padding:10px}.image-lightbox-top,.image-lightbox-meta{align-items:stretch;display:grid;grid-template-columns:1fr auto}.image-lightbox-frame{border-radius:14px;min-height:260px}.image-lightbox-frame img{max-height:62vh}.image-lightbox-meta a{justify-content:center}}@media(max-width:420px){.topbar-head{padding-right:124px}.wallet-connect{width:112px}.creator-credit{font-size:11px}}