.home-shell{background:var(--surface-page);min-height:100dvh;color:var(--text-primary);overflow-x:hidden}.site-header{z-index:20;border:3px solid var(--border-ink);width:min(1160px,100% - 32px);box-shadow:var(--shadow-neo);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfaf6f0;background:lab(98.2748% .410348 2.24421/.94);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:16px auto 0;padding:10px;display:grid;position:sticky;top:16px}.mobile-bottom-nav{display:none}.brand-lockup,.brand-logo,.site-nav,.site-header-action,.site-login-action,.site-header-actions,.header-avatar-button,.header-user-dropdown a,.header-user-dropdown button,.footer-links,.hero-actions,.section-heading-wide,.flow-step,.material-card-top,.material-row,.work-card-copy dl,.community-actions,.cta-section{align-items:center;display:flex}.brand-lockup{color:var(--ink);text-decoration:none}.brand-logo{color:var(--ink);letter-spacing:0;white-space:nowrap;gap:10px;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:18px;font-weight:900;text-decoration:none}.brand-logo-mark{place-items:center;width:42px;height:42px;display:grid}.brand-logo-mark svg{width:100%;height:100%;display:block;overflow:visible}.brand-logo-mark svg *{vector-effect:non-scaling-stroke}.brand-logo-shadow{fill:var(--ink)}.brand-logo-shell{fill:var(--surface-raised);stroke:var(--border-ink);stroke-width:3px}.brand-logo-flag{fill:var(--support-soft);stroke:var(--border-ink);stroke-linejoin:round;stroke-width:2px}.brand-logo-flag+.brand-logo-flag{fill:var(--shop-soft)}.brand-logo-tree{fill:var(--community-soft);stroke:var(--border-ink);stroke-linejoin:round;stroke-width:2px}.brand-logo-tree+.brand-logo-tree{fill:var(--accent-soft)}.brand-logo-banner{fill:var(--accent-soft);stroke:var(--border-ink);stroke-linejoin:round;stroke-width:2px}.brand-logo-gate{fill:var(--surface-page);stroke:var(--border-ink);stroke-linejoin:round;stroke-width:2px}.brand-logo-beads rect{stroke:var(--border-ink);stroke-width:1.2px}.brand-logo-beads rect:first-child,.brand-logo-beads rect:nth-child(7){fill:var(--accent)}.brand-logo-beads rect:nth-child(2),.brand-logo-beads rect:nth-child(5){fill:var(--support-soft)}.brand-logo-beads rect:nth-child(3),.brand-logo-beads rect:nth-child(8){fill:var(--community-soft)}.brand-logo-beads rect:nth-child(4),.brand-logo-beads rect:nth-child(6),.brand-logo-beads rect:nth-child(9){fill:var(--shop-soft)}.site-nav{grid-template-columns:repeat(6,minmax(62px,1fr));gap:8px;display:grid}.site-nav a,.site-header-action{min-height:38px;color:var(--ink);border:2px solid #0000;border-radius:7px;justify-content:center;font-size:12px;font-weight:900;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .18s,transform .18s}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.active{border-color:var(--border-ink);background:var(--surface-muted);box-shadow:3px 3px 0 var(--ink);outline:none}.site-header-action{border-color:var(--border-ink);background:var(--ink);color:var(--accent-soft);box-shadow:4px 4px 0 var(--accent);padding:0 14px}.site-header-actions{justify-content:flex-end;gap:10px}.site-login-action{border:2px solid var(--border-ink);background:var(--accent-soft);min-height:38px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:7px;justify-content:center;padding:0 14px;font-size:12px;font-weight:900;text-decoration:none;transition:background-color .16s,box-shadow .18s,transform .18s}.site-login-action:hover,.site-login-action:focus-visible{background:var(--support-soft);outline:none}.standalone-tool-section{min-height:calc(100dvh - 110px)}.header-auth-loading{border:2px solid var(--border-ink);background:var(--surface-muted);border-radius:7px;place-items:center;width:118px;min-height:38px;display:grid;overflow:hidden}.header-auth-loading span{background:linear-gradient(90deg, var(--surface-muted), var(--surface-raised), var(--surface-muted));border-radius:999px;width:78%;height:12px;animation:1.2s ease-in-out infinite header-auth-scan}.header-user-menu{position:relative}.header-user-menu:after{content:"";height:14px;position:absolute;top:100%;left:0;right:0}.header-avatar-button{border:2px solid var(--border-ink);background:var(--surface-raised);min-height:42px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:8px;gap:8px;padding:4px 10px 4px 5px;font-size:12px;font-weight:900;transition:background-color .16s,box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.header-avatar-button:hover,.header-avatar-button:focus-visible{background:var(--shop-soft);outline:none}.header-avatar-button:active,.site-login-action:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.header-avatar{border:2px solid var(--border-ink);background:linear-gradient(90deg, transparent 45%, var(--ink) 45% 55%, transparent 55%), linear-gradient(transparent 45%, var(--ink) 45% 55%, transparent 55%), var(--accent-soft);width:30px;height:30px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);border-radius:6px;place-items:center;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:13px;font-weight:900;display:grid}.header-user-phone{white-space:nowrap}.header-user-dropdown{border:3px solid var(--border-ink);background:var(--surface-raised);width:190px;box-shadow:var(--shadow-neo);opacity:0;pointer-events:none;border-radius:10px;padding:6px;transition:opacity .16s,transform .18s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px)}.header-user-menu:hover .header-user-dropdown,.header-user-menu:focus-within .header-user-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.header-user-dropdown a,.header-user-dropdown button{min-height:38px;color:var(--ink);background:0 0;border:2px solid #0000;border-radius:7px;justify-content:flex-start;gap:8px;padding:0 10px;font-size:13px;font-weight:900;text-decoration:none}.header-user-dropdown a:hover,.header-user-dropdown a:focus-visible,.header-user-dropdown button:hover,.header-user-dropdown button:focus-visible{border-color:var(--border-ink);background:var(--surface-muted);outline:none}.header-user-dropdown a.header-admin-menuitem{border-color:var(--border-ink);background:var(--accent-soft);box-shadow:2px 2px 0 var(--ink);margin-top:4px}.header-user-dropdown a.header-admin-menuitem:hover,.header-user-dropdown a.header-admin-menuitem:focus-visible{background:var(--shop-soft)}.hero-section,.home-section,.cta-section{border-bottom:4px solid var(--border-ink);position:relative}.hero-section{background:var(--surface-raised);min-height:calc(100dvh - 80px);padding:84px 16px 56px;overflow:hidden}.pixel-grid-bg{pointer-events:none;background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);opacity:.42;background-size:34px 34px;position:absolute;inset:0}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:clamp(28px,5vw,80px);width:min(1180px,100%);min-height:min(690px,100dvh - 180px);margin:0 auto;display:grid;position:relative}.hero-copy{justify-items:start;gap:22px;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:12px;font-weight:900}.hero-copy h1,.home-section h2,.cta-section h2{color:var(--ink);letter-spacing:0;margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:900}.hero-copy h1{max-width:820px;font-size:clamp(42px,7vw,78px);line-height:.98}.hero-copy p:not(.eyebrow),.home-section p,.cta-section p,.site-footer p{max-width:70ch;color:var(--text-secondary);margin:0;font-size:16px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px}.neo-button{border:3px solid var(--border-ink);min-height:46px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:900;text-decoration:none;transition:background-color .16s,box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.neo-button.primary{background:var(--accent-soft);box-shadow:var(--shadow-neo)}.neo-button.secondary{background:var(--surface-raised);box-shadow:var(--shadow-neo)}.neo-button.shop{background:var(--shop-soft);width:100%;box-shadow:var(--shadow-neo)}.neo-button.community{background:var(--community-soft);width:100%;min-height:40px;box-shadow:4px 4px 0 var(--ink);font-size:12px}.neo-button:hover:not(:disabled),.site-header-action:hover{background:var(--support-soft);box-shadow:var(--shadow-neo-lg)}.neo-button:active:not(:disabled),.site-header-action:active,.site-nav a:active{box-shadow:var(--shadow-press);transform:translate(4px,4px)}@keyframes header-auth-scan{0%{transform:translate(-18px)}50%{transform:translate(18px)}to{transform:translate(-18px)}}.neo-button:disabled{opacity:.62}.neo-button.compact{min-height:38px;box-shadow:4px 4px 0 var(--ink);padding:0 12px;font-size:13px}.hero-board{border:4px solid var(--border-ink);background:var(--surface-muted);box-shadow:var(--shadow-neo-xl);border-radius:14px;gap:14px;padding:18px;animation:6s ease-in-out infinite board-float;display:grid;transform:rotate(1.2deg)}.hero-board-toolbar,.hero-board-bottom{justify-content:space-between;gap:10px;display:flex}.hero-board-toolbar span,.hero-board-bottom span,.hero-board-bottom strong{color:var(--ink);font-size:11px;font-weight:900}.hero-pixel-preview{aspect-ratio:1;border:3px solid var(--border-ink);background:var(--surface-raised);grid-template-columns:repeat(12,1fr);gap:4px;padding:10px;display:grid}.hero-pixel,.work-pixel{aspect-ratio:1;background:var(--surface-panel);border:1px solid #17130e57;border:1px solid lab(6.19787% 1.21584 3.37511/.34);min-width:0}.p0,.w0{background:#ffa37e;background:lab(75.8954% 35.1388 36.6291)}.p1,.w1{background:#f9e4cb;background:lab(91.9003% 4.518 14.8589)}.p2,.w2{background:#bf6b60;background:lab(54.9038% 33.7286 21.486)}.p3,.w3{background:#c399d0;background:lab(68.5897% 23.338 -22.1131)}.p4,.w4{background:#8b6b42;background:lab(47.7518% 9.40996 27.8719)}.p5,.w5{background:#b1dfb1;background:lab(84.784% -22.3618 17.672)}.p6,.w6{background:#74acd1;background:lab(67.5804% -11.7511 -24.9839)}.p7{background:#f8f1df;background:lab(95.4814% .0886023 9.64202)}.p8{background:#5b4a35;background:lab(32.7102% 5.06349 15.4351)}.hero-board-bottom{grid-template-columns:repeat(3,1fr);display:grid}.hero-board-bottom div{border:2px solid var(--border-ink);background:var(--surface-raised);gap:4px;padding:10px;display:grid}.scroll-cue{border:3px solid var(--border-ink);background:var(--surface-raised);width:42px;height:42px;box-shadow:4px 4px 0 var(--ink);color:var(--ink);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.home-section{padding:clamp(54px,8vw,104px) 16px}.studio-section{background:var(--surface-muted)}.section-heading-wide{justify-content:space-between;gap:24px;width:min(1180px,100%);margin:0 auto 30px}.section-heading-wide>div{gap:8px;display:grid}.home-section h2,.cta-section h2{max-width:760px;font-size:clamp(32px,5vw,58px);line-height:1.04}.section-heading-wide>p{max-width:470px}.flow-section,.guide-section,.feature-section,.faq-section{background:var(--surface-raised)}.flow-rail,.guide-grid,.feature-mosaic,.community-grid,.faq-list{width:min(1180px,100%);margin:0 auto}.flow-rail{grid-template-columns:1.05fr .85fr 1.05fr .85fr;gap:16px;display:grid}.flow-step,.guide-item,.feature-tile,.work-card,.faq-item,.material-card,.ai-prompt-panel{border:4px solid var(--border-ink);background:var(--surface-raised);box-shadow:var(--shadow-neo)}.flow-step{min-height:230px;animation:.5s cubic-bezier(.16,1,.3,1) both home-rise;animation-delay:calc(var(--index) * 90ms);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px}.flow-number{color:var(--accent);font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:36px;font-weight:900;line-height:1}.flow-step h3,.guide-item h3,.feature-tile h3,.work-card h3,.faq-item summary{color:var(--ink);letter-spacing:0;margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:900}.flow-step p,.guide-item p,.feature-tile p,.work-card p{font-size:14px}.ai-section{background:var(--support-soft)}.ai-layout{grid-template-columns:minmax(260px,.62fr) minmax(720px,1.38fr);align-items:start;gap:clamp(22px,4vw,58px);width:min(1280px,100%);margin:0 auto;display:grid}.shop-layout{grid-template-columns:minmax(0,.8fr) minmax(380px,1fr);align-items:start;gap:clamp(24px,5vw,72px);width:min(1180px,100%);margin:0 auto;display:grid}.ai-layout>div:first-child,.shop-layout>div:first-child{gap:18px;padding-top:18px;display:grid}.ai-showcase-section{background:var(--surface-page)}.ai-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(1280px,100%);margin:0 auto;display:grid}.ai-showcase-card{border:3px solid var(--border-ink);background:var(--surface-raised);box-shadow:5px 5px 0 var(--ink);border-radius:8px;gap:12px;padding:12px;display:grid}.ai-showcase-images{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ai-showcase-card figure{gap:6px;margin:0;display:grid}.ai-showcase-image-button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.ai-showcase-image-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.ai-showcase-image-button img{aspect-ratio:1;border:2px solid var(--border-ink);background:var(--surface-muted);object-fit:cover;border-radius:6px;width:100%}.ai-preview-backdrop{z-index:70;background:color-mix(in oklch, var(--ink) 74%, transparent);padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;inset:0}.ai-preview-dialog{width:min(1080px,100%);height:min(820px, calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:4px solid var(--border-ink);background:var(--surface-raised);box-shadow:10px 10px 0 color-mix(in oklch, var(--ink) 84%, black);border-radius:12px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.ai-preview-toolbar{border-bottom:3px solid var(--border-ink);background:var(--surface-page);min-height:56px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.ai-preview-toolbar strong{overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:900}.ai-preview-toolbar>div{flex-shrink:0;gap:6px;display:flex}.ai-preview-toolbar button{border:2px solid var(--border-ink);background:var(--surface-raised);min-width:38px;min-height:36px;color:var(--ink);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.ai-preview-stage{background:var(--surface-page);touch-action:none;place-items:center;min-height:0;display:grid;overflow:hidden}.ai-preview-stage img{cursor:grab;object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.ai-preview-stage img:active{cursor:grabbing}.ai-showcase-card figcaption{color:var(--text-muted);font-size:11px;font-weight:900;line-height:1}.ai-showcase-card h3{color:var(--ink);margin:0;font-size:16px;font-weight:900;line-height:1.25}.ai-showcase-card p{color:var(--text-secondary);margin:6px 0 0;font-size:13px;font-weight:800;line-height:1.55}.ai-workspace{grid-template-columns:minmax(390px,560px);justify-content:start;align-items:stretch;gap:18px;display:grid}.ai-workspace.has-result-panel{grid-template-columns:minmax(390px,1fr) minmax(250px,.72fr);justify-content:stretch}.ai-prompt-panel{gap:18px;padding:20px;display:grid}.ai-prompt-panel label,.ai-style-field{gap:8px;display:grid}.ai-prompt-panel label span,.ai-style-field>span{color:var(--ink);font-weight:900}.ai-prompt-panel input:not([type=checkbox]),.ai-prompt-panel textarea,.ai-prompt-panel select{border:3px solid var(--border-ink);background:var(--surface-page);width:100%;color:var(--ink);border-radius:8px;padding:12px}.ai-prompt-panel small{color:var(--text-secondary)}.ai-style-picker{position:relative}.ai-style-trigger{border:3px solid var(--border-ink);background:var(--surface-page);width:100%;min-height:48px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-weight:900;transition:background-color .16s,box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:flex}.ai-style-trigger:hover,.ai-style-trigger:focus-visible,.ai-style-trigger[aria-expanded=true]{background:var(--accent-soft);box-shadow:4px 4px 0 var(--ink);outline:none}.ai-style-trigger:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.ai-style-trigger:disabled{cursor:not-allowed;opacity:.62}.ai-style-menu{z-index:8;border:3px solid var(--border-ink);background:var(--surface-raised);box-shadow:6px 6px 0 var(--ink);border-radius:10px;gap:6px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0}.ai-style-option{width:100%;min-height:52px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.ai-style-option:hover,.ai-style-option:focus-visible,.ai-style-option[aria-selected=true]{border-color:var(--border-ink);background:var(--accent-soft);outline:none}.ai-style-option span{gap:2px;min-width:0;display:grid}.ai-style-option strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.ai-style-option small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.ai-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ai-upload-box{display:block}.ai-image-empty,.ai-image-preview{border:3px dashed var(--border-ink);background:var(--surface-page);border-radius:10px;min-height:132px}.ai-image-empty{cursor:pointer;width:100%;color:var(--text-secondary);text-align:center;place-items:center;gap:8px;padding:18px;font-size:13px;font-weight:900;transition:background-color .16s,box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:grid}.ai-image-empty:hover,.ai-image-empty:focus-visible{background:var(--accent-soft);box-shadow:4px 4px 0 var(--ink);outline:none}.ai-image-empty:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.ai-image-preview{grid-template-columns:132px minmax(0,1fr);gap:12px;padding:10px;display:grid}.ai-preview-thumb{aspect-ratio:1;border:2px solid var(--border-ink);background:var(--surface-raised);cursor:pointer;border-radius:8px;width:132px;padding:0;overflow:hidden}.ai-preview-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .18s cubic-bezier(.16,1,.3,1)}.ai-preview-thumb:hover img{transform:scale(1.04)}.ai-preview-copy{align-content:center;gap:7px;min-width:0;display:grid}.ai-preview-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ai-image-empty strong,.ai-preview-copy strong,.ai-result-dialog h3{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.ai-image-empty span,.ai-preview-copy span,.ai-result-dialog p{color:var(--text-secondary);margin:0;line-height:1.6}.ai-preview-copy span{color:var(--text-muted);font-size:12px;font-weight:900}.ai-preview-modal{border:3px solid var(--border-ink);background:color-mix(in oklch, var(--surface-page) 92%, white);box-shadow:var(--shadow-neo-xl);border-radius:14px;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px;display:grid;position:fixed;inset:16px}.ai-preview-modal-bar{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.ai-preview-modal-bar strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.ai-preview-modal-bar>div{flex:none;align-items:center;gap:8px;display:flex}.ai-preview-zoom-readout{border:2px solid var(--border-ink);background:var(--surface-raised);min-width:54px;color:var(--ink);text-align:center;border-radius:7px;padding:0 8px;font-size:12px;font-weight:900;line-height:38px}.ai-preview-stage{border:2px solid var(--border-ink);background:linear-gradient(45deg, var(--surface-muted) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-muted) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-muted) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-muted) 75%);background-color:var(--surface-raised);cursor:grab;overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:10px;place-items:center;padding:28px;display:grid;overflow:auto}.ai-preview-stage.is-dragging{cursor:grabbing}.ai-preview-stage img{border:2px solid var(--border-ink);background:var(--surface-raised);object-fit:contain;transform-origin:50%;will-change:transform;pointer-events:none;border-radius:8px;max-width:min(82vw,980px);max-height:72dvh;transition:transform .12s cubic-bezier(.16,1,.3,1);display:block}.privacy-check{grid-template-columns:none;align-items:flex-start;display:flex!important}.privacy-check input{width:18px;height:18px;margin-top:2px}.privacy-check a{color:var(--ink);font-weight:900}.inline-status{border:2px solid var(--border-ink);background:var(--surface-muted);color:var(--ink);align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.inline-status.warning{background:var(--accent-soft)}.inline-status.success{background:var(--shop-soft)}.ai-error{color:var(--danger);margin:0;font-size:13px;font-weight:900}.ai-result-dialog{border:3px solid var(--border-ink);background:var(--surface-page);min-height:100%;box-shadow:5px 5px 0 var(--ink);border-radius:10px;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:12px;padding:12px;display:grid}.ai-result-frame{border:2px solid var(--border-ink);background:linear-gradient(90deg, #e2ddd78c 1px, transparent 1px), linear-gradient(#e2ddd78c 1px, transparent 1px), var(--surface-raised);background-size:20px 20px;border-radius:8px;place-items:center;min-height:238px;display:grid;overflow:hidden}@supports (color:lab(0% 0 0)){.ai-result-frame{background:linear-gradient(90deg, lab(88.4099% 1.04102 3.64927/.55) 1px, transparent 1px), linear-gradient(lab(88.4099% 1.04102 3.64927/.55) 1px, transparent 1px), var(--surface-raised)}}.ai-result-dialog img{object-fit:contain;width:100%;max-height:340px}.ai-result-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.ai-result-placeholder{border:3px dashed var(--border-ink);background:color-mix(in oklch, var(--surface-page) 82%, white);min-height:100%;color:var(--text-secondary);text-align:center;border-radius:10px;align-content:center;justify-items:center;gap:10px;padding:22px 16px;animation:.26s cubic-bezier(.16,1,.3,1) both ai-result-pop;display:grid}.ai-pixel-generating{background:linear-gradient(90deg, #f1cecb85 1px, transparent 1px), linear-gradient(#f1cecb85 1px, transparent 1px), var(--surface-page);background-size:18px 18px;border-style:solid;overflow:hidden}@supports (color:lab(0% 0 0)){.ai-pixel-generating{background:linear-gradient(90deg, lab(85.7022% 12.3762 6.39743/.52) 1px, transparent 1px), linear-gradient(lab(85.7022% 12.3762 6.39743/.52) 1px, transparent 1px), var(--surface-page)}}.ai-pixel-lab{border:3px solid var(--border-ink);background:var(--surface-raised);width:112px;height:112px;box-shadow:4px 4px 0 var(--ink);border-radius:10px;grid-template-columns:repeat(3,22px);place-content:center;gap:5px;display:grid;position:relative;transform:rotate(-2deg)}.ai-pixel-cell{border:2px solid var(--border-ink);background:var(--accent-soft);width:22px;height:22px;box-shadow:2px 2px 0 var(--ink);animation:1.35s steps(2,end) infinite ai-pixel-sort}.ai-pixel-cell:nth-child(2){animation-delay:.12s}.ai-pixel-cell:nth-child(3){animation-delay:.24s}.ai-pixel-cell:nth-child(4){animation-delay:.36s}.ai-pixel-cell:nth-child(5){animation-delay:.48s}.ai-pixel-cell:nth-child(6){animation-delay:.6s}.ai-pixel-cell:nth-child(7){animation-delay:.72s}.ai-pixel-cell:nth-child(8){animation-delay:.84s}.ai-pixel-cell:nth-child(9){animation-delay:.96s}.ai-pixel-cell.tone-1{background:var(--accent-soft)}.ai-pixel-cell.tone-2{background:var(--support-soft)}.ai-pixel-cell.tone-3{background:var(--shop-soft)}.ai-pixel-cell.tone-4{background:var(--surface-muted)}.ai-pixel-cell.tone-5{background:var(--community-soft)}.ai-pixel-wand{border:2px solid var(--border-ink);background:var(--ink);width:72px;height:8px;box-shadow:3px 3px 0 color-mix(in oklch, var(--ink) 80%, white);transform-origin:10px;border-radius:999px;animation:1.35s cubic-bezier(.16,1,.3,1) infinite ai-pixel-wand-sweep;position:absolute;top:16px;left:14px}.ai-pixel-wand:after{border:2px solid var(--border-ink);background:var(--accent-soft);width:14px;height:14px;box-shadow:2px 2px 0 var(--ink);content:"";position:absolute;top:-10px;right:-9px;transform:rotate(45deg)}.ai-result-placeholder strong{color:var(--ink);font-size:18px;font-weight:900}.ai-result-placeholder p{max-width:20ch;color:var(--text-secondary);margin:0;line-height:1.6}@keyframes ai-result-pop{0%{opacity:0;transform:translate(18px,10px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes ai-pixel-sort{0%,to{transform:translate(0,0)}25%{transform:translateY(-7px)}50%{transform:translate(7px)}75%{transform:translateY(7px)}}@keyframes ai-pixel-wand-sweep{0%{transform:translate(0,0)rotate(-24deg)}45%{transform:translate(26px,30px)rotate(18deg)}80%{transform:translate(42px,54px)rotate(34deg)}to{transform:translate(0,0)rotate(-24deg)}}.guide-grid{grid-template-columns:1.1fr .9fr 1fr;gap:16px;display:grid}.guide-item{gap:16px;padding:18px;display:grid}.guide-item:first-child{grid-row:span 2}.guide-item dl,.work-card-copy dl{gap:8px;margin:0;display:grid}.guide-item dl{grid-template-columns:repeat(2,1fr)}.guide-item dt,.work-card dt{color:var(--text-muted);font-size:12px;font-weight:800}.guide-item dd,.work-card dd{color:var(--ink);margin:0;font-weight:900}.shop-section{background:var(--shop-soft)}.material-card{gap:12px;padding:20px;display:grid}.material-card-top{border-bottom:3px solid var(--border-ink);gap:12px;padding-bottom:14px}.material-card-top div{gap:4px;display:grid}.material-card-top strong{color:var(--ink);font-size:18px}.material-card-top span{color:var(--text-secondary);font-size:13px}.material-row{border:2px solid var(--border-ink);background:var(--surface-page);grid-template-columns:20px 54px minmax(0,1fr) auto;gap:10px;padding:10px;display:grid}.material-row em{color:var(--ink);font-style:normal;font-weight:900}.bead-dot{border:2px solid var(--border-ink);width:18px;height:18px}.bead-a10{background:#ea7b4e;background:lab(64.1035% 41.3714 44.4746)}.bead-c42{background:#b4835e;background:lab(59.1127% 16.2336 28.0844)}.bead-f08{background:#f6ead1;background:lab(93.1568% 1.48168 13.5266)}.bead-k11{background:#423c35;background:lab(25.7679% 1.68879 5.56752)}.feature-mosaic{grid-template-columns:1.2fr .8fr 1fr;gap:16px;display:grid}.feature-tile{align-content:start;gap:14px;min-height:230px;padding:20px;display:grid}.tile-0,.tile-3{grid-row:span 2}.community-section{background:var(--community-soft)}.community-actions{flex-wrap:wrap;gap:8px}.community-grid{grid-template-columns:repeat(auto-fit,minmax(230px,260px));justify-content:start;gap:20px;display:grid}.work-card{max-width:260px;box-shadow:6px 6px 0 var(--ink);border-width:3px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.work-image-link{aspect-ratio:1/1.03;border-bottom:3px solid var(--border-ink);background:linear-gradient(90deg, #e2ddd78c 1px, transparent 1px), linear-gradient(#e2ddd78c 1px, transparent 1px), var(--surface-page);background-size:24px 24px;place-items:center;padding:12px;display:grid}@supports (color:lab(0% 0 0)){.work-image-link{background:linear-gradient(90deg, lab(88.4099% 1.04102 3.64927/.55) 1px, transparent 1px), linear-gradient(lab(88.4099% 1.04102 3.64927/.55) 1px, transparent 1px), var(--surface-page)}}.work-image-link img{object-fit:contain;width:100%;height:100%;max-height:230px}.community-empty{border:3px solid var(--border-ink);background:var(--surface-raised);box-shadow:var(--shadow-neo);border-radius:10px;gap:8px;padding:20px;display:grid}.community-empty h3{color:var(--ink);margin:0;font-size:22px;font-weight:900}.work-preview{border-bottom:4px solid var(--border-ink);background:var(--surface-muted);grid-template-columns:repeat(8,1fr);gap:3px;padding:14px;display:grid}.work-card-copy{align-content:start;gap:12px;padding:16px;display:grid}.work-card h3{font-size:18px;line-height:1.22}.work-card p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.work-card-copy dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.work-card-copy .neo-button{min-height:36px;margin-top:2px}.faq-list{gap:12px;display:grid}.faq-item{padding:0}.faq-item summary{cursor:pointer;padding:20px;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{max-width:860px;padding:0 20px 20px}.cta-section{background:var(--ink);justify-content:space-between;gap:28px;padding:clamp(54px,8vw,92px) max(16px,50vw - 590px)}.cta-section h2,.cta-section p,.cta-section .eyebrow{color:var(--accent-soft)}.site-footer{justify-content:space-between;gap:32px;width:min(1180px,100% - 32px);margin:0 auto;padding:42px 0;display:flex}.site-footer-brand{gap:16px;display:grid}.footer-links{flex-wrap:wrap;align-items:flex-start;gap:14px}.footer-links a{color:var(--ink);font-weight:800;text-decoration:none}@keyframes board-float{0%,to{transform:translateY(0)rotate(1.2deg)}50%{transform:translateY(-10px)rotate(-.4deg)}}@keyframes home-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-board,.flow-step,.ai-result-placeholder,.ai-pixel-cell,.ai-pixel-wand{animation:none}.neo-button,.site-nav a,.site-header-action,.site-login-action,.header-avatar-button,.header-user-dropdown{transition-duration:1ms}}@media (max-width:1180px){.ai-layout{grid-template-columns:minmax(240px,.68fr) minmax(560px,1.32fr)}.ai-workspace{grid-template-columns:1fr}.ai-result-dialog,.ai-result-placeholder{min-height:260px}}@media (max-width:920px){.site-header{grid-template-columns:1fr auto}.site-nav{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-inner,.ai-layout,.shop-layout,.flow-rail,.guide-grid,.feature-mosaic,.community-grid{grid-template-columns:1fr}.hero-board{transform:none}.guide-item:first-child,.tile-0,.tile-3{grid-row:auto}.section-heading-wide,.cta-section{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.home-shell{background:var(--surface-page);min-height:100dvh;padding-bottom:calc(58px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(66px + env(safe-area-inset-bottom));overflow-x:hidden}.mobile-bottom-nav{right:8px;bottom:calc(6px + env(safe-area-inset-bottom));z-index:30;border:2px solid var(--border-ink);background:color-mix(in oklch, var(--surface-raised) 96%, var(--surface-page));box-shadow:none;border-radius:14px;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:3px;display:grid;position:fixed;left:8px}.mobile-bottom-nav a{min-width:0;min-height:40px;color:var(--ink);border:0;border-radius:10px;place-items:center;gap:2px;font-size:10px;font-weight:800;line-height:1;text-decoration:none;transition:background-color .16s,transform .18s cubic-bezier(.16,1,.3,1);display:grid}.mobile-bottom-nav a.active{background:var(--accent-soft)}.mobile-bottom-nav a:hover,.mobile-bottom-nav a:focus-visible{background:var(--accent-soft);outline:none}.mobile-bottom-nav a:active{transform:scale(.96)}.site-header,.hero-inner,.section-inner,.ai-section,.shop-section,.flow-section,.guide-section,.feature-section,.community-section,.site-footer{width:min(100%,100% - 20px)}.site-header{display:none}.site-header,.site-header-actions,.hero-actions,.community-card-footer{flex-direction:column;align-items:stretch}.site-footer{padding:24px 0 calc(104px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1.35fr) minmax(120px,.65fr);align-items:start;gap:12px;display:grid}.site-footer-brand{gap:10px;min-width:0}.site-footer .brand-logo{white-space:normal}.site-footer p{font-size:13px;line-height:1.45}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.footer-links a{border:2px solid var(--border-ink);background:var(--surface-raised);min-height:36px;box-shadow:3px 3px 0 var(--ink);text-align:center;border-radius:8px;place-items:center;padding:0 6px;font-size:12px;line-height:1;display:grid}.site-header{grid-template-columns:1fr;gap:12px;margin-top:10px;position:static}.site-nav,.hero-inner,.ai-layout,.ai-workspace,.ai-showcase-grid,.shop-layout,.flow-rail,.guide-grid,.feature-mosaic,.community-grid,.cta-grid,.hero-board-bottom,.ai-control-grid,.ai-image-preview,.guide-item dl,.work-card-copy dl{grid-template-columns:1fr}.site-nav{scrollbar-gutter:stable;overflow-x:auto}.site-nav a,.site-header-action,.site-login-action,.header-avatar-button,.hero-actions .neo-button,.ai-actions .neo-button{width:100%}.hero-section{min-height:100dvh;padding:18px 12px calc(68px + env(safe-area-inset-bottom))}.hero-inner{min-height:calc(100dvh - 126px - env(safe-area-inset-bottom));align-content:center;gap:14px}.hero-copy{gap:12px}.hero-copy h1,.section-heading h2,.cta-section h2{font-size:clamp(34px,12vw,46px)}.hero-copy h1{max-width:12ch;line-height:.98}.hero-copy p:not(.eyebrow){font-size:14px;line-height:1.55}.hero-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.neo-button{min-height:44px;padding:0 10px}.hero-board{gap:10px;max-height:min(38dvh,300px);padding:12px;transform:rotate(.4deg)}.hero-pixel-preview{gap:3px;padding:8px}.hero-board-bottom div{padding:7px}.hero-board-bottom,.scroll-cue{display:none}.home-section{padding:34px 12px}.standalone-tool-section{width:100%;min-height:calc(100dvh - 76px - env(safe-area-inset-bottom))}.ai-section{min-height:calc(100dvh - 76px - env(safe-area-inset-bottom));background:var(--support-soft);padding:12px 10px calc(82px + env(safe-area-inset-bottom))}.section-heading-wide{gap:16px;margin-bottom:18px;display:grid}.home-section h2,.cta-section h2{font-size:clamp(26px,9vw,38px)}.ai-layout>div:first-child,.shop-layout>div:first-child{padding-top:0}.ai-layout{gap:14px;width:100%}.ai-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.ai-showcase-card{box-shadow:3px 3px 0 var(--ink);padding:8px}.ai-showcase-images{gap:6px}.ai-showcase-card h3{font-size:13px}.ai-showcase-card p{font-size:11px}.ai-preview-backdrop{padding-left:8px;padding-right:8px}.ai-preview-dialog{height:calc(100dvh - 18px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-shadow:5px 5px 0 color-mix(in oklch, var(--ink) 84%, black);border-width:3px;border-radius:10px}.ai-preview-toolbar{flex-direction:column;align-items:stretch}.ai-preview-toolbar>div{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ai-layout>div:first-child{gap:8px}.ai-layout>div:first-child .eyebrow{display:none}.ai-layout>div:first-child h1{color:var(--ink);margin:0;font-size:clamp(24px,7.5vw,32px);line-height:1.05}.ai-layout>div:first-child p:not(.eyebrow){font-size:12px;line-height:1.4}.ai-workspace{gap:10px}.ai-workspace.has-result-panel{grid-template-columns:1fr}.ai-prompt-panel{box-shadow:4px 4px 0 var(--ink);border-width:3px;border-radius:8px;gap:12px;padding:12px}.ai-image-empty,.ai-image-preview{border-width:3px;border-radius:8px;min-height:0}.ai-image-empty{gap:6px;padding:14px 12px}.ai-image-preview{grid-template-columns:minmax(86px,32vw) minmax(0,1fr);align-items:stretch;gap:10px;padding:8px}.ai-preview-thumb{aspect-ratio:4/5;width:100%;min-height:112px;max-height:178px}.ai-preview-thumb img{object-fit:cover}.ai-preview-copy{align-content:start;gap:6px}.ai-preview-copy strong{font-size:13px;line-height:1.2}.ai-preview-actions{grid-template-columns:1fr;gap:7px;margin-top:2px;display:grid}.ai-preview-actions .neo-button{width:100%;min-height:34px;padding:0 8px;font-size:12px}.ai-style-field{gap:6px}.ai-style-trigger{min-height:44px}.privacy-check{align-items:center;gap:8px}.privacy-check span{font-size:13px;line-height:1.35}.inline-status{align-items:flex-start;padding:8px 10px;font-size:12px;line-height:1.4}.ai-result-dialog,.ai-result-placeholder{min-height:0;box-shadow:4px 4px 0 var(--ink);border-radius:8px}.ai-result-frame{min-height:180px}.ai-result-dialog img{max-height:260px}.ai-pixel-lab{grid-template-columns:repeat(3,16px);gap:4px;width:82px;height:82px}.ai-pixel-cell{width:16px;height:16px}.ai-pixel-wand{width:54px;top:12px;left:10px}.ai-result-placeholder strong{font-size:16px}.studio-section{min-height:100dvh;padding:12px 10px calc(68px + env(safe-area-inset-bottom));align-content:stretch;display:grid}.studio-section .section-heading-wide{display:none}.hero-board,.ai-card,.work-card,.flow-step,.guide-item,.community-card{max-width:100%}.community-grid{gap:12px}.work-card{min-height:146px;box-shadow:4px 4px 0 var(--ink);grid-template-rows:1fr;grid-template-columns:96px minmax(0,1fr)}.work-image-link{aspect-ratio:auto;border-right:3px solid var(--border-ink);border-bottom:0;min-height:100%;padding:6px}.work-image-link img{object-fit:contain;max-height:96px}.work-card-copy{gap:6px;min-width:0;padding:9px 9px 9px 10px}.work-card h3{text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.2;overflow:hidden}.work-card p{-webkit-line-clamp:1;font-size:12px;line-height:1.35}.work-card-copy dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.work-card-copy dl>div{border:1px solid var(--border-subtle);background:var(--surface-page);border-radius:6px;gap:1px;min-width:0;padding:4px 5px;display:grid}.work-card-copy dt{font-size:9px;line-height:1}.work-card-copy dd{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.15;overflow:hidden}.work-card-copy .neo-button{justify-content:center;width:100%;min-height:28px;font-size:11px}.ai-result-dialog,.ai-result-placeholder,.community-image-frame{min-height:240px}.ai-result-dialog,.ai-result-placeholder{min-height:0}.ai-preview-modal{inset:8px}}@media (max-width:640px){.site-header{width:calc(100% - 20px);margin-top:10px;position:static}.site-header-action{display:none}.site-header-actions{grid-column:1/-1;justify-content:space-between}.site-nav{grid-template-columns:1fr 1fr}.hero-section{min-height:100dvh;padding-top:18px}.hero-copy h1{font-size:clamp(34px,11vw,42px)}.ai-control-grid,.guide-item dl,.ai-workspace,.hero-board-bottom{grid-template-columns:1fr}.ai-image-preview{grid-template-columns:minmax(82px,30vw) minmax(0,1fr)}.ai-result-dialog{grid-template-rows:auto auto}.ai-preview-thumb{width:100%;min-height:104px;max-height:160px}.ai-preview-modal{inset:8px}.ai-preview-modal-bar{flex-direction:column;align-items:flex-start}.neo-button{width:100%}.ai-prompt-panel>.neo-button.primary{min-height:42px;font-size:13px}}
.upload-shell{width:min(960px,100%);margin:0 auto;padding:0}.generation-shell{width:min(1180px,100%)}.upload-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;max-width:none;margin-bottom:18px;display:grid}.product-name{color:var(--accent);margin-bottom:10px;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:12px;font-weight:900;display:block}.upload-header h1,.editor-empty-state h1{color:var(--ink);letter-spacing:0;margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:clamp(24px,4vw,42px);font-weight:900}.upload-header p,.editor-empty-state p,.section-heading p,.upload-actions p{color:var(--text-secondary);margin:0;line-height:1.6}.upload-header p{margin-top:10px;font-size:15px}.upload-workspace{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:8px}.workbench-layout{grid-template-columns:minmax(330px,390px) minmax(0,1fr);align-items:stretch;gap:18px;min-height:620px;display:grid}.workbench-left,.preview-panel{border:4px solid var(--border-ink);background:var(--surface-raised);height:620px;box-shadow:var(--shadow-neo);border-radius:12px}.workbench-left{scrollbar-gutter:stable;overflow:auto}.control-panel-stack{gap:18px;display:grid}.upload-section{grid-template-columns:220px minmax(0,1fr);gap:24px;padding:24px;display:grid}.compact-section{display:block}.compact-section .section-heading{margin-bottom:18px}.upload-section+.upload-section,.upload-actions{border-top:3px solid var(--border-ink)}.section-heading{gap:10px;display:flex}.section-heading>span{color:var(--accent);font-size:12px;font-weight:900}.section-heading h2{color:var(--ink);margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:16px;font-weight:900}.section-heading p{margin-top:6px;font-size:12px}.drop-zone{border:3px dashed var(--border-ink);background:linear-gradient(var(--surface-page), var(--surface-page)) padding-box, repeating-linear-gradient(45deg, #fee1d6, #fee1d6 8px, #f6f3ee 8px, #f6f3ee 16px);border-radius:10px;place-items:center;gap:14px;min-height:240px;padding:20px;display:grid}@supports (color:lab(0% 0 0)){.drop-zone{background:linear-gradient(var(--surface-page), var(--surface-page)) padding-box, repeating-linear-gradient(45deg, lab(91.6676% 8.90762 9.13853), lab(91.6676% 8.90762 9.13853) 8px, lab(95.9572% .481188 2.61973) 8px, lab(95.9572% .481188 2.61973) 16px)}}.drop-zone.has-file{align-content:center}.drop-zone-empty,.upload-preview{color:var(--text-secondary);text-align:center;justify-items:center;gap:8px;display:grid}.drop-zone-empty strong,.upload-preview strong{color:var(--text-primary)}.drop-zone-empty span,.upload-preview span{color:var(--text-muted);font-size:12px}.upload-preview img{border:3px solid var(--border-ink);object-fit:contain;border-radius:7px;max-width:min(420px,100%);max-height:220px;display:block}.crop-preview{max-width:min(420px,100%);position:relative;overflow:hidden}.crop-preview.large{border:3px solid var(--border-ink);background-color:#888682;background-color:lab(55.9345% .416666 2.24826);background-image:radial-gradient(circle,#6a696659 1px,#0000 1px),none;background-image:radial-gradient(circle,lab(44.3321% .347137 1.87348/.35) 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;place-items:center;width:min(860px,100%);max-width:none;display:grid}.crop-image-frame{touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;line-height:0;display:inline-block;position:relative}.crop-preview img{max-width:100%}.crop-box{border:3px solid var(--accent);pointer-events:none;position:absolute;box-shadow:0 0 0 999px #2f2a2459}.crop-box.draggable{cursor:move;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.crop-box:before,.crop-box:after{content:"";pointer-events:none;background:#e6bd81cc;background:lab(79.1589% 9.73466 35.9212/.8);position:absolute}.crop-box:before{width:100%;height:1px;top:50%;left:0}.crop-box:after{width:1px;height:100%;top:0;left:50%}.crop-resize-handle{border:3px solid var(--accent);background:var(--accent-soft);cursor:nwse-resize;pointer-events:auto;touch-action:none;border-radius:3px;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-grid label{gap:7px;display:grid}.settings-grid span{color:var(--text-primary);font-size:13px;font-weight:650}.settings-grid input,.settings-grid select{border:2px solid var(--border-ink);background:var(--surface-page);width:100%;min-height:38px;color:var(--text-primary);border-radius:7px;padding:0 10px}.settings-grid small{color:var(--text-muted);font-size:11px}.preset-panel{gap:16px;display:grid}.preset-group,.inline-field,.crop-controls label{gap:8px;display:grid}.preset-group>span,.inline-field>span,.crop-controls span{color:var(--text-primary);font-size:12px;font-weight:900}.preset-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.preset-row.two-up{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preset-row.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.quality-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.preset-button{border:2px solid var(--border-ink);background:var(--surface-page);min-height:34px;color:var(--text-primary);cursor:pointer;text-align:center;border-radius:6px;padding:7px 8px;font-size:11px;font-weight:900;transition:background-color .16s,box-shadow .18s,transform .18s}.preset-button:hover{background:var(--surface-muted);box-shadow:3px 3px 0 var(--ink)}.preset-button:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.preset-button.selected{border-color:var(--border-ink);background:var(--accent-soft);box-shadow:3px 3px 0 var(--ink)}.professional-toggle{border:2px solid var(--border-ink);background:var(--surface-page);min-height:38px;color:var(--text-primary);cursor:pointer;text-align:left;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:900}.professional-toggle.selected{border-color:var(--border-ink);background:var(--accent-soft);box-shadow:3px 3px 0 var(--ink)}.preset-button strong,.preset-button small{display:block}.preset-button small{color:var(--text-muted);margin-top:4px;font-size:10px;line-height:1.35}.canvas-size-control input,.merge-threshold-control input{appearance:none;background:0 0;height:18px;padding:0}.canvas-size-control input::-webkit-slider-runnable-track{border:2px solid var(--border-ink);background:var(--surface-muted);border-radius:999px;height:8px}.merge-threshold-control input::-webkit-slider-runnable-track{border:2px solid var(--border-ink);background:var(--surface-muted);border-radius:999px;height:8px}.canvas-size-control input::-webkit-slider-thumb{border:2px solid var(--border-ink);appearance:none;background:var(--accent-soft);width:18px;height:18px;box-shadow:2px 2px 0 var(--ink);border-radius:5px;margin-top:-7px}.merge-threshold-control input::-webkit-slider-thumb{border:2px solid var(--border-ink);appearance:none;background:var(--accent-soft);width:18px;height:18px;box-shadow:2px 2px 0 var(--ink);border-radius:5px;margin-top:-7px}.canvas-size-control input::-moz-range-track{border:2px solid var(--border-ink);background:var(--surface-muted);border-radius:999px;height:8px}.merge-threshold-control input::-moz-range-track{border:2px solid var(--border-ink);background:var(--surface-muted);border-radius:999px;height:8px}.canvas-size-control input::-moz-range-thumb{border:2px solid var(--border-ink);background:var(--accent-soft);width:18px;height:18px;box-shadow:2px 2px 0 var(--ink);border-radius:5px}.merge-threshold-control input::-moz-range-thumb{border:2px solid var(--border-ink);background:var(--accent-soft);width:18px;height:18px;box-shadow:2px 2px 0 var(--ink);border-radius:5px}.inline-field input,.inline-field select,.crop-controls input{width:100%;min-height:38px}.advanced-settings{border-top:1px solid var(--border-subtle);padding-top:14px}.advanced-settings summary{cursor:pointer;color:var(--text-primary);font-size:13px;font-weight:650}.advanced-settings[open]{gap:12px;display:grid}.crop-controls{gap:10px;margin-top:16px;display:grid}.aspect-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.crop-actions{grid-template-columns:1fr 1fr;gap:10px;width:min(340px,100%);margin-top:0;display:grid}.crop-modal-backdrop{z-index:40;background:#14110d9e;background:lab(5.27048% .892147 2.55049/.62);place-items:center;padding:28px;display:grid;position:fixed;inset:0}.crop-modal{border:4px solid var(--border-ink);background:var(--surface-raised);width:min(980px,100%);max-height:calc(100vh - 56px);box-shadow:var(--shadow-neo-xl);border-radius:12px;display:grid;overflow:auto}.crop-modal-header{border-bottom:3px solid var(--border-ink);justify-content:space-between;align-items:start;gap:16px;padding:18px 20px;display:flex}.crop-modal-header h2{color:var(--ink);margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:18px;font-weight:900}.crop-modal-header p{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.crop-modal-aspects{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:16px 20px}.crop-modal-preview{border-top:3px solid var(--border-ink);border-bottom:3px solid var(--border-ink);background:var(--surface-panel);padding:18px 20px}.crop-modal-preview img{border:0;border-radius:0;width:auto;max-width:100%;max-height:min(64vh,560px);display:block}.crop-modal-controls{justify-content:flex-end;padding:18px 20px;display:flex}.bead-limit-dialog-backdrop{z-index:60;background:#17130e57;background:lab(6.19787% 1.21584 3.37511/.34);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.bead-limit-dialog{border:3px solid var(--border-ink);background:var(--surface-raised);width:min(420px,100%);box-shadow:var(--shadow-neo);color:var(--ink);border-radius:10px;gap:12px;padding:24px;display:grid}.bead-limit-icon{border:3px solid var(--border-ink);width:44px;height:44px;box-shadow:4px 4px 0 var(--ink);color:var(--danger);background:#ffe3de;background:lab(92.6897% 11.9871 7.36333);border-radius:8px;place-items:center;font-weight:900;display:inline-grid}.bead-limit-dialog h2{margin:6px 0 0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:22px;font-weight:900}.bead-limit-dialog p{color:var(--text-secondary);margin:0;font-size:14px;font-weight:800;line-height:1.7}.bead-limit-dialog .primary-button{justify-self:stretch;margin-top:6px}.control-card{gap:12px;padding:14px;display:grid}.control-card+.control-card,.control-card+.upload-error,.upload-error+.control-card{border-top:3px solid var(--border-ink)}.control-card h2{color:var(--ink);margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:13px;font-weight:900}.settings-card{align-content:start}.settings-card summary{color:var(--ink);cursor:pointer;margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:13px;font-weight:900;list-style:none}.settings-card summary::-webkit-details-marker{display:none}.settings-card summary:after{content:"⌄";float:right;font-family:system-ui,sans-serif;font-size:14px}.settings-card[open] summary:after{content:"⌃"}.mard-row{grid-template-columns:1fr auto;gap:8px;display:grid}.mard-row strong,.mard-row span{border:2px solid var(--border-ink);background:var(--surface-page);color:var(--text-primary);letter-spacing:0;border-radius:6px;padding:8px 9px;font-size:11px;font-weight:900}.used-color-grid{scrollbar-gutter:stable;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:240px;padding-right:2px;display:grid;overflow:auto}.used-color-chip{border:2px solid var(--border-ink);background:var(--surface-page);color:var(--text-primary);box-shadow:2px 2px 0 var(--ink);white-space:nowrap;border-radius:6px;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:5px;padding:6px 7px;font-size:11px;font-weight:900;line-height:1;display:grid}.empty-inline{color:var(--text-muted);font-size:12px}.canvas-size-control,.merge-threshold-control{border:2px solid var(--border-ink);background:var(--surface-page);border-radius:8px;grid-template-columns:1fr;align-items:center;gap:8px;padding:10px;display:grid}.control-field-heading,.merge-threshold-note{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.canvas-size-control span,.canvas-size-control output,.merge-threshold-control span,.merge-threshold-control output{color:var(--text-primary);font-size:12px;font-weight:900}.canvas-size-control input,.merge-threshold-control input{width:100%;accent-color:var(--accent)}.canvas-size-control .canvas-size-presets{min-width:0}.canvas-size-control .canvas-size-number{border:2px solid var(--border-ink);background:var(--surface-raised);width:54px;min-height:26px;color:var(--ink);text-align:center;box-shadow:none;border-radius:6px;padding:0 4px;font-size:11px;font-weight:900}.merge-threshold-note{justify-content:flex-end}.merge-threshold-note small{color:var(--text-muted);white-space:nowrap;font-size:10px;font-weight:700;line-height:1.2}.binary-field{border:2px solid var(--border-ink);background:var(--surface-page);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;padding:10px;display:grid}.binary-field input{width:16px;height:16px;accent-color:var(--accent)}.binary-field span{color:var(--text-primary);font-size:12px;font-weight:900}.binary-field small{color:var(--text-muted);grid-column:2;font-size:10px;line-height:1.45}.action-card{z-index:1;background:var(--surface-raised);grid-template-columns:repeat(2,minmax(0,1fr));position:sticky;bottom:0}.action-card .full-width{grid-column:1/-1}.generation-shell .primary-button,.generation-shell .secondary-action-button{border:2px solid var(--border-ink);min-height:36px;color:var(--ink);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none;transition:background-color .16s,box-shadow .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.generation-shell .secondary-action-button{background:var(--surface-page)}.generation-shell .primary-button{background:var(--accent-soft);box-shadow:4px 4px 0 var(--ink)}.generation-shell .primary-button:hover,.generation-shell .primary-button:focus-visible,.generation-shell .secondary-action-button:hover,.generation-shell .secondary-action-button:focus-visible{background:var(--support-soft);outline:none}.generation-shell .primary-button:active,.generation-shell .secondary-action-button:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.generation-shell .primary-button:disabled,.generation-shell .secondary-action-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.preview-panel{grid-template-rows:auto minmax(0,1fr);gap:14px;padding:18px;display:grid;overflow:hidden}.preview-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.preview-header h2{color:var(--ink);margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:20px;font-weight:900}.preview-header p,.preview-actions p{color:var(--text-secondary);margin:5px 0 0;font-size:12px}.status-pill{border:2px solid var(--border-ink);background:var(--surface-page);color:var(--text-secondary);border-radius:7px;flex:none;padding:6px 10px;font-size:12px}.status-pill.active{border-color:var(--accent);color:var(--accent)}.preview-toolbar{color:var(--text-secondary);justify-content:flex-end;align-items:center;gap:8px;font-size:12px;display:flex}.icon-button{border:2px solid var(--border-ink);background:var(--surface-page);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:7px;place-items:center;display:inline-grid}.icon-button:disabled{color:var(--text-muted);cursor:not-allowed}.pattern-preview-frame{border:3px solid var(--border-ink);background:linear-gradient(var(--surface-page), var(--surface-page)) padding-box, radial-gradient(circle, #17130e38 1px, transparent 1px);cursor:grab;overscroll-behavior:contain;touch-action:none;background-size:auto,18px 18px;border-radius:10px;place-items:center;height:100%;min-height:0;display:grid;overflow:auto}@supports (color:lab(0% 0 0)){.pattern-preview-frame{background:linear-gradient(var(--surface-page), var(--surface-page)) padding-box, radial-gradient(circle, lab(6.19787% 1.21584 3.37511/.22) 1px, transparent 1px)}}.pattern-preview-frame canvas{image-rendering:pixelated;transform-origin:50%;touch-action:none;max-width:none;max-height:none;display:block}.empty-preview{color:var(--text-muted);font-size:13px}.stats-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stats-preview-row{border:2px solid var(--border-ink);background:var(--surface-page);border-radius:7px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:7px 8px;font-size:12px;display:grid}.color-swatch{border:1px solid var(--border-subtle);border-radius:3px;width:14px;height:14px}.preview-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.upload-actions{justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:16px 24px;display:flex}.upload-actions p{font-size:12px}.upload-error{border:2px solid var(--danger);background:#ffe3de;background:lab(92.6897% 11.9871 7.36333);margin:0;padding:10px 18px;font-weight:800;color:var(--danger)!important}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor-empty-state{text-align:center;place-items:center;min-height:100vh;padding:24px;display:grid}.editor-empty-state>div{max-width:520px}.editor-empty-state p{margin:10px 0 20px}.editor-empty-state .primary-button,.topbar .secondary-action-link{text-decoration:none}.route-loading{background:var(--surface-page);min-height:100vh}@media (max-width:768px){.upload-shell,.generation-shell{width:min(100%,100% - 20px);overflow-x:hidden}.generation-shell{width:100%;height:auto;min-height:auto;padding:0 0 calc(78px + env(safe-area-inset-bottom));grid-template-rows:auto;display:grid}.upload-header,.workbench-layout,.upload-section,.settings-grid,.quality-grid,.stats-preview,.action-card,.aspect-grid,.crop-actions,.crop-modal-controls{grid-template-columns:1fr}.upload-header{align-items:start;display:none}.workbench-layout{grid-template-rows:auto auto;gap:8px;height:auto;min-height:0}.workbench-layout.is-previewing{grid-template-rows:auto auto}.workbench-left,.preview-panel{width:100%;min-height:0}.preview-panel{width:100%;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;order:1;padding:0;overflow:visible}.workbench-left{overscroll-behavior:contain;width:100%;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;order:2;overflow:visible}.workbench-layout.is-previewing .workbench-left{background:0 0;border:0;height:auto;min-height:0;display:grid;overflow:visible}.workbench-layout.is-previewing .control-panel-stack{grid-template-rows:auto;gap:8px;height:auto;min-height:0;overflow:visible}.workbench-layout.is-previewing .preview-panel{gap:8px;min-height:0;display:grid}.workbench-layout.is-previewing .action-card{z-index:2;border:2px solid var(--border-ink);background:var(--surface-raised);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px;display:grid;position:relative}.workbench-layout.is-previewing .action-card .full-width{grid-column:1/-1}.workbench-layout.is-previewing .action-card .primary-button,.workbench-layout.is-previewing .action-card .secondary-action-button{min-height:38px}.control-card{border:2px solid var(--border-ink);background:var(--surface-raised);border-radius:8px;gap:10px;padding:12px}.workbench-layout.is-previewing .control-card{padding:10px}.workbench-layout.is-previewing .control-card+.control-card,.workbench-layout.is-previewing .control-card+.upload-error,.workbench-layout.is-previewing .upload-error+.control-card{border-top:2px solid var(--border-ink)}.workbench-layout.is-previewing .control-card:first-child{gap:6px}.workbench-layout.is-previewing .control-card:first-child h2{display:none}.workbench-layout.is-previewing .settings-card:not([open]){max-height:42px;overflow:hidden}.workbench-layout.is-previewing .settings-card summary{min-height:20px}.workbench-layout.is-previewing .mard-row{grid-template-columns:auto 1fr}.workbench-layout.is-previewing .used-color-grid{scrollbar-gutter:auto;scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(88px,max-content);grid-auto-flow:column;max-height:none;padding:0 2px 6px;display:grid;overflow:auto hidden}.workbench-layout.is-previewing .used-color-chip{scroll-snap-align:start}.workbench-layout.is-previewing .canvas-size-control{grid-template-columns:1fr;gap:7px}.workbench-layout.is-previewing .canvas-size-control .canvas-size-presets{align-self:stretch}.workbench-layout.is-previewing .canvas-size-control .canvas-size-number{width:48px;min-height:24px;font-size:10px}.workbench-layout.is-previewing .canvas-size-control .preset-row.four-up{grid-template-columns:repeat(4,minmax(44px,1fr));height:100%}.workbench-layout.is-previewing .canvas-size-control .preset-button{min-height:30px;padding:6px 4px}.upload-section{align-content:center;min-height:100%;padding:14px}.section-heading{gap:8px}.drop-zone{gap:9px;min-height:132px;padding:14px}.drop-zone-empty{gap:5px}.drop-zone-empty span{display:none}.preview-header,.preview-actions,.upload-actions{flex-direction:column;align-items:stretch}.workbench-layout.is-previewing .preview-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.workbench-layout.is-previewing .preview-header h2{font-size:18px}.workbench-layout.is-previewing .preview-header p{font-size:11px;line-height:1.35}.workbench-layout.is-previewing .status-pill{white-space:nowrap;max-width:116px}.pattern-preview-frame{border:2px solid var(--border-ink);border-radius:8px;justify-content:center;height:clamp(320px,58dvh,520px);min-height:320px;max-height:520px;overflow:hidden}.crop-modal{inset:8px;overflow:auto}.crop-modal-aspects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.upload-shell{padding:32px 0}.generation-shell{height:auto;min-height:auto;padding:0 0 calc(78px + env(safe-area-inset-bottom))}.upload-section{grid-template-columns:1fr;gap:16px;padding:18px}.settings-grid{grid-template-columns:1fr}.upload-actions{flex-direction:column;align-items:stretch;gap:12px;padding:16px 18px}.workbench-layout,.quality-grid,.stats-preview,.aspect-grid,.crop-actions,.crop-modal-controls{grid-template-columns:1fr}.crop-modal-aspects{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-actions{flex-direction:column;align-items:stretch}}
.export-preview-shell{background:linear-gradient(90deg, #d9d3cc 1px, transparent 1px), linear-gradient(#d9d3cc 1px, transparent 1px), var(--surface-muted);min-height:100dvh;color:var(--text-primary);background-size:52px 52px;grid-template-columns:minmax(0,1fr) 292px;gap:24px;padding:22px 24px 22px clamp(18px,4vw,64px);display:grid;overflow:hidden}@supports (color:lab(0% 0 0)){.export-preview-shell{background:linear-gradient(90deg, lab(84.9482% .847787 4.50604) 1px, transparent 1px), linear-gradient(lab(84.9482% .847787 4.50604) 1px, transparent 1px), var(--surface-muted)}}.export-preview-stage{align-content:center;justify-items:center;min-width:0;min-height:calc(100dvh - 44px);padding:42px 0 18px;display:grid;position:relative;overflow:hidden}.export-preview-page-copy{pointer-events:none;gap:4px;max-width:min(520px,56vw);display:grid;position:absolute;top:0;left:0}.export-preview-page-copy h1,.export-preview-empty h1{color:var(--ink);letter-spacing:0;margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:clamp(28px,3.4vw,42px);font-weight:900;line-height:.98}.export-preview-page-copy p:not(.eyebrow),.export-preview-empty p{max-width:68ch;color:var(--text-secondary);margin:0;font-size:12px;line-height:1.55}.export-paper-wrap{overscroll-behavior:contain;border:3px solid var(--border-ink);background:var(--surface-raised);border-radius:2px;width:min(100%,1040px);max-width:100%;height:calc(100dvh - 112px);max-height:calc(100dvh - 76px);padding:12px;position:relative;overflow:auto;box-shadow:8px 8px #17130e38;box-shadow:8px 8px lab(6.19787% 1.21584 3.37511/.22)}.export-paper-meta{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:24px;margin-bottom:8px;font-size:10px;font-weight:900;display:flex}.export-paper-canvas{width:calc(var(--export-paper-display-width) * var(--export-preview-scale,1) * 1px);background:var(--surface-page);max-width:none;height:auto;display:block}.export-paper-viewport{min-width:calc(var(--export-paper-display-width) * var(--export-preview-scale,1) * 1px);place-content:start center;min-height:calc(100% - 28px);display:grid}.export-control-panel{border:4px solid var(--border-ink);background:var(--surface-raised);align-content:start;gap:16px;height:calc(100dvh - 44px);min-height:0;padding:16px 14px;display:grid;position:sticky;top:22px;overflow:auto;box-shadow:8px 8px #17130e2e;box-shadow:8px 8px lab(6.19787% 1.21584 3.37511/.18)}.export-panel-head,.export-range-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.export-panel-head span,.export-field span,.export-range-head span,.export-layout-field legend{color:var(--text-muted);letter-spacing:.12em;font-size:11px;font-weight:900}.export-panel-head strong,.export-range-head strong{color:var(--ink);font-size:12px;font-weight:900}.export-field{gap:6px;display:grid}.export-field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.export-field input,.export-field select{border:3px solid var(--border-ink);background:var(--surface-page);width:100%;min-height:38px;color:var(--ink);text-align:center;letter-spacing:.08em;box-shadow:4px 4px 0 var(--ink);border-radius:0;padding:0 10px;font-size:13px;font-weight:900}.export-field select{text-align:center}.export-field.muted input{border-color:var(--border-strong);background:var(--surface-muted);color:var(--text-secondary);box-shadow:none}.export-range{gap:8px;display:grid}.export-range input[type=range]{width:100%;accent-color:var(--support)}.export-range>span:not(.export-range-head){color:var(--text-secondary);text-align:center;font-size:11px;font-weight:900}.export-toggle-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.export-toggle{border:3px solid var(--border-ink);background:var(--support-soft);min-height:38px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);letter-spacing:.12em;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:900;display:flex;position:relative}.export-toggle:not(.active){background:var(--surface-page);color:var(--text-secondary)}.export-toggle input,.export-layout-field input{opacity:0;width:1px;height:1px;position:absolute}.export-layout-field{border:0;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;display:grid}.export-layout-field legend{grid-column:1/-1;margin-bottom:8px}.export-layout-field label{border:3px solid var(--border-ink);background:var(--surface-page);min-height:40px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);letter-spacing:.12em;place-items:center;font-size:13px;font-weight:900;display:grid;position:relative}.export-layout-field label.selected{background:var(--ink);color:var(--accent-soft);box-shadow:4px 4px 0 var(--support)}.export-preview-error{border:2px solid var(--danger);color:var(--danger);background:#ffe8e5;background:lab(93.8942% 10.4768 6.43022);margin:0;padding:10px;font-size:12px;font-weight:800;line-height:1.5}.export-panel-actions{border-top:3px solid var(--border-ink);gap:10px;margin-top:auto;padding-top:14px;display:grid}.export-back-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.export-preview-button{border:3px solid var(--border-ink);min-height:40px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:0;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:900;text-decoration:none;transition:background-color .16s,box-shadow .18s,transform .18s;display:inline-flex}.export-preview-button.primary{background:var(--accent-soft)}.export-preview-button.secondary{background:var(--surface-page)}.export-preview-button:hover,.export-preview-button:focus-visible,.export-field input:focus-visible,.export-field select:focus-visible,.export-toggle:focus-within,.export-layout-field label:focus-within{outline:2px solid var(--accent);outline-offset:2px}.export-preview-button:active,.export-toggle:active,.export-layout-field label:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.export-preview-button:disabled{cursor:not-allowed;opacity:.58}.export-preview-loading,.export-preview-empty{background:var(--surface-page);min-height:100dvh;color:var(--text-primary);place-items:center;padding:24px;display:grid}.export-preview-loading{background:linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px), linear-gradient(var(--border-subtle) 1px, transparent 1px), var(--surface-page);background-size:28px 28px}.export-preview-empty section{border:4px solid var(--border-ink);background:var(--surface-raised);max-width:620px;box-shadow:var(--shadow-neo-lg);gap:16px;padding:clamp(24px,4vw,44px);display:grid}@media (max-width:900px){.export-preview-shell{grid-template-columns:1fr;padding:16px;overflow:auto}.export-control-panel{height:auto;min-height:auto;position:static}.export-panel-actions{margin-top:12px}.export-preview-stage{min-height:auto;padding:86px 0 0;overflow:visible}.export-paper-wrap{height:min(72dvh,720px)}.export-preview-page-copy{max-width:100%}}@media (max-width:768px){.export-preview-shell{grid-template-columns:1fr;width:100%;padding:10px;overflow-x:hidden}.export-control-panel{width:100%;height:auto;min-height:auto;position:static}.export-option-grid,.export-size-grid{grid-template-columns:1fr}.export-panel-actions a,.export-panel-actions button{width:100%}.export-preview-stage{min-height:auto;padding:16px 0 0;overflow:auto}.export-paper-wrap{height:min(68dvh,640px)}.export-preview-page,.export-preview-page-copy{max-width:100%}}
.commerce-page{background:var(--surface-page);min-height:100dvh;color:var(--text-primary);padding:clamp(14px,3.5vw,18px) clamp(14px,5vw,48px) 56px}.commerce-header{border:3px solid var(--border-ink);background:var(--surface-raised);max-width:1180px;box-shadow:var(--shadow-neo);border-radius:10px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:16px;margin:0 auto 24px;padding:10px 14px;display:grid}.commerce-header nav,.commerce-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.commerce-header nav{justify-content:end}.brand-lockup{white-space:nowrap}.commerce-back-link{border:2px solid var(--border-ink);background:var(--surface-page);min-height:36px;color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.commerce-header nav a,.pattern-filter-menu a,.pattern-filter-menu button{border:2px solid var(--border-ink);background:var(--surface-page);max-width:100%;min-height:36px;color:var(--ink);cursor:pointer;font:inherit;overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;font-weight:900;line-height:1.2;text-decoration:none;transition:background-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.commerce-header nav a.active,.pattern-filter-menu a.active,.pattern-filter-menu button.active{background:var(--accent-soft);box-shadow:3px 3px 0 var(--ink)}.pattern-filter-menu a:hover,.pattern-filter-menu button:hover{background:var(--shop-soft)}.pattern-filter-menu a:active,.pattern-filter-menu button:active{transform:translate(1px,1px)}.pattern-filter-menu a:focus-visible,.pattern-filter-menu button:focus-visible{outline:3px solid var(--shop);outline-offset:2px}.pattern-filter-menu .pattern-filter-trigger{background:var(--shop);box-shadow:3px 3px 0 var(--ink);gap:6px}.pattern-filter-chevron{flex:none;transition:transform .18s}.pattern-filter-menu.open .pattern-filter-chevron{transform:rotate(180deg)}.commerce-hero,.pattern-detail{border:3px solid var(--border-ink);background:var(--surface-raised);max-width:1180px;box-shadow:var(--shadow-neo);border-radius:10px;margin:0 auto 24px;padding:clamp(22px,4vw,42px)}.commerce-hero h1,.pattern-detail h1{max-width:780px;color:var(--ink);letter-spacing:0;margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:clamp(38px,7vw,76px);font-weight:900;line-height:1}.commerce-hero p:not(.eyebrow),.pattern-detail p:not(.eyebrow){max-width:68ch;color:var(--text-secondary);font-size:15px;line-height:1.75}.commerce-grid,.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto;display:grid}.shop-front-page{background:var(--surface-page);padding-bottom:calc(104px + env(safe-area-inset-bottom))}.shop-product-shelf{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px;max-width:1180px;margin:0 auto;display:grid}.shop-product-card{background:var(--surface-raised);box-shadow:4px 4px 0 var(--ink);border-width:2px;border-radius:8px;display:grid;position:relative}.shop-product-link{color:inherit;text-decoration:none;display:grid}.shop-product-link>img{aspect-ratio:1;border-bottom:2px solid var(--border-ink);object-fit:cover;border-radius:6px 6px 0 0;width:100%}.shop-product-card .commerce-card-copy{gap:6px;padding:10px 10px 8px}.shop-product-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.2;display:-webkit-box;overflow:hidden}.shop-product-card p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.shop-price-row{align-items:baseline;gap:0;display:grid}.shop-price-row strong{color:var(--danger);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:22px;line-height:1}.shop-buy-link{border:2px solid var(--danger);background:var(--danger);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;margin:0 10px 10px;font-size:13px;font-weight:900;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.shop-buy-link:hover,.shop-buy-link:focus-visible{filter:saturate(1.08);transform:translateY(-1px)}.shop-buy-link:active{transform:translateY(1px)scale(.98)}.shop-buy-link.disabled{background:var(--surface-muted);color:var(--text-muted);cursor:not-allowed}.shop-referral-backdrop{z-index:60;background:color-mix(in oklch, var(--ink) 42%, transparent);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.shop-referral-dialog{border:3px solid var(--border-ink);background:var(--surface-raised);width:min(420px,100%);box-shadow:var(--shadow-neo);color:var(--ink);text-align:left;border-radius:10px;padding:24px}.shop-referral-icon{border:3px solid var(--border-ink);background:var(--shop-soft);width:48px;height:48px;box-shadow:4px 4px 0 var(--ink);border-radius:8px;place-items:center;display:inline-grid}.shop-referral-dialog h2{margin:18px 0 10px;font-size:24px;font-weight:900}.shop-referral-dialog p{color:var(--text-muted);margin:0;font-size:16px;font-weight:700;line-height:1.7}.pixel-confirm-dialog p{color:var(--ink)}.shop-referral-actions{gap:10px;margin-top:22px;display:grid}.shop-referral-primary,.shop-referral-link{font:inherit}.shop-referral-primary{border:3px solid var(--border-ink);background:var(--shop);min-height:48px;box-shadow:5px 5px 0 var(--ink);color:var(--ink);cursor:pointer;border-radius:8px;font-size:16px;font-weight:900}.shop-referral-primary:active{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.shop-referral-link{color:var(--text-muted);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;font-size:14px;font-weight:800;text-decoration:underline}.pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-card,.pattern-card,.pixel-exchange-card,.commerce-empty{border:3px solid var(--border-ink);background:var(--surface-raised);box-shadow:var(--shadow-neo);border-radius:10px;overflow:hidden}.commerce-card>img,.pattern-card img{aspect-ratio:4/3;border-bottom:3px solid var(--border-ink);object-fit:cover;width:100%}.pattern-image-link{aspect-ratio:1;border-bottom:3px solid var(--border-ink);background:var(--surface-muted);display:block;position:relative;overflow:hidden}.pattern-card img{aspect-ratio:1;object-fit:fill;border-bottom:0;max-width:none;display:block;position:absolute}.commerce-card-copy,.pattern-card div,.pixel-exchange-card,.commerce-empty{gap:12px;padding:16px;display:grid}.pattern-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.pattern-detail-file-name{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:900;line-height:1.25}.pattern-card-actions .neo-button{grid-column:1/-1;width:100%}.pattern-card-metric,.pattern-card-like,.pattern-detail-metrics span{border:2px solid var(--border-ink);background:var(--surface-page);min-height:30px;color:var(--ink);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.pattern-card-like{cursor:pointer;gap:4px}.pattern-card-like.liked,.pattern-detail-actions .neo-button.liked{background:var(--accent-soft)}.pattern-detail-import-key{border:2px solid var(--border-ink);background:var(--surface-raised);border-radius:8px;gap:8px;padding:10px;display:grid}.pattern-detail-import-key span{color:var(--text-secondary);font-size:13px;font-weight:900}.pattern-detail-import-key code{overflow-wrap:anywhere;color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;font-weight:900;line-height:1.5}.pattern-card-like:disabled{cursor:wait;opacity:.72}.commerce-card-copy span,.pattern-card span,.pixel-balance-card span,.pixel-balance-card small{color:var(--text-muted);font-size:12px;font-weight:900}.commerce-card-copy h2,.pattern-card h2,.pixel-exchange-card h2,.commerce-empty h2{color:var(--ink);margin:0;font-size:22px;font-weight:900}.commerce-card-copy p,.pattern-card p,.pixel-exchange-card p,.commerce-empty p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.commerce-card-copy strong,.pixel-balance-card strong{color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:30px}.commerce-review-list{gap:8px;display:grid}.commerce-review-list blockquote{border:2px solid var(--border-ink);background:var(--surface-page);border-radius:8px;margin:0;padding:10px}.product-detail-shell{grid-template-columns:repeat(2,minmax(0,560px));justify-content:center;align-items:stretch;gap:22px;max-width:1180px;margin:0 auto;display:grid}.product-gallery,.product-buy-panel{border:3px solid var(--border-ink);background:var(--surface-raised);height:clamp(520px,44vw,640px);box-shadow:var(--shadow-neo);border-radius:10px}.product-gallery{grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:14px;display:grid}.product-main-image{--product-image-ratio:4 / 3;border:3px solid var(--border-ink);background:var(--surface-muted);touch-action:pan-y;border-radius:10px;min-height:0;display:grid;overflow:hidden}.product-main-image img{object-fit:contain;object-position:center;width:100%;height:100%}.product-image-placeholder{color:var(--text-muted);place-content:center;gap:8px;font-size:13px;font-weight:900;display:grid}.product-thumb-row{overscroll-behavior-x:contain;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:78px;grid-auto-flow:column;gap:10px;padding:3px 3px 10px;display:grid;overflow-x:auto}.product-thumb-row button{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;display:grid}.product-thumb-row button.active{outline:3px solid var(--danger);outline-offset:2px}.product-thumb-row img{aspect-ratio:1;border:2px solid var(--border-ink);background:var(--surface-muted);object-fit:cover;border-radius:8px;width:100%}.product-buy-panel{align-content:start;gap:16px;padding:clamp(22px,3vw,32px);display:grid}.product-buy-panel h1{color:var(--ink);letter-spacing:0;margin:0;font-family:Epilogue,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:900;line-height:1.08}.product-buy-panel p:not(.eyebrow){color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:14px;line-height:1.55}.product-price{color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(34px,4vw,52px);line-height:1}.product-option-group{border-top:3px solid var(--border-ink);gap:10px;padding-top:14px;display:grid}.product-option-group h2{color:var(--ink);margin:0;font-size:17px;font-weight:900}.product-color-options,.product-spec-options{gap:10px;display:grid}.product-color-options{grid-template-columns:repeat(auto-fit,minmax(146px,1fr))}.product-color-options button,.product-spec-options button{border:2px solid var(--border-ink);background:var(--surface-page);color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;font-weight:900;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1)}.product-color-options button:hover,.product-spec-options button:hover{transform:translate(-1px,-1px)}.product-color-options button.active,.product-spec-options button.active{background:var(--accent-soft);box-shadow:3px 3px 0 var(--ink)}.product-color-options button{--swatch:var(--accent-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 8px;min-height:58px;padding:8px;display:grid}.product-color-options button>span{border:2px solid var(--border-ink);background:var(--swatch);border-radius:999px;width:24px;height:24px;display:block}.product-color-options strong{font-size:14px}.product-color-options small{color:var(--text-secondary);overflow-wrap:anywhere;grid-column:2;font-size:12px;font-weight:800}.product-spec-options{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.product-spec-options button{text-align:center;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:9px 10px;display:inline-flex}.product-spec-options button span{border:2px solid var(--border-ink);background:var(--shop-soft);color:var(--ink);border-radius:999px;padding:2px 6px;font-size:11px;font-weight:900}.product-spec-options button small{color:var(--text-secondary);font-size:12px;font-weight:900}.product-spec-options button:disabled{cursor:not-allowed;opacity:.58}.product-selection-summary{border:2px solid var(--border-ink);background:var(--surface-page);border-radius:8px;gap:5px;padding:10px;display:grid}.product-selection-trigger{border:2px solid var(--border-ink);background:var(--surface-page);width:100%;color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:12px;display:grid}.product-selection-trigger>span{color:var(--text-muted);font-size:12px;font-weight:900}.product-selection-trigger>strong{color:var(--ink);font-size:15px;font-weight:900}.product-selection-trigger svg{grid-area:1/2/span 2}.product-option-overlay{z-index:36;background:#17100852;background:lab(5.25437% 2.20192 4.67731/.32);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.product-option-sheet{border:3px solid var(--border-ink);background:var(--surface-raised);width:min(94vw,560px);max-height:min(82vh,680px);box-shadow:var(--shadow-neo);border-radius:10px;gap:16px;padding:18px;display:grid;overflow:auto}.product-option-sheet>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.product-option-sheet>header div{gap:4px;display:grid}.product-option-sheet>header span{color:var(--text-muted);font-size:12px;font-weight:900}.product-option-sheet>header strong{color:var(--ink);font-size:16px}.product-option-sheet>header button{border:2px solid var(--border-ink);background:var(--surface-page);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:grid}.product-selection-summary span{color:var(--text-muted);font-size:12px;font-weight:900}.product-selection-summary strong{color:var(--ink);font-size:14px;font-weight:900}.product-purchase-button{width:100%}.product-mobile-buy-bar{gap:14px;display:grid}.product-mobile-buy-bar>span{gap:5px;display:grid}.product-color-label{color:var(--text-secondary);font-size:13px;font-weight:900}.product-purchase-button:disabled{cursor:not-allowed;opacity:.72}.product-douyin-command-wrap{gap:8px;display:grid}.product-douyin-command-actions{justify-content:flex-end;display:flex}.product-douyin-command{border:3px solid var(--border-ink);box-shadow:4px 4px 0 var(--ink);background:#ffeeb2;background:lab(94.5771% .901192 36.3743);border-radius:8px;gap:10px;padding:16px;display:grid}.product-douyin-command-copy{border:2px solid var(--border-ink);background:var(--danger);color:#fff;cursor:pointer;min-height:38px;box-shadow:2px 2px 0 var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:900;line-height:1;display:inline-flex}.product-douyin-command-text{min-height:74px;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:14px;font-weight:800;line-height:1.55}.product-douyin-command-hint{color:var(--ink);border-top:2px solid #473b2c4d;border-top:2px solid lab(25.7443% 4.03227 11.3243/.3);margin:0;padding-top:10px;font-size:14px;font-weight:900}.pixel-hero{position:relative}.pixel-balance-card{border:3px solid var(--border-ink);background:var(--accent-soft);border-radius:10px;gap:4px;min-width:190px;padding:14px;display:inline-grid}.pixel-layout{grid-template-columns:340px minmax(0,1fr);gap:18px;max-width:1180px;margin:0 auto;display:grid}.pixel-exchange-card{align-content:start}.pixel-exchange-card label{gap:6px;display:grid}.pixel-exchange-card input{border:2px solid var(--border-ink);background:var(--surface-page);min-height:42px;color:var(--ink);border-radius:8px;padding:0 12px;font-size:14px;font-weight:800}.pixel-products{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.pattern-filter-panel{border:3px solid var(--border-ink);background:var(--surface-raised);width:100%;max-width:1180px;box-shadow:var(--shadow-neo);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 auto 18px;padding:12px;display:grid}.pattern-filter-summary{gap:3px;min-width:0;display:grid}.pattern-filter-summary span,.pattern-filter-summary a{color:var(--text-muted);font-size:12px;font-weight:900}.pattern-filter-summary strong{color:var(--ink);overflow-wrap:anywhere;font-size:16px;font-weight:900}.pattern-filter-summary a{text-underline-offset:3px;width:fit-content}.pattern-filter-menus{align-items:center;gap:10px;min-width:0;display:flex}.pattern-filter-menu{position:relative}.pattern-filter-trigger span{color:inherit;font-size:11px}.pattern-filter-popover{z-index:20;border:3px solid var(--border-ink);background:var(--surface-raised);width:min(360px,100vw - 28px);max-height:min(52vh,420px);box-shadow:var(--shadow-neo);border-radius:10px;grid-template-columns:repeat(2,minmax(118px,1fr));gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.pattern-filter-popover a{min-height:34px;box-shadow:none;border-width:2px;justify-content:flex-start;font-size:12px}.pattern-pagination{border:3px solid var(--border-ink);background:var(--surface-raised);width:100%;max-width:1180px;box-shadow:var(--shadow-neo);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:18px auto 0;padding:10px 12px;display:grid}.pattern-pagination>span{color:var(--ink);font-size:13px;font-weight:900}.pattern-pagination>div{align-items:center;gap:8px;padding:2px;display:flex;overflow-x:auto}.pattern-pagination a[aria-disabled=true]{pointer-events:none;opacity:.45}.pattern-page-current{border:2px solid var(--border-ink);background:var(--accent-soft);min-height:34px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:7px 10px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.pattern-detail{justify-items:center;gap:16px;display:grid}.pattern-detail-file-name{border:2px solid var(--border-ink);background:var(--surface-page);border-radius:8px;justify-self:stretch;padding:10px 12px}.pattern-detail-image{border:3px solid var(--border-ink);background:var(--surface-muted);width:100%;max-height:min(72vh,860px);box-shadow:4px 4px 0 var(--ink);object-fit:contain;border-radius:10px}.pattern-detail-actions{gap:10px;width:min(100%,760px);display:grid}.pattern-detail-metrics{grid-column:1/-1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:8px;width:100%;display:grid}.pattern-detail-metrics .neo-button,.pattern-detail-metrics span,.pattern-detail-actions>.neo-button{width:100%;min-height:48px}.pattern-detail-actions>.neo-button{grid-column:1/-1}.commerce-error{border:2px solid var(--border-ink);background:var(--shop-soft);color:var(--ink);text-align:center;border-radius:8px;flex-basis:100%;grid-column:1/-1;margin:0;padding:8px 10px;font-size:13px;font-weight:900}.commerce-empty{grid-column:1/-1;place-items:start;min-height:180px}@media (max-width:900px){.commerce-header{grid-template-columns:1fr;align-items:stretch}.commerce-header nav{justify-content:start}.commerce-grid,.pixel-products,.product-detail-shell{grid-template-columns:1fr}.product-buy-panel{min-width:0}.product-gallery,.product-buy-panel{height:auto}.product-main-image,.product-main-image img{max-height:460px}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-filter-panel{grid-template-columns:1fr}.pattern-filter-menus{flex-wrap:wrap}.pattern-filter-menu{flex:138px}.pattern-filter-trigger{width:100%}.pattern-filter-popover{grid-template-columns:1fr;width:min(320px,100vw - 28px);left:0;right:auto}.pattern-pagination{grid-template-columns:1fr}.pattern-pagination>div{justify-content:start}.pixel-layout{grid-template-columns:1fr}}@media (max-width:768px){.commerce-page{--shadow-neo:4px 4px 0 var(--ink);padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));padding-bottom:calc(42px + env(safe-area-inset-bottom))}.shop-front-page,.product-front-page{padding-bottom:calc(182px + env(safe-area-inset-bottom))}.commerce-header,.commerce-hero,.pattern-detail,.pattern-filter-panel,.commerce-grid,.shop-product-shelf,.pattern-grid,.pixel-layout{width:min(100%,560px)}.commerce-header,.commerce-hero,.pattern-detail,.pattern-filter-panel,.commerce-card,.pattern-card,.pixel-exchange-card,.commerce-empty{border-width:2px;border-radius:8px}.commerce-header{gap:10px;margin-bottom:18px;padding:10px}.commerce-back-link,.commerce-header nav a,.pattern-category-tabs a,.pattern-category-tabs button{border-width:2px;min-height:34px;padding:7px 10px;font-size:12px}.commerce-header nav{gap:8px}.pattern-filter-panel{margin-bottom:14px;padding:10px}.pattern-category-tabs{gap:8px}.pattern-category-tabs.collapsed .pattern-category-chip:nth-of-type(n+5){display:none}.commerce-hero,.pattern-detail{padding:18px}.commerce-hero h1,.pattern-detail h1,.product-buy-panel h1{font-size:clamp(30px,10vw,42px)}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shop-product-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-product-card{box-shadow:3px 3px 0 var(--ink);border-radius:8px}.shop-product-link>img{border-radius:6px 6px 0 0}.shop-product-card .commerce-card-copy{gap:5px;padding:8px 8px 7px}.shop-product-card h2{font-size:13px}.shop-product-card p{font-size:11px}.shop-price-row strong{font-size:19px}.shop-buy-link{border-width:2px;border-radius:7px;min-height:31px;margin:0 8px 8px;font-size:12px}.product-front-page .site-header{display:none}.product-front-page{padding-top:0}.product-gallery,.product-buy-panel{box-shadow:none;border:0;border-radius:0}.product-detail-shell{gap:0}.product-gallery{padding:0}.product-main-image{min-height:0;aspect-ratio:var(--product-image-ratio);border:0;border-radius:0;max-height:48vh}.product-main-image img{object-fit:contain;min-height:0;max-height:48vh}.product-thumb-row{grid-template-columns:none;grid-auto-columns:72px;grid-auto-flow:column;padding:10px 12px;overflow-x:auto}.product-option-overlay{align-items:end;padding:0}.product-option-sheet{width:100%;max-height:76vh;padding:16px 14px calc(92px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0;box-shadow:0 -2px 18px #1c140c2e;box-shadow:0 -2px 18px lab(7.21233% 2.65807 5.86334/.18)}.product-buy-panel{background:var(--surface-raised);border-radius:18px 18px 0 0;padding:16px 14px}.product-buy-panel p:not(.eyebrow){font-size:clamp(13px,3.4vw,15px);line-height:1.45}.product-mobile-buy-bar{right:0;bottom:calc(92px + env(safe-area-inset-bottom));z-index:28;background:var(--surface-raised);padding:10px max(12px, env(safe-area-inset-left)) 10px max(12px, env(safe-area-inset-right));grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:0;display:grid;position:fixed;left:0;box-shadow:0 -2px 14px #1c140c1f;box-shadow:0 -2px 14px lab(7.21233% 2.65807 5.86334/.12)}.product-mobile-buy-bar .product-price{color:var(--danger);background:#fff0f1;background:lab(96.2503% 8.14411 2.55673);border-radius:999px 0 0 999px;place-items:center;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:18px;font-weight:900;display:grid}.product-mobile-buy-bar .product-purchase-button{background:var(--danger);color:#fff;min-height:50px;box-shadow:none;border-radius:0 999px 999px 0}.pattern-card-actions{gap:5px;padding:7px}.pattern-card-actions .neo-button{min-height:32px;box-shadow:3px 3px 0 var(--ink);border-width:2px;font-size:11px}.pattern-card-metric{gap:3px;min-height:28px;padding:0 4px;font-size:10px}.pattern-card-like{min-width:0}.pattern-card-metric svg{width:12px;height:12px}.pattern-detail-actions{gap:8px}.pattern-detail-metrics .neo-button,.pattern-detail-metrics span,.pattern-detail-actions>.neo-button{min-height:42px;box-shadow:3px 3px 0 var(--ink);border-width:2px;font-size:13px}.pattern-image-link,.commerce-card>img,.pattern-card img,.pattern-detail-image{border-width:2px}}@media (max-width:640px){.commerce-page{--shadow-neo:4px 4px 0 var(--ink);padding-top:12px}.commerce-header{grid-template-columns:1fr;align-items:stretch}.commerce-back-link{justify-content:start}.brand-lockup{padding-inline:2px}.commerce-header nav{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;display:grid}.commerce-header nav a{text-align:center;place-items:center;display:inline-grid}.pattern-category-tabs a,.pattern-category-tabs button{overflow-wrap:anywhere;max-width:100%}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-grid,.pixel-products{grid-template-columns:1fr}.shop-product-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-card{justify-self:center;width:100%}.pattern-detail-actions .neo-button{width:100%}}@media (max-width:520px){.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}