:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#1f2430;background:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1f2430;--muted: #697386;--line: #dfe3ea;--surface: #ffffff;--soft: #f4f6f8;--green: #209b67;--green-soft: #eaf7f0;--blue: #3478e5;--red: #f05a5a;--yellow: #fdbb16;--shadow: 0 8px 26px rgba(27, 36, 50, .06)}*{box-sizing:border-box}html{min-width:320px;background:#f5f6f8}body{margin:0;min-width:320px;min-height:100vh;background:#f5f6f8}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(52,120,229,.3);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,p{margin-top:0}.app-shell{min-height:100vh}.site-header{height:64px;background:#fffffff5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{width:min(1280px,calc(100% - 40px));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{border:0;background:transparent;padding:8px 0;display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:800;cursor:pointer}.brand-dots{display:inline-flex;align-items:center;gap:4px}.brand-dots i{display:block;width:11px;height:11px;border-radius:50%}.dot-red{background:var(--red)}.dot-yellow{background:var(--yellow)}.dot-blue{background:var(--blue)}.header-nav{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:24px}.header-nav button{border:0;background:transparent;min-height:36px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;color:#596275;cursor:pointer;font-size:13px}.header-nav button:hover{color:var(--ink);background:#f3f5f7}.promise{display:flex;align-items:center;gap:12px;font-size:14px}.promise strong:nth-of-type(1){color:var(--green)}.promise strong:nth-of-type(2){color:#c88700}.promise strong:nth-of-type(3){color:var(--blue)}.promise span{color:#a5adbb}.workspace,.page-width{width:min(1180px,calc(100% - 40px));margin:32px auto 72px}.generate-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:24px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.upload-panel{padding:28px}.preview-column{display:grid;gap:20px}.preview-panel,.promise-panel{padding:28px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h1,.section-heading h2{font-size:22px;margin:4px 0 0}.compact-heading{align-items:center}.compact-heading h2{font-size:18px}.compact-heading>span{color:var(--muted);font-size:14px}.eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.format-note{color:var(--muted);font-size:12px;padding-top:5px}.dropzone{width:100%;min-height:260px;border:1.5px dashed #b7bfcb;background:#fafbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:border-color .18s,background .18s;overflow:hidden;position:relative}.dropzone:hover,.dropzone.is-dragging{border-color:var(--blue);background:#f3f7ff}.dropzone strong{font-size:18px}.dropzone small{color:#8b94a4}.dropzone.has-preview{padding:12px}.dropzone img{max-width:100%;height:220px;object-fit:contain}.replace-label{position:absolute;right:14px;bottom:14px;background:#1f2430e6;color:#fff!important;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;font-size:13px}.sample-head{display:flex;justify-content:space-between;margin:18px 0 10px;color:var(--muted);font-size:13px}.sample-head span:last-child{color:var(--green)}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sample-card{border:1px solid var(--line);min-height:88px;padding:10px 12px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;cursor:pointer;font-weight:700;overflow:hidden}.sample-card:hover{border-color:#a7b2c2;transform:translateY(-1px)}.sample-coral{background:#fce7e7}.sample-green{background:#e5f5e9}.sample-blue{background:#e7eefc}.sample-pixel-art{width:58px;display:grid;grid-template-columns:repeat(9,1fr);gap:1px;filter:drop-shadow(0 2px 2px rgba(31,36,48,.08))}.sample-pixel-art i{aspect-ratio:1;border-radius:1px}.sample-card-label{justify-self:end;font-size:15px;white-space:nowrap}.settings-card{margin-top:20px;border:1px solid var(--line);padding:20px}.settings-title{margin-bottom:12px}.settings-title h2{font-size:18px;margin:3px 0 0}.control-row{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;min-height:48px;gap:12px;border-top:1px solid #edf0f4;font-size:14px}.range-row{grid-template-columns:100px minmax(0,1fr) 64px}.control-row input[type=range]{accent-color:var(--ink);width:100%}.control-row output{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.control-row select,.dialog-row select{width:100%;min-height:38px;border:1px solid #cfd5df;background:#fff;padding:0 34px 0 12px}.advanced-toggle{width:100%;border:0;border-top:1px solid #edf0f4;background:transparent;min-height:44px;padding:0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);cursor:pointer}.advanced-toggle svg{transition:transform .18s}.advanced-toggle svg.rotate{transform:rotate(180deg)}.advanced-controls{border-top:1px solid #edf0f4}.check-row{min-height:42px;display:flex;align-items:center;gap:10px;color:#4c5567;font-size:14px}.check-row input{width:17px;height:17px;accent-color:var(--ink)}.legal-check{margin-top:14px;padding:10px 12px;background:#f6f8fa;border:1px solid #e3e7ed}.primary-button,.secondary-button{min-height:50px;padding:0 22px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;cursor:pointer;text-decoration:none}.primary-button{background:var(--ink);color:#fff}.primary-button:hover{background:#303746}.secondary-button{background:#fff;color:var(--ink);border-color:#cfd5de}.secondary-button:hover{border-color:#8d97a7;background:#fafbfc}.generate-button{width:100%;margin-top:18px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);margin-top:14px;font-size:12px}.empty-preview{min-height:480px;background:#f8f9fb;border:1px solid #e5e8ee;display:grid;place-items:center;align-content:center;gap:28px;text-align:center;padding:40px}.empty-preview p{color:var(--muted);max-width:340px;margin:8px auto 0;font-size:14px;line-height:1.7}.mini-pattern{width:270px;display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.mini-pattern i{aspect-ratio:1;background:#eceff4}.mini-pattern .red{background:var(--red)}.mini-pattern .blue{background:var(--blue)}.mini-pattern .green{background:#31a86b}.mini-pattern .yellow{background:var(--yellow)}.mini-pattern .blank{background:#fff;border:1px solid #edf0f4}.status-chip{background:#eef1f5;color:var(--muted);padding:6px 10px;font-size:12px;font-weight:700}.promise-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promise-panel>div{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--muted);line-height:1.5}.promise-panel svg{color:var(--green);flex:0 0 auto}.promise-panel strong{color:var(--ink)}.error-banner{width:min(1180px,calc(100% - 40px));margin:16px auto -12px;background:#fff0f0;border:1px solid #f3b5b5;color:#a62e2e;min-height:46px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;font-size:14px;position:relative;z-index:10}.error-banner button{border:0;background:transparent;color:inherit;cursor:pointer}.global-busy{position:fixed;right:20px;bottom:20px;z-index:100;background:var(--ink);color:#fff;min-height:46px;padding:0 16px;display:flex;align-items:center;gap:9px;box-shadow:0 12px 30px #12172142;font-size:14px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-page{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.success-strip{background:var(--green-soft);color:var(--green);border:1px solid #c9ead9;min-height:56px;padding:0 20px;display:flex;align-items:center;gap:10px}.success-strip .duration{margin-left:auto;color:#687b71;font-size:13px}.result-preview-card,.legend-card,.result-bom-card{padding:24px}.result-preview-card{min-width:0}.canvas-scroll{width:100%;min-width:0;box-sizing:border-box;background:#f7f8fa;border:1px solid #e7eaf0;min-height:220px;padding:28px;overflow:auto;display:grid;place-items:center}.pattern-canvas{display:block;max-width:none;background:#fff;box-shadow:0 8px 26px #212a3a14;image-rendering:auto}.pattern-canvas.is-editable{cursor:crosshair}.pattern-zoom-controls{flex:none;display:grid;grid-template-columns:32px 48px 32px;align-items:center;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.pattern-zoom-controls button{width:32px;height:34px;border:0;padding:0;display:grid;place-items:center;color:var(--primary-ink);background:transparent;cursor:pointer}.pattern-zoom-controls button:disabled{color:#aeb4bf;cursor:default}.pattern-zoom-controls span{min-width:0;color:var(--ink);font-size:11px;font-weight:800;text-align:center}.legend-row{display:flex;flex-wrap:wrap;gap:10px}.legend-item{border:1px solid #e0e4ea;background:#fafbfc;min-height:38px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;font-size:13px}.legend-item i,.bom-name i{width:18px;height:18px;border:1px solid rgba(31,36,48,.08);flex:0 0 auto}.bom-list{display:grid}.bom-row{min-height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;font-size:14px}.bom-name{display:inline-flex;align-items:center;gap:10px}.bom-total{min-height:52px;display:flex;align-items:center;justify-content:space-between}.empty-note{color:var(--muted);background:#f5f7fa;display:flex;align-items:center;gap:7px;padding:9px 10px;font-size:12px}.color-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.color-usage-card{min-width:0;min-height:58px;border:1px solid #e0e4ea;background:#fff;padding:8px 10px;display:grid;grid-template-columns:30px 34px minmax(0,1fr) auto;align-items:center;gap:9px}.color-rank{width:30px;height:30px;background:var(--yellow);color:#332600;display:grid;place-items:center;font-size:13px;font-weight:800}.color-chip{width:34px;height:34px;border:1px solid rgba(31,36,48,.1);display:block}.color-card-meta{min-width:0;display:grid;gap:2px;line-height:1.1}.color-card-meta strong{font-size:14px}.color-card-meta small{overflow:hidden;color:#8a93a3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.color-card-count{display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap}.color-card-count strong{font-size:17px;font-variant-numeric:tabular-nums}.color-card-count small{color:var(--muted);font-size:10px}.color-usage-grid.compact{grid-template-columns:minmax(0,1fr);gap:8px}.color-usage-grid.compact .color-usage-card{min-height:54px;grid-template-columns:28px 30px minmax(0,1fr) auto;padding:7px 8px;gap:7px}.color-usage-grid.compact .color-rank{width:28px;height:28px}.color-usage-grid.compact .color-chip{width:30px;height:30px}.color-usage-grid.compact .color-card-count strong{font-size:15px}.result-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:static;background:#f5f6f8f0;padding:10px 0}.result-actions.five-actions{grid-template-columns:repeat(5,1fr)}.result-actions.six-actions{grid-template-columns:repeat(6,1fr)}.result-actions .publish-action{border-color:#edb5ca;color:var(--primary-ink);background:#fff4f7}.text-button{border:0;background:transparent;padding:8px;display:inline-flex;align-items:center;gap:7px;color:#4f596c;cursor:pointer;font-weight:650}.text-button:hover{color:var(--ink)}.page-toolbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.toolbar-group{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);padding:5px}.toolbar-group button{border:0;background:transparent;min-width:38px;height:36px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.toolbar-group span{min-width:54px;text-align:center;color:var(--muted);font-size:13px}.editor-toolbar-actions{display:flex;align-items:center;gap:10px}.editor-tool-toggles button.active{background:var(--ink);color:#fff}.editor-page{width:min(1500px,calc(100% - 40px))}.editor-workbench,.editor-workbench.has-legend-panel,.editor-workbench.has-right-panel,.editor-workbench.has-legend-panel.has-right-panel{height:clamp(680px,calc(100dvh - 190px),960px);min-height:640px;position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:18px 0;border-block:1px solid #edf0f4;margin-bottom:10px}.palette-swatch{border:2px solid transparent;aspect-ratio:1;min-width:0;cursor:pointer;position:relative}.palette-swatch.selected{border-color:var(--ink);box-shadow:inset 0 0 0 2px #fff}.palette-swatch.erase{background:#fff;border:1px solid var(--line);display:grid;place-items:center}.palette-swatch.erase.selected{border:2px solid var(--ink)}.editor-color-panel>p,.editor-bom>p{color:var(--muted);font-size:13px;line-height:1.6}.palette-scope-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#eef1f5;padding:4px}.palette-scope-toggle button{border:0;background:transparent;min-height:38px;cursor:pointer;font-weight:650}.palette-scope-toggle button.active{background:var(--ink);color:#fff}.palette-search{width:100%;min-height:40px;border:1px solid var(--line);margin-top:12px;padding:0 12px;box-sizing:border-box}.editor-palette-grid{max-height:260px;overflow:auto;grid-template-columns:repeat(6,1fr);padding:14px 0}.palette-count{display:block;color:var(--muted);font-size:12px;margin-bottom:18px}.bom-list.compact{max-height:450px;overflow:auto}.compact .bom-row{min-height:36px;font-size:13px}.editor-canvas-panel{height:100%;min-width:0;min-height:0;padding:18px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-sizing:border-box}.editor-scroll{height:100%;min-height:0;overflow:auto;place-content:safe center;place-items:safe center;padding:22px;background:#fff9f6}.editor-scroll .pattern-canvas{max-width:none;max-height:none;image-rendering:auto}.selected-cell-note{min-width:0;min-height:17px;border-top:1px solid #edf0f4;color:var(--muted);font-size:12px;display:flex;align-items:center}.selected-cell-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-picker-card{width:100%;min-height:76px;border:0;background:var(--ink);color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.palette-picker-card span:first-child{display:grid;gap:5px}.palette-picker-card small{color:#cdd2dc;font-size:12px;font-weight:500}.palette-picker-card span:last-child{font-size:24px}.editor-side-panel{position:fixed;z-index:70;top:84px;bottom:90px;width:min(360px,calc(100vw - 24px));height:auto;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box;box-shadow:0 18px 50px #1217212e}.editor-legend-panel{left:12px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.editor-tool-panel{right:12px;display:grid;grid-template-rows:auto minmax(0,1fr)}.editor-tool-panel.has-tabs{grid-template-rows:auto auto minmax(0,1fr)}.editor-tool-head{padding:20px 20px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.editor-tool-head h2{margin:4px 0 0;font-size:19px}.editor-tool-head>button{width:36px;height:36px;border:0;background:#f0f2f5;display:grid;place-items:center;cursor:pointer}.editor-side-summary{margin:0 20px 12px;min-height:38px;border:1px solid #e4e7ec;background:#f7f8fa;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-side-summary strong{font-size:14px}.editor-side-summary span{color:var(--muted);font-size:11px}.editor-tool-tabs{margin:0 20px;padding:4px;background:#eef1f5;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}.editor-tool-tabs button{min-width:0;height:38px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.editor-tool-tabs button.active{background:#fff;box-shadow:0 2px 6px #1c233014;font-weight:700}.editor-tool-body{min-height:0;overflow:auto;padding:18px 20px 22px}.editor-tool-body .bom-list.compact{max-height:none;overflow:visible}.editor-tool-body>.color-usage-grid{min-height:min-content}.editor-bom>.editor-side-summary{margin-inline:0}.editor-side-actions{border-top:1px solid #edf0f4;padding:14px 20px 18px}.editor-side-actions .palette-picker-card{min-height:64px;padding:11px 12px}.editor-side-actions .palette-picker-card small{font-size:10px}.cell-color-editor{min-width:0}.cell-color-head{display:grid;gap:10px}.cell-color-head input{width:100%;min-height:40px;border:1px solid var(--line);padding:0 10px;box-sizing:border-box}.contextual-palette-grid{grid-template-columns:repeat(6,1fr);padding:14px 0}.editor-panel-backdrop{display:none}.editor-tool-panel{width:min(430px,calc(100vw - 24px))}.editor-tool-body{overscroll-behavior:contain;scrollbar-width:thin}.editor-color-feedback{margin:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.editor-color-feedback>span{color:var(--muted);font-weight:800}.editor-color-value{min-width:0;position:relative;border:1px solid var(--line);border-radius:13px;padding:9px;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:8px;background:#fffdfa}.editor-color-value>span{grid-column:1 / -1;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:800}.editor-color-value>i{grid-row:2 / span 2;width:28px;height:28px;align-self:center;border:1px solid rgba(31,36,48,.16);border-radius:50%}.editor-color-value>i.is-empty{background:repeating-linear-gradient(135deg,#fff 0 4px,#e5e8ee 4px 6px)}.editor-color-value>strong{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.editor-color-value>small{min-width:0;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.editor-color-value>b{position:absolute;right:7px;top:7px;border-radius:999px;padding:2px 5px;color:#8c254e;background:#ffe8ef;font-size:8px}.editor-color-value.is-changed{border-color:#e9a9c0;background:#fff6f9}.editor-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-quick-actions button{min-width:0;min-height:54px;border:1px solid var(--line);border-radius:12px;padding:7px 9px;display:flex;align-items:center;gap:8px;text-align:left;background:#fff;cursor:pointer}.editor-quick-actions button.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.editor-quick-actions button>span{min-width:0;display:grid;gap:2px}.editor-quick-actions strong{font-size:11px}.editor-quick-actions small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.editor-inline-history{margin:8px 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-inline-history button{min-height:34px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#f2f4f7;cursor:pointer;font-size:11px}.editor-color-tabs{position:sticky;top:-18px;z-index:3;margin:0 0 14px;padding:4px;border-radius:13px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#fff0e8}.editor-color-tabs button{min-height:36px;border:0;border-radius:10px;background:transparent;cursor:pointer;font-size:11px}.editor-color-tabs button.active{color:var(--primary-ink);background:#fff;box-shadow:0 2px 7px #3a2a2817;font-weight:800}.editor-color-tabs button span{color:var(--muted)}.editor-color-section{margin:0 0 18px}.editor-color-section>div:first-child{margin-bottom:8px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.editor-color-section>div:first-child>strong{font-size:13px}.editor-color-section>div:first-child>span{color:var(--muted);font-size:9px;text-align:right}.editor-color-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.editor-color-option{min-width:0;min-height:58px;position:relative;border:1px solid var(--line);border-radius:12px;padding:7px 7px 7px 8px;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 8px;color:var(--ink);text-align:left;background:#fff;cursor:pointer}.editor-color-option:hover{border-color:#aa8d98;background:#fffafb}.editor-color-option.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.editor-color-dot{grid-row:1 / span 2;width:28px;height:28px;border:1px solid rgba(31,36,48,.16);border-radius:50%}.editor-color-option>span{min-width:0;display:grid;gap:1px}.editor-color-option strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.editor-color-option small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.editor-color-option>em{grid-column:2;color:#775d25;font-size:8px;font-style:normal;white-space:nowrap}.editor-color-option>b{position:absolute;right:5px;top:4px;border-radius:999px;padding:2px 4px;display:inline-flex;align-items:center;gap:1px;color:#fff;background:var(--ink);font-size:7px}.editor-color-empty{margin:0;border:1px dashed var(--line);border-radius:11px;padding:12px;color:var(--muted);background:#fafbfc;font-size:10px;text-align:center}.sticky-save{position:sticky;bottom:14px;z-index:20;display:flex;justify-content:flex-end;gap:10px;padding:12px;margin-top:14px;background:#f5f6f8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar-group button.active{color:#fff;background:var(--primary-ink)}.editor-page.is-focus-mode{position:fixed;z-index:25;inset:72px 0 0;width:100%;max-width:none;margin:0;padding:12px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;box-sizing:border-box;background:#f5f6f8}.editor-page.is-focus-mode .editor-toolbar{min-height:0;margin:0}.editor-page.is-focus-mode .editor-workbench{width:100%;height:100%;min-height:0}.editor-page.is-focus-mode .sticky-save{position:static;margin:0;padding-block:8px}.palette-page{padding-bottom:80px}.palette-source-note{min-height:56px;background:#edf4fb;border:1px solid #d4e1ef;color:#45617c;padding:13px 16px;margin-bottom:14px;display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6}.palette-source-note svg{color:#3478a5;flex:none}.palette-source-note span{display:grid}.palette-source-note strong{color:#29445e}.palette-section{background:#fff;border:1px solid var(--line);padding:20px;margin-bottom:14px}.palette-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.palette-section-heading h2{font-size:16px;margin:0}.palette-section-heading span{color:var(--muted);font-size:12px}.palette-section-heading h2{display:inline-flex;align-items:center;gap:7px}.palette-version-groups{display:grid;gap:18px}.palette-version-groups>div>div:first-child{margin-bottom:8px;display:grid;gap:2px}.palette-version-groups>div>div:first-child>strong{font-size:13px}.palette-version-groups>div>div:first-child>span{color:var(--muted);font-size:10px}.palette-version-groups .version-options button{min-height:54px;border-radius:12px;padding:8px 12px;display:grid;align-content:center;gap:2px;text-align:left}.palette-version-groups .version-options button strong{font-size:12px}.palette-version-groups .version-options button small{color:var(--muted);font-size:9px}.palette-version-groups .version-options button.active small{color:#fff}.brand-options,.version-options,.limit-options{display:flex;flex-wrap:wrap;gap:8px}.brand-options button,.version-options button,.limit-options button{min-height:38px;border:1px solid var(--line);background:#fff;padding:0 14px;cursor:pointer;font-size:13px}.brand-options button.active,.version-options button.active,.limit-options button.active{background:var(--ink);border-color:var(--ink);color:#fff}.palette-meta{margin:12px 0 0;color:var(--muted);font-size:12px}.palette-preview-grid{display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));gap:16px 12px;max-height:650px;overflow:auto;padding-right:6px}.palette-color-item{min-width:0;display:grid;justify-items:center;gap:4px;font-size:12px}.palette-color-item i{width:48px;height:48px;border:1px solid rgba(31,36,48,.08)}.palette-color-item strong{font-size:12px}.palette-color-item small{color:#6f5650;font-size:9px}.palette-color-item em{margin-top:-13px;border-radius:8px;background:var(--ink);color:#fff;padding:1px 6px;font-size:9px;font-style:normal}.special-color-list{display:flex;flex-wrap:wrap;gap:24px}.special-color-list .palette-color-item{width:72px}.palette-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.source-preview,.quantized-preview{min-height:320px;background:#f3f5f8;border:1px solid #e5e8ee;display:grid;place-items:center;align-content:center;gap:12px;overflow:auto}.source-preview img{width:100%;height:280px;object-fit:contain}.source-preview span{color:var(--muted)}.source-preview strong,.quantized-preview strong{font-size:13px}.quantized-preview.is-loading{opacity:.55}.apply-palette-button{width:100%;position:sticky;bottom:12px;z-index:20;box-shadow:0 10px 28px #1f24302e}.section-title{margin:12px 0 22px}.section-title h1{margin:5px 0 7px;font-size:28px}.section-title p{color:var(--muted)}.step-card{padding:28px}.step-grid{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:24px}.row-guide{border:1px solid var(--line);padding:22px;max-height:630px;overflow:auto}.row-guide h2{font-size:18px}.row-guide>div{display:grid;grid-template-columns:80px 1fr;padding:10px 0;border-bottom:1px solid #edf0f4;font-size:13px}.row-guide span{color:#596275}.ironing-tip{margin-top:22px;background:#fff7dd;border:1px solid #f3d785;padding:18px;display:flex;align-items:center;gap:12px;color:#8a6500}.ironing-tip div{display:grid;gap:3px}.ironing-tip span{font-size:13px}.share-layout{display:grid;grid-template-columns:.8fr 1.2fr;min-height:760px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.share-copy{padding:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.share-copy h1{margin:8px 0 14px;font-size:42px;line-height:1.15}.share-copy>p{color:var(--muted);line-height:1.8;max-width:440px}.share-facts{display:flex;gap:28px;margin:22px 0 34px}.share-facts span{display:grid;color:var(--muted);font-size:12px}.share-facts strong{color:var(--ink);font-size:24px}.share-copy .secondary-button{margin-top:10px}.link-button{min-width:200px}.share-preview{background:#f2f4f7;padding:40px;display:grid;place-items:center}.share-preview img{max-width:100%;max-height:720px;object-fit:contain;box-shadow:0 18px 48px #1c233024}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#12172175;display:grid;place-items:center;padding:20px}.export-dialog{background:#fff;width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:28px;box-shadow:0 24px 70px #12172147}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin:5px 0 0}.dialog-head button{border:0;background:transparent;cursor:pointer;padding:6px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#eef1f5;padding:4px;margin:22px 0}.segmented button{height:40px;border:0;background:transparent;cursor:pointer}.segmented button.active{background:#fff;box-shadow:0 2px 6px #1c233014;font-weight:700}.export-dialog fieldset{border:0;padding:0;margin:0 0 14px}.export-dialog legend{font-weight:700;margin-bottom:10px}.radio-card{border:1px solid var(--line);padding:14px;display:flex;align-items:flex-start;gap:12px;margin-bottom:9px;cursor:pointer}.radio-card:has(input:checked){border-color:var(--ink);background:#fafbfc}.radio-card input{margin-top:4px;accent-color:var(--ink)}.radio-card span{display:grid;gap:4px}.radio-card small{color:var(--muted);line-height:1.5}.dialog-row{display:grid;grid-template-columns:120px 1fr;align-items:center;margin:14px 0}.dialog-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:22px}.auxiliary-page{padding-bottom:70px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-card{background:#fff;border:1px solid var(--line);padding:16px;box-shadow:var(--shadow)}.template-art{height:170px;display:grid;place-items:center;color:#1f24308c}.template-card h2{font-size:17px;margin:16px 0 7px}.template-card p{color:var(--muted);font-size:13px}.template-card p strong{color:var(--green)}.template-card .primary-button{width:100%;min-height:42px}.help-card{padding:24px;margin-bottom:18px}.help-card h2{display:flex;align-items:center;gap:9px;font-size:19px}.help-card ol,.help-card ul{margin:0;padding-left:28px}.help-card li{padding:10px 0;line-height:1.6}.help-card li strong,.help-card li span{display:block}.help-card li span{color:var(--muted);font-size:14px}.safety-banner{background:#eaf2ff;border:1px solid #cbdcf5;color:#285eaa;padding:20px;display:flex;align-items:center;gap:12px}.safety-banner div{display:grid;gap:3px}.safety-banner span{font-size:13px}.report-card{padding:24px;margin-top:18px}.report-card h2{display:flex;align-items:center;gap:9px;font-size:19px}.report-card>p{color:var(--muted);font-size:13px}.report-card form{display:grid;gap:13px}.report-card label{display:grid;grid-template-columns:150px 1fr;align-items:start;gap:12px;font-size:14px}.report-card select,.report-card input,.report-card textarea{width:100%;border:1px solid #cfd5de;background:#fff;padding:10px 12px}.report-card textarea{min-height:110px;resize:vertical}.report-card .primary-button{justify-self:end;min-height:44px}.report-card output{color:var(--green);justify-self:end;font-size:13px}.favorites-list{display:grid;gap:12px}.favorite-item{background:#fff;border:1px solid var(--line);padding:14px;display:flex;align-items:center;justify-content:space-between}.favorite-item>button:first-child{border:0;background:transparent;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer}.favorite-item span:not(.favorite-art){display:grid;gap:4px}.favorite-item small{color:var(--muted)}.favorite-art{width:64px;height:54px;background:#eef3fb;display:grid;place-items:center;color:var(--blue)}.empty-favorites{min-height:300px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted)}.empty-favorites strong{color:var(--ink)}.save-work-dialog{width:min(590px,calc(100vw - 32px))}.save-work-intro{margin:12px 0 20px;color:var(--muted);line-height:1.6}.save-work-name{display:grid;gap:7px;font-weight:750}.save-work-name input,.favorite-rename input{min-width:0;min-height:42px;border:1px solid var(--line-strong);border-radius:6px;padding:0 11px;color:var(--ink);background:#fff;font:inherit}.save-work-policy{margin:18px 0 12px;border-block:1px solid var(--line)}.save-work-policy>div{padding:12px 0;display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;border-bottom:1px solid var(--line)}.save-work-policy>div:last-child{border-bottom:0}.save-work-policy dt{display:flex;align-items:center;gap:8px;font-weight:800}.save-work-policy dd{margin:0;color:var(--muted);line-height:1.5}.device-account-note{margin:12px 0 0;border-left:3px solid var(--green);padding:8px 11px;color:var(--muted);background:var(--green-soft);font-size:12px;line-height:1.55}.library-title{margin-bottom:16px}.library-account-band{margin-bottom:18px;padding:15px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);align-items:center;gap:28px}.library-account-band>div{min-width:0;display:flex;align-items:center;gap:11px}.library-account-band>div:first-child span{display:grid;gap:2px}.library-account-band>div:last-child{display:grid;grid-template-columns:auto minmax(80px,1fr) auto}.library-account-band small{color:var(--muted)}.library-account-band progress{width:100%;height:8px;accent-color:var(--green)}.migration-notice{margin:0 0 14px;border:1px solid #e8c46d;border-radius:6px;padding:11px 13px;color:#71540d;background:#fff8df;font-size:13px}.library-loading{min-height:180px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted)}.favorite-item{min-width:0;border-radius:8px!important;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.favorite-item>.favorite-open{min-width:0;justify-content:flex-start}.favorite-open>span:last-child{min-width:0}.favorite-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-art{width:76px;height:64px;flex:none;border-radius:5px;overflow:hidden;background:#f3f5f7}.favorite-art img{width:100%;height:100%;object-fit:cover}.favorite-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.favorite-actions button,.favorite-rename button{min-width:36px;min-height:36px;border:1px solid transparent;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--ink);background:transparent;cursor:pointer}.favorite-actions button:hover,.favorite-rename button:hover{border-color:var(--line);background:var(--soft)}.favorite-actions .confirm-delete{padding:0 10px;color:#9a2941;border-color:#e7a8b5}.favorite-rename{min-width:min(430px,46vw);display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px}@media(max-width:640px){.save-work-policy>div{grid-template-columns:1fr;gap:5px}.library-account-band{grid-template-columns:1fr;gap:12px}.library-account-band>div:last-child{grid-template-columns:auto minmax(60px,1fr)}.library-account-band>div:last-child small{grid-column:1 / -1}.favorite-item{grid-template-columns:1fr}.favorite-art{width:64px;height:56px}.favorite-actions{justify-content:flex-start;padding-left:78px}.favorite-rename{min-width:0}}@media(max-width:1350px){.editor-workbench,.editor-workbench.has-legend-panel,.editor-workbench.has-right-panel,.editor-workbench.has-legend-panel.has-right-panel{grid-template-columns:minmax(0,1fr)}.editor-side-panel{position:fixed;z-index:70;top:72px;bottom:90px;width:min(390px,calc(100vw - 24px));height:auto;box-shadow:0 18px 50px #1217212e}.editor-legend-panel{left:0}.editor-tool-panel{right:0}}@media(max-width:900px){.generate-workspace,.step-grid,.share-layout{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.preview-column{order:-1}.empty-preview{min-height:320px}.promise-panel{grid-template-columns:1fr}.share-copy{padding:34px}.share-preview{padding:24px}.share-layout{min-height:auto}.palette-preview-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:640px){.site-header{height:58px}.header-inner{width:calc(100% - 28px)}.brand{font-size:17px;gap:8px}.brand-dots i{width:8px;height:8px}.promise{gap:6px;font-size:11px}.header-nav{display:none}.workspace,.page-width{width:calc(100% - 24px);margin-top:16px}.upload-panel,.preview-panel,.result-preview-card,.legend-card,.result-bom-card,.editor-canvas-panel,.step-card{padding:18px}.generate-workspace{display:block}.preview-column{display:none}.section-heading h1,.section-heading h2{font-size:19px}.dropzone{min-height:250px}.sample-grid{gap:7px}.sample-card{min-height:72px;grid-template-columns:44px minmax(0,1fr);gap:6px;padding:8px}.sample-pixel-art{width:44px}.sample-card-label{font-size:13px}.control-row{grid-template-columns:86px 1fr}.range-row{grid-template-columns:86px 1fr 54px}.success-strip{align-items:flex-start;padding:14px;flex-wrap:wrap}.success-strip .duration{width:100%;margin-left:30px}.canvas-scroll{padding:14px;justify-content:start}.legend-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.legend-item{flex:0 0 auto}.result-actions,.result-actions.five-actions{grid-template-columns:1fr 1fr}.page-toolbar{align-items:flex-start;gap:8px}.page-toolbar>.text-button{flex:0 0 auto;white-space:nowrap}.editor-toolbar-actions{align-items:flex-end;flex-direction:column}.toolbar-group{flex-wrap:wrap;justify-content:flex-end}.toolbar-group button{font-size:0;min-width:34px}.editor-tool-toggles button{font-size:12px}.editor-workbench{height:min(65dvh,560px);min-height:380px}.editor-side-panel{top:58px;left:0;right:0;width:auto}.editor-tool-head{padding:18px 18px 12px}.editor-tool-tabs{margin-inline:18px}.editor-tool-body{padding-inline:18px}.editor-side-summary{margin-inline:18px}.editor-side-actions{padding-inline:18px}.selected-cell-note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-grid{grid-template-columns:repeat(8,1fr)}.editor-palette-grid{grid-template-columns:repeat(8,1fr);max-height:220px}.contextual-palette-grid{grid-template-columns:repeat(8,1fr)}.sticky-save{position:static;padding-inline:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.step-grid .canvas-scroll{min-height:auto}.row-guide{max-height:480px}.row-guide>div{grid-template-columns:70px 1fr}.share-copy{padding:28px 22px}.share-copy h1{font-size:32px}.share-preview{padding:18px}.share-facts{gap:18px}.export-dialog{padding:22px}.global-busy{right:12px;bottom:12px}.error-banner{width:calc(100% - 24px)}.template-grid{grid-template-columns:1fr}.template-art{height:135px}.report-card label{grid-template-columns:1fr;gap:6px}.report-card .primary-button{width:100%}.palette-section{padding:14px}.palette-section-heading{align-items:flex-start;flex-direction:column;gap:5px}.brand-options,.version-options{display:grid;grid-template-columns:repeat(3,1fr)}.brand-options button,.version-options button{padding:0 6px;min-width:0}.limit-options{display:grid;grid-template-columns:repeat(3,1fr)}.palette-preview-grid{grid-template-columns:repeat(3,1fr);max-height:600px}.palette-color-item i{width:44px;height:44px}.palette-compare{grid-template-columns:1fr}.source-preview,.quantized-preview{min-height:240px}.source-preview img{height:210px}}:root{color:#3a2a28;background:#fff7f2;--ink: #3a2a28;--muted: #80655e;--line: #f1ddd2;--line-strong: #9f7766;--surface: #fffdfa;--soft: #fff0e8;--primary: #ff5c8a;--primary-strong: #f03e78;--primary-ink: #c2185b;--accent: #ff8a3d;--green: #3f966a;--green-soft: #edf8f1;--blue: #6d7bdc;--red: #ff5c8a;--yellow: #ffd66b;--shadow: 0 16px 44px rgba(122, 71, 50, .08)}html,body{background:#fff7f2;color:var(--ink)}body{background-image:radial-gradient(circle at 9% 8%,rgba(255,189,173,.2),transparent 23rem),radial-gradient(circle at 92% 28%,rgba(255,214,107,.14),transparent 20rem)}button,input,select,textarea{border-radius:12px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-color:#c2185b47}h1,h2,h3{letter-spacing:-.025em}.panel{background:#fffdfaf5;border-color:var(--line);border-radius:24px;box-shadow:var(--shadow)}.workspace,.page-width{width:min(1200px,calc(100% - 48px))}.eyebrow{color:var(--primary-ink);letter-spacing:.12em}.status-chip{border-radius:999px;background:#ffe5ed;color:var(--primary-ink)}.text-button{color:var(--primary-ink);border-radius:999px}.text-button:hover{color:var(--primary-ink);background:#ffe8ef}.primary-button,.secondary-button,.soft-button{border-radius:999px;min-height:50px;font-weight:800}.primary-button{border:0;color:#fff;background:linear-gradient(135deg,#e11d74,#c2185b);box-shadow:0 10px 22px #c2185b2e}.primary-button:hover{background:linear-gradient(135deg,#d0186b,#a9144f);transform:translateY(-1px)}.secondary-button{border-color:var(--line-strong);color:var(--primary-ink);background:#fffdfa}.secondary-button:hover{border-color:var(--primary);background:#fff4f7}.soft-button{min-height:50px;border:1px solid var(--line-strong);padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--primary-ink);background:#ffffffb8;cursor:pointer}.soft-button:hover{background:#fff;border-color:var(--primary)}.site-header{height:72px;border-color:#e7c5b4b8;background:#fffdfae0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{width:min(1200px,calc(100% - 48px))}.brand{gap:10px;color:var(--ink);text-decoration:none}.brand-mark{width:36px;height:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:4px;border-radius:11px;background:#fff;box-shadow:0 7px 18px #c2185b21;transform:rotate(-4deg)}.brand-mark i{border-radius:3px;background:var(--primary)}.brand-mark i:nth-child(2),.brand-mark i:nth-child(6){background:var(--yellow)}.brand-mark i:nth-child(3),.brand-mark i:nth-child(7){background:#82c9b0}.brand-mark i:nth-child(5){background:var(--primary-ink)}.brand-mark i:nth-child(8){background:#8fa4e8}.brand-copy{display:grid;gap:6px;text-align:left;line-height:1.2}.brand-copy strong{font-size:20px;white-space:nowrap}.brand-copy small{color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.02em;white-space:nowrap}.header-nav{margin:0 auto;gap:2px}.header-nav>button,.header-nav>a,.header-legal-menu>summary{min-height:38px;border:0;border-radius:999px;padding:0 13px;display:inline-flex;align-items:center;gap:5px;color:var(--muted);background:transparent;text-decoration:none;cursor:pointer;font-size:13px}.header-nav>button:hover,.header-nav>a:hover,.header-legal-menu>summary:hover{color:var(--primary-ink);background:#ffe8ef}.shop-nav-icon{flex:none;color:#e11d74;filter:drop-shadow(0 1px 2px rgba(225,29,116,.18))}.header-nav button:disabled{background:transparent}.header-legal-menu{position:relative}.header-legal-menu>summary{list-style:none}.header-legal-menu>summary::-webkit-details-marker{display:none}.header-menu-chevron{transition:transform .16s ease}.header-legal-menu[open] .header-menu-chevron{transform:rotate(180deg)}.header-nav-popover{position:absolute;top:calc(100% + 12px);right:0;z-index:40;width:210px;padding:10px;display:grid;gap:2px;border:1px solid var(--line);border-radius:14px;background:#fffdfa;box-shadow:0 18px 46px #5b2d1c29}.header-nav-popover:before{content:"";position:absolute;top:-13px;left:0;right:0;height:13px}.header-nav-popover>span{padding:7px 10px 5px;color:var(--muted);font-size:10px;font-weight:800}.header-nav-popover a{min-height:38px;padding:0 10px;display:flex;align-items:center;border-radius:9px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.header-nav-popover a:hover{color:var(--primary-ink);background:#fff0f4}.header-tools{display:flex;gap:5px}.header-tools button,.header-tools a{width:38px;height:38px;border:0;border-radius:50%;color:var(--muted);background:transparent;display:grid;place-items:center;cursor:pointer;text-decoration:none}.header-tools button:hover,.header-tools a:hover{color:var(--primary-ink);background:#ffe8ef}.mobile-menu-toggle{display:none!important}.mobile-site-nav{display:none}.home-page{padding-bottom:84px}.hero-section{width:min(1200px,calc(100% - 48px));min-height:660px;margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px}.hero-copy{padding:72px 0}.hero-kicker{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffd0dd;border-radius:999px;padding:8px 12px;color:var(--primary-ink);background:#ffffffb3;font-size:13px;font-weight:750}.hero-copy h1{max-width:640px;margin:20px 0 22px;font-size:clamp(48px,5vw,72px);line-height:1.08}.hero-copy h1 em{color:var(--primary-ink);font-style:normal;position:relative}.hero-copy h1 em:after{content:"";position:absolute;left:1px;right:1px;bottom:1px;height:10px;z-index:-1;border-radius:10px;background:#ffd2df;transform:rotate(-1deg)}.hero-copy>p{max-width:590px;color:var(--muted);font-size:17px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-actions .primary-button{min-width:185px}.hero-trust{margin-top:24px;display:flex;flex-wrap:wrap;gap:17px;color:var(--muted);font-size:12px}.hero-trust span{display:inline-flex;align-items:center;gap:5px}.hero-trust svg{color:var(--green)}.hero-visual{min-width:0;display:grid;place-items:center}.hero-bead-card{width:min(480px,100%);aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #f6dcd0;border-radius:42px;background:linear-gradient(145deg,#fffdfa,#fff0e8);box-shadow:0 32px 80px #a5563b24;transform:rotate(2deg)}.pixel-artwork{display:grid;gap:2px}.pixel-artwork i{display:block;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #3a2a2812,inset -1px -2px 3px #3a2a281a,0 1px 1px #fffc}.hero-bead-card>.pixel-artwork{width:76%;padding:20px;border-radius:28px;background:#ffffffc2;box-shadow:0 18px 40px #6f413017}.floating-chip{position:absolute;border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--primary-ink);background:#fff;box-shadow:0 10px 24px #643a2b1c;font-size:12px;font-weight:800}.chip-one{left:-20px;top:16%}.chip-two{right:-22px;top:28%}.chip-three{right:2%;bottom:7%}.home-section{width:min(1200px,calc(100% - 48px));margin:40px auto 88px}.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.home-section-heading h2{margin:6px 0 0;font-size:30px}.home-section-heading p{margin:8px 0 0;color:var(--muted)}.home-section-heading.centered{justify-content:center;text-align:center}.home-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-example-card{min-width:0;border:1px solid var(--line);border-radius:24px;padding:16px;display:grid;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:16px;color:var(--ink);background:#fffdfaeb;box-shadow:var(--shadow);text-align:left;cursor:pointer}.home-example-card:hover{border-color:var(--primary);transform:translateY(-3px)}.example-art{height:112px;padding:11px;border-radius:18px;display:grid;place-items:center}.example-art .pixel-artwork{width:88px}.example-0{background:#ffe8ee}.example-1{background:#eaf5ea}.example-2{background:#e9edfb}.example-meta{display:grid;gap:7px}.example-meta strong{font-size:17px}.example-meta small{color:var(--muted)}.home-example-card>svg{color:var(--primary-ink)}.feature-section{padding:72px 56px;border-radius:36px;background:#fff0e8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{position:relative;border:1px solid rgba(231,197,180,.72);border-radius:24px;padding:28px;background:#fffdfad1}.feature-grid article>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:var(--primary-ink);background:#ffe3eb}.feature-grid article>small{position:absolute;right:24px;top:24px;color:#8d6757;font-size:26px;font-weight:900}.feature-grid h3{margin:18px 0 9px;font-size:19px}.feature-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.shop-search-hint{min-width:190px;border:1px solid var(--line-strong);border-radius:16px;padding:12px 16px;display:grid;gap:4px;background:#fff}.shop-search-hint small{color:var(--muted)}.shop-search-hint span{font-weight:800}.home-final-cta{width:min(1080px,calc(100% - 48px));margin:0 auto;border-radius:32px;padding:36px 44px;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:28px;background:#3a2a28;color:#fff;overflow:hidden}.home-final-cta>.pixel-artwork{width:96px}.home-final-cta h2{margin:6px 0;font-size:27px}.home-final-cta p{margin:0;color:#dac9c3}.home-final-cta .eyebrow{color:#ffb5ca}.config-page{margin-top:42px}.config-intro{margin-bottom:28px;text-align:center}.config-intro h1{margin:7px 0 8px;font-size:38px}.config-intro p{color:var(--muted)}body:has(.config-page){scroll-padding-top:92px}.config-page:after{content:"";display:block;height:72vh;pointer-events:none}.config-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:22px;align-items:start}.config-main{min-width:0;display:grid;gap:18px}.config-card{padding:26px}.config-anchor{scroll-margin-top:92px}.config-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.config-card-head .step-number{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,#e11d74,#c2185b);font-weight:900}.config-card-head h2{margin:1px 0 5px;font-size:21px}.config-card-head p{margin:0;color:var(--muted);font-size:13px}.dropzone{min-height:280px;border:1.5px dashed #e7b5c4;border-radius:20px;background:#fff8f5}.dropzone-wrap{position:relative}.dropzone:hover,.dropzone.is-dragging{border-color:var(--primary);background:#fff1f5}.dropzone .upload-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:var(--primary-ink);background:#ffe4ec}.dropzone strong{color:var(--ink)}.dropzone span{color:var(--muted)}.dropzone img{height:250px;border-radius:14px}.replace-label{border-radius:999px;background:#3a2a28e6}.clear-upload-button{position:absolute;left:14px;bottom:14px;z-index:2;min-height:38px;border:1px solid #efc8d3;border-radius:999px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;color:var(--primary-ink);background:#fffdfaf0;box-shadow:0 6px 16px #5c372c1a;font-size:12px;font-weight:800;cursor:pointer}.clear-upload-button:hover{border-color:var(--primary);background:#fff}.sample-head span:last-child{color:var(--primary-ink)}.sample-card{min-height:84px;border-color:var(--line);border-radius:18px;grid-template-columns:56px minmax(0,1fr)}.sample-card .pixel-artwork{width:56px;gap:1px}.sample-card:hover{border-color:var(--primary)}.sample-coral{background:#fff0f4}.sample-green{background:#eef8ee}.sample-blue{background:#eef1fc}.selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.selector-grid label{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.selector-grid select{width:100%;min-width:0;min-height:46px;border:1px solid var(--line-strong);padding:0 36px 0 12px;color:var(--ink);background:#fff}.palette-mode-switch{margin-bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.palette-mode-switch button{min-height:72px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;align-content:center;gap:3px;color:var(--ink);background:#fff;cursor:pointer;text-align:left}.palette-mode-switch button strong{font-size:12px}.palette-mode-switch button small{color:var(--muted);font-size:10px;line-height:1.35}.palette-mode-switch button.active{border-color:var(--primary-ink);box-shadow:inset 0 0 0 1px var(--primary-ink);background:#fff3f6}.palette-mode-switch button.active strong{color:var(--primary-ink)}.field-label-with-action{display:inline-flex;align-items:center;gap:5px}.icon-info-button{width:24px;height:24px;border:0;border-radius:50%;padding:0;display:inline-grid;place-items:center;color:var(--primary-ink);background:#ffe8ef;cursor:pointer}.brand-authorization-note{margin-top:10px;border-left:3px solid var(--green);padding:8px 11px;display:flex;align-items:flex-start;gap:8px;color:#416850;background:#eef8f1;font-size:11px;line-height:1.5}.brand-authorization-note svg{flex:none}.palette-version-explanation{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px 12px;color:var(--muted);font-size:11px;line-height:1.5}.palette-version-explanation strong{color:var(--ink)}.palette-version-explanation .count-warning{width:100%;color:#8a6500}.palette-inline-preview{min-height:88px;margin-top:18px;border:1px solid var(--line);border-radius:18px;padding:15px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(230px,290px);align-items:center;gap:20px;background:#fff9f6;overflow:hidden}.palette-inline-preview>div{min-width:0;display:grid;gap:4px}.palette-inline-preview small{min-height:16px;color:var(--muted)}.palette-dot-row{width:100%;min-height:57px;display:grid;grid-template-columns:repeat(9,1fr);align-content:center;gap:5px}.palette-dot-row i{display:block;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #3a2a281f}.palette-dot-skeleton{background:#f3e5de;box-shadow:none!important;animation:palette-pulse 1.2s ease-in-out infinite alternate}.inventory-toolbar{min-height:52px;margin-top:14px;border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}.inventory-toolbar>div{min-width:0;display:grid;gap:3px}.inventory-toolbar strong{display:inline-flex;align-items:center;gap:6px;font-size:12px}.inventory-toolbar small{color:var(--muted);font-size:10px}.inventory-toolbar>button{min-height:34px;border:1px solid var(--line);border-radius:10px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;color:var(--ink);background:#fff;cursor:pointer;font-size:11px}.inventory-toolbar>button.saved{border-color:#b9dbc8;color:#315740;background:#eef8f1}.saved-palette-row{margin-top:9px;display:flex;gap:6px;overflow-x:auto;padding-bottom:3px}.saved-palette-row button{flex:none;min-height:30px;border:1px solid var(--line);border-radius:999px;padding:0 10px;color:var(--muted);background:#fff;cursor:pointer;font-size:10px}.saved-palette-row button.active{border-color:var(--primary-ink);color:var(--primary-ink);background:#fff3f6}.ownership-switch{margin-top:10px;border-radius:12px;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#fff0e8}.ownership-switch button{min-height:34px;border:0;border-radius:9px;color:var(--muted);background:transparent;cursor:pointer;font-size:11px;font-weight:750}.ownership-switch button.active{color:var(--primary-ink);background:#fff;box-shadow:0 2px 8px #5e362814}.inventory-editor{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.inventory-editor-head{margin-bottom:8px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.inventory-editor-head>div{display:flex;gap:6px}.inventory-editor-head button{min-height:26px;border:1px solid var(--line);border-radius:8px;padding:0 9px;color:var(--primary-ink);background:#fff;cursor:pointer;font-size:10px}.inventory-color-grid{max-height:230px;overflow:auto;display:grid;grid-template-columns:repeat(10,minmax(40px,1fr));gap:5px;padding:2px}.inventory-color-grid button{min-width:0;min-height:52px;border:1px solid var(--line);border-radius:9px;padding:4px;display:grid;place-items:center;gap:2px;color:var(--muted);background:#fff;cursor:pointer;font-size:9px}.inventory-color-grid button i{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px #3a2a281f}.inventory-color-grid button.selected{border-color:var(--primary-ink);box-shadow:inset 0 0 0 1px var(--primary-ink);color:var(--primary-ink);background:#fff3f6}.inventory-empty-warning{margin:9px 0 0;color:#8a6500;font-size:11px}@keyframes palette-pulse{to{background:#ead4ca}}.grid-preset-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grid-preset-options button{min-height:118px;position:relative;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;justify-items:start;align-content:center;gap:4px;color:var(--ink);background:#fff;cursor:pointer;text-align:left}.grid-preset-options button:hover,.grid-preset-options button.active{border-color:var(--primary);background:#fff3f6;box-shadow:inset 0 0 0 1px var(--primary)}.grid-preset-options button>span{color:var(--primary-ink);font-size:12px;font-weight:800}.grid-preset-options button>strong{font-size:17px;white-space:nowrap}.grid-preset-options button>small{min-height:30px;color:var(--muted);font-size:11px;line-height:1.35}.grid-preset-options button>svg{position:absolute;top:12px;right:12px;border-radius:50%;padding:2px;color:#fff;background:var(--primary-ink)}.custom-grid-range{min-height:54px;margin-top:12px;padding:0 4px;display:grid;grid-template-columns:130px minmax(0,1fr) 64px;align-items:center;gap:14px;color:var(--muted);font-size:13px}.custom-grid-range input{width:100%;accent-color:var(--primary-ink)}.custom-grid-range output{color:var(--primary-ink);text-align:right;font-weight:800}.advanced-toggle{border-color:var(--line);color:var(--primary-ink)}.advanced-controls{border-color:var(--line)}.control-row{border-color:#f6e7df}.control-row select{border-radius:12px;border-color:var(--line-strong)}.check-row input{accent-color:var(--primary-ink)}.config-summary-column{display:grid;gap:16px}.live-preview-card{padding:22px}.live-preview-card .section-heading h2{font-size:20px}.live-preview-card .empty-preview{min-height:300px;border-radius:18px;padding:24px;background:#fff8f5}.live-preview-card .mini-pattern{width:190px}.source-ready-preview{height:310px;position:relative;border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;place-items:center;background:#fff8f5;overflow:hidden}.source-ready-preview img{max-width:100%;max-height:270px;border-radius:12px;object-fit:contain}.source-ready-preview span{position:absolute;left:12px;bottom:12px;border-radius:999px;padding:7px 10px;color:#fff;background:#3a2a28db;font-size:11px}.config-facts{margin:16px 0 0}.config-facts>div{min-height:42px;border-top:1px solid #f5e5dc;display:flex;align-items:center;justify-content:space-between;gap:10px}.config-facts dt{color:var(--muted);font-size:12px}.config-facts dd{margin:0;font-size:12px;font-weight:800;text-align:right}.generate-commit-card{border-radius:22px;padding:14px;background:#fff0e8e0}.legal-check{border-color:var(--line);border-radius:14px;background:#ffffffad}.generate-button{margin-top:10px}.privacy-note{color:var(--muted)}.result-page{width:min(1480px,calc(100% - 40px));margin-top:18px;gap:14px}.result-hero{border:1px solid var(--line);border-radius:20px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#fffdfaf5,#fff0e8db);box-shadow:var(--shadow)}.result-hero>div{min-width:0;position:relative;padding-left:44px}.success-icon{position:absolute;left:0;top:1px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--green)}.result-hero h1{margin:2px 0 3px;font-size:23px}.result-hero p{margin:0;color:var(--muted);font-size:12px}.result-hero dl{margin:0;display:grid;grid-template-columns:repeat(3,auto);gap:6px}.result-hero dl>div{min-width:96px;border:1px solid var(--line);border-radius:12px;padding:7px 10px;display:grid;gap:1px;background:#ffffffbd}.result-hero dt{color:var(--muted);font-size:10px}.result-hero dd{margin:0;font-size:14px;font-weight:900}.result-color-facts{border:1px solid var(--line);border-radius:16px;padding:9px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fffdfa}.result-color-facts>div{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.result-color-facts span{color:var(--muted);font-size:10px}.result-color-facts strong{color:var(--primary-ink);font-size:12px;white-space:nowrap}.missing-color-alert{border:1px solid #efd78c;border-radius:16px;padding:13px 15px;display:flex;align-items:flex-start;gap:10px;color:#765700;background:#fff8dc}.missing-color-alert>svg{flex:none}.missing-color-alert>div{min-width:0;display:grid;gap:5px}.missing-color-alert p{margin:0;font-size:11px;line-height:1.5}.missing-color-alert>div>div{display:flex;flex-wrap:wrap;gap:5px}.missing-color-alert span{border-radius:999px;padding:4px 8px;display:inline-flex;align-items:center;gap:5px;color:#5f4b15;background:#fff;font-size:10px}.missing-color-alert span i{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px #3a2a281f}.result-board-layout{min-width:0;position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}.result-preview-card{min-width:0;height:clamp(680px,calc(100dvh - 190px),960px);min-height:640px;padding:18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.result-preview-card .section-heading{margin-bottom:12px}.result-preview-card .section-heading h2{font-size:20px}.result-preview-tools{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px}.result-panel-toggles{display:inline-flex;align-items:center;gap:6px}.result-panel-toggles button{min-height:36px;border:1px solid var(--line);border-radius:11px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);background:#fff;cursor:pointer;font-size:12px;font-weight:750}.result-panel-toggles button.active{border-color:var(--primary-ink);color:#fff;background:var(--primary-ink)}.result-canvas{min-height:0;height:100%;overflow:auto;place-content:safe center;place-items:safe center;border-radius:18px;padding:22px;background:#fff9f6}.result-canvas .pattern-canvas{max-width:none;max-height:none;object-fit:contain;image-rendering:auto}.board-tip{margin:8px 0 0;color:var(--muted);font-size:11px;text-align:center}.result-side-card{position:fixed;z-index:70;top:84px;bottom:12px;width:min(360px,calc(100vw - 24px));height:auto;min-width:0;min-height:0;padding:18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;box-shadow:0 18px 50px #1217212e}.result-legend-panel{left:12px}.result-quantity-panel{right:12px}.result-side-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:flex-start;gap:8px;padding:3px 2px 14px}.result-side-head h2{margin:4px 0 0;font-size:17px}.result-side-head>span{border-radius:999px;padding:5px 8px;color:var(--primary-ink);background:#ffe8ef;font-size:10px;font-weight:800}.result-side-close{width:30px;height:30px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;color:var(--primary-ink);background:#ffe8ef;cursor:pointer}.result-legend-list,.result-bom-list{min-height:0;overflow:auto;padding-right:3px;scrollbar-width:thin}.result-legend-list>div,.result-bom-list>div{min-width:0;min-height:54px;border-bottom:1px solid #f5e6de;display:grid;align-items:center;gap:8px}.result-legend-list>div{grid-template-columns:24px 30px minmax(0,1fr)}.result-bom-list>div{grid-template-columns:30px minmax(0,1fr) auto}.legend-index{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#7b5710;background:var(--yellow);font-size:10px;font-weight:900}.result-legend-list i,.result-bom-list i{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #3a2a281f,inset -1px -2px 4px #3a2a281f}.result-legend-list>div>span:last-child,.result-bom-list>div>span{min-width:0;display:grid;gap:2px}.result-legend-list strong,.result-bom-list strong{font-size:13px}.result-legend-list small,.result-bom-list small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.result-bom-list b{display:inline-flex;align-items:baseline;gap:2px;color:var(--primary-ink);font-size:15px}.result-bom-list b small{font-weight:500}.result-bom-total{min-height:48px;border-top:1px solid var(--line-strong);display:flex;align-items:center;justify-content:space-between}.result-bom-total span{color:var(--muted);font-size:12px}.result-bom-total strong{color:var(--primary-ink)}.result-assembly{border-radius:18px;padding:0;overflow:hidden;background:#fff0e8}.result-assembly summary{min-height:72px;padding:10px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;cursor:pointer;list-style:none}.result-assembly summary::-webkit-details-marker{display:none}.assembly-summary-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--primary-ink);background:#ffffffc7}.assembly-summary-copy{min-width:0;display:grid;gap:2px}.assembly-summary-copy strong{font-size:16px}.assembly-summary-copy small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.assembly-summary-toggle{display:inline-flex;align-items:center;gap:5px;color:var(--primary-ink);font-size:12px;font-weight:800}.assembly-summary-toggle .when-open{display:none}.assembly-summary-toggle svg{transition:transform .2s ease}.result-assembly[open] .assembly-summary-toggle .when-closed{display:none}.result-assembly[open] .assembly-summary-toggle .when-open{display:inline}.result-assembly[open] .assembly-summary-toggle svg{transform:rotate(180deg)}.assembly-expanded{border-top:1px solid rgba(231,197,180,.72);padding:16px 18px 18px}.assembly-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.assembly-grid article{min-height:112px;position:relative;border:1px solid rgba(231,197,180,.72);border-radius:16px;padding:18px;background:#fffdfadb}.assembly-grid article>span{position:absolute;right:14px;top:11px;color:#e5c2b1;font-size:19px;font-weight:900}.assembly-grid article>svg{color:var(--primary-ink)}.assembly-grid h3{margin:10px 0 4px}.assembly-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.assembly-expanded>.text-button{margin:10px 0 0 auto}.result-actions{border:1px solid rgba(231,197,180,.72);border-radius:18px;padding:6px;gap:8px;background:#fff7f2e6;box-shadow:0 8px 24px #5e36281a}.result-actions .primary-button,.result-actions .secondary-button{min-height:42px;padding:0 14px;font-size:12px}.shop-page{width:100%;color:var(--ink);background:#fffdfa}.shop-page h1,.shop-page h2,.shop-page h3,.shop-page .eyebrow{letter-spacing:0}.shop-container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.shop-toolbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.shop-toolbar>span{color:var(--muted);font-size:12px;font-weight:750}.shop-hero{border-top:1px solid #f2cdbb;border-bottom:1px solid #f2cdbb;background:#ffe7df}.shop-hero-inner{min-height:520px;padding-block:54px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:72px}.shop-hero-copy{min-width:0}.shop-kicker{display:inline-flex;align-items:center;gap:7px;border:1px solid #e8b8aa;border-radius:999px;padding:7px 12px;color:var(--primary-ink);background:#ffffffc2;font-size:12px;font-weight:800}.shop-hero h1{margin:18px 0 16px;font-size:52px;line-height:1.1}.shop-hero-copy>p{max-width:640px;margin:0;color:#654e49;font-size:17px;line-height:1.8}.shop-hero-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}.shop-hero-actions button{padding-inline:22px}.shop-hero-visual{min-width:0;min-height:360px;position:relative;display:grid;place-items:center;align-content:center;gap:22px}.shop-logo-mark{width:256px;aspect-ratio:1;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;transform:rotate(2deg)}.shop-logo-mark i{display:block;border-radius:28%}.shop-logo-mark i.berry{background:#ff5c8a;box-shadow:inset -5px -6px #c2185b1f}.shop-logo-mark i.ink{background:#c2185b;box-shadow:inset -5px -6px #4f0a241f}.shop-logo-mark i.orange{background:#ff8a3d;box-shadow:inset -5px -6px #91410c1a}.shop-logo-mark b{width:8px;height:8px;position:absolute;right:-21px;border-radius:50%;background:#ff8a3d}.shop-logo-mark b:nth-of-type(1){top:32%}.shop-logo-mark b:nth-of-type(2){top:41%}.shop-logo-mark b:nth-of-type(3){top:50%}.shop-visual-caption{display:grid;gap:3px;text-align:center}.shop-visual-caption strong{font-size:17px}.shop-visual-caption span{color:var(--muted);font-size:12px}.shop-honest-note{max-width:620px;margin-top:24px;border:1px solid #e8c2b6;border-radius:14px;padding:11px 14px;display:flex;align-items:flex-start;gap:9px;color:#74554d;background:#ffffff8f;font-size:12px;line-height:1.6}.shop-honest-note svg{margin-top:1px;flex:none;color:var(--primary-ink)}.shop-section{padding:76px 0}.shop-story{background:#fffdfa}.shop-story-layout{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(0,1.32fr);gap:80px}.shop-story h2,.shop-section-heading h2,.shop-faq h2{margin:7px 0 0;font-size:30px;line-height:1.3}.shop-story-copy p{margin:0 0 14px;color:#5e4b47;line-height:1.85}.shop-values{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}.shop-values span{border:1px solid #efc9bc;border-radius:999px;padding:7px 12px;color:var(--primary-ink);background:#fff0e8;font-size:12px;font-weight:800}.shop-palette-section{border-block:1px solid var(--line);background:#fff7f2}.shop-section-heading{margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.shop-section-heading>p{max-width:360px;margin:0;color:var(--muted);font-size:13px;line-height:1.65;text-align:right}.shop-swatch-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-swatch-row{min-height:92px;border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;background:#fff;box-shadow:0 8px 24px #7a47320d}.shop-swatch-row>div:first-child{display:grid;gap:4px}.shop-swatch-row>div:first-child strong{font-size:15px}.shop-swatch-row>div:first-child span{color:var(--muted);font-size:11px}.shop-swatch-colors{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:8px}.shop-swatch-colors>span{min-width:0;display:grid;gap:4px;text-align:center}.shop-swatch-colors i{width:100%;height:34px;border:1px solid rgba(58,42,40,.16);border-radius:9px}.shop-swatch-colors small{color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:9px}.shop-data-note{margin:18px 0 0;display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:12px;line-height:1.6}.shop-data-note svg{margin-top:1px;flex:none;color:var(--green)}.shop-products{background:#fffdfa}.shop-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.shop-product-grid article{min-width:0;border:1px solid var(--line);border-radius:22px;padding:15px 15px 18px;display:flex;flex-direction:column;background:#fff;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.shop-product-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 44px #7a47321f}.shop-product-visual{min-height:142px;position:relative;border-radius:16px;display:grid;place-items:center;overflow:hidden;color:var(--primary-ink)}.shop-product-visual.beads{grid-template-columns:repeat(4,28px);align-content:center;gap:8px;background:#fff0e8}.shop-product-visual.beads svg{grid-column:1 / -1;margin-bottom:5px}.shop-product-visual.beads span{width:28px;height:28px;border-radius:28%;background:#ff5c8a}.shop-product-visual.beads span:nth-of-type(2){background:#ffcf5c}.shop-product-visual.beads span:nth-of-type(3){background:#82c9b0}.shop-product-visual.beads span:nth-of-type(4){background:#8fa4e8}.shop-product-visual.board{color:#416f95;background-color:#eaf4fb;background-image:linear-gradient(#bfd5e5 1px,transparent 1px),linear-gradient(90deg,#bfd5e5 1px,transparent 1px);background-size:22px 22px}.shop-product-visual.tools{color:#8d6411;background:#fff4cf}.shop-product-visual.accessories{color:#357457;background:#e8f5ed}.shop-product-grid h3{margin:18px 0 7px;font-size:18px}.shop-product-grid p{min-height:68px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.shop-product-grid button{min-height:42px;margin-top:15px;border:0;padding:0;display:inline-flex;align-items:center;gap:5px;align-self:flex-start;color:var(--primary-ink);background:transparent;cursor:pointer;font-size:12px;font-weight:800}.shop-product-grid button:hover{text-decoration:underline;text-underline-offset:3px}.shop-trust-band{border-block:1px solid #cfe7dc;padding:28px 0;background:#eef8f1}.shop-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.shop-trust-grid>div{min-width:0;padding:6px 22px;display:flex;align-items:center;gap:11px;border-right:1px solid #cfe7dc;color:#326147}.shop-trust-grid>div:first-child{padding-left:0}.shop-trust-grid>div:last-child{padding-right:0;border-right:0}.shop-trust-grid svg{flex:none}.shop-trust-grid span{min-width:0;display:grid;gap:2px}.shop-trust-grid strong{font-size:13px}.shop-trust-grid small{color:#587063;font-size:10px;line-height:1.4}.shop-buy-section{scroll-margin-top:88px;padding:72px 0;color:#fff;background:#3a2a28}.shop-buy-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.74fr);align-items:center;gap:56px}.shop-buy-layout>div:first-child .eyebrow{color:#ffb5ca}.shop-buy-layout h2{margin:8px 0 13px;color:#fff;font-size:32px}.shop-buy-layout>div:first-child p{max-width:610px;margin:0;color:#e8d8d2;line-height:1.75}.shop-search-tool{min-width:0;border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:#ffffff14}.shop-search-tool>span{min-width:0;display:grid;gap:4px}.shop-search-tool small{color:#dec9c1;font-size:10px}.shop-search-tool strong{overflow-wrap:anywhere;color:#fff;font-size:17px}.shop-search-tool button{min-height:44px;border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#3a2a28;background:#fff;cursor:pointer;font-weight:800}.shop-search-tool button:hover{background:#fff0e8}.shop-search-tool output{min-height:18px;grid-column:1 / -1;color:#ffd6e2;font-size:11px}.shop-honest-note.is-dark{max-width:none;margin:0;grid-column:1 / -1;border-color:#ffffff42;color:#fff;background:#ffffff12}.shop-honest-note.is-dark svg{color:#ffb5ca}.shop-faq{background:#fffdfa}.shop-faq-layout{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:72px;align-items:start}.shop-faq details{border-bottom:1px solid var(--line)}.shop-faq summary{min-height:62px;padding:14px 2px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--ink);cursor:pointer;list-style:none;font-weight:800}.shop-faq summary::-webkit-details-marker{display:none}.shop-faq summary svg{flex:none;color:var(--primary-ink);transition:transform .18s ease}.shop-faq details[open] summary svg{transform:rotate(180deg)}.shop-faq details p{margin:-2px 0 20px;color:var(--muted);line-height:1.75}.canvas-scroll{border-color:var(--line);border-radius:18px;background:#fff9f6}.pattern-canvas{border-radius:4px;box-shadow:0 10px 28px #663e2f1a}.success-strip,.palette-source-note,.safety-banner,.ironing-tip,.empty-note{border-radius:14px}.toolbar-group{border-color:var(--line);border-radius:16px}.editor-tool-toggles button.active{border-radius:11px;color:#fff;background:var(--primary-ink)}.editor-side-panel,.editor-canvas-panel{border-radius:24px}.editor-tool-head>button{border-radius:50%;color:var(--primary-ink);background:#ffe8ef}.editor-tool-tabs,.palette-scope-toggle{border-radius:14px;background:#fff0e8}.editor-tool-tabs button,.palette-scope-toggle button{border-radius:10px}.editor-tool-tabs button.active{color:var(--primary-ink)}.editor-side-summary{border-color:var(--line);border-radius:13px;background:#fff9f6}.editor-side-actions{border-color:var(--line)}.palette-picker-card{border-radius:16px;background:linear-gradient(135deg,#e11d74,#c2185b)}.palette-picker-card small{color:#ffe0e9}.palette-swatch{border-radius:50%}.palette-swatch.selected,.palette-swatch.erase.selected{border-color:var(--primary-ink)}.cell-color-head input,.palette-search{border-color:var(--line-strong);border-radius:12px}.sticky-save{border:1px solid var(--line);border-radius:22px;background:#fff7f2e6}.palette-source-note{border-color:#d5e8db;color:#416850;background:#eef8f1}.palette-source-note svg{color:var(--green)}.palette-source-note strong{color:#315740}.palette-section{border-color:var(--line);border-radius:22px;background:#fffdfa}.brand-options button,.version-options button,.limit-options button{border-color:var(--line-strong);border-radius:999px}.brand-options button.active,.version-options button.active,.limit-options button.active{border-color:var(--primary-ink);background:var(--primary-ink)}.palette-color-item i{border-radius:50%}.source-preview,.quantized-preview{border-color:var(--line);border-radius:18px;background:#fff9f6}.share-layout,.export-dialog,.help-card,.report-card,.favorite-item,.empty-favorites{border-color:var(--line);border-radius:24px}.share-preview{background:#fff0e8}.export-dialog{background:#fffdfa}.segmented,.radio-card{border-radius:14px}.segmented{background:#fff0e8}.radio-card{border-color:var(--line)}.radio-card:has(input:checked){border-color:var(--primary);background:#fff4f7}.report-card select,.report-card input,.report-card textarea{border-color:var(--line-strong);border-radius:12px}.safety-banner{border-color:#d4e4f3;background:#eff7fd}.templates-page{width:min(1120px,calc(100% - 48px))}.sample-data-note{border-radius:999px;padding:7px 11px;color:var(--muted);background:#fff0e8;font-size:11px}.template-hero{padding:42px 38px;border:1px solid var(--line);border-radius:30px;text-align:center;background:linear-gradient(135deg,#fff0e8,#fffdfa)}.template-hero h1{margin:8px 0 10px;font-size:36px}.template-hero p{margin:0;color:var(--muted)}.template-filter{margin:22px 0;display:flex;justify-content:center;gap:8px}.template-filter button{min-height:38px;border:1px solid var(--line);border-radius:999px;padding:0 18px;color:var(--muted);background:#fff;cursor:pointer}.template-filter button.active{border-color:var(--primary-ink);color:#fff;background:var(--primary-ink)}.ugc-template-grid{grid-template-columns:repeat(3,1fr)}.template-card{border-color:var(--line);border-radius:24px;padding:0;overflow:hidden;background:#fffdfa}.template-art{width:100%;height:240px;position:relative;border:0;border-radius:0;display:block;padding:0;cursor:pointer;overflow:hidden}.template-pattern{position:absolute;left:50%;top:50%;width:180px;height:180px;display:grid;place-items:center;transform:translate(-50%,-50%)}.template-pattern .pixel-artwork{width:180px}.template-tone-0{background:#ffe8ee}.template-tone-1{background:#e8f4e9}.template-tone-2{background:#e9edfb}.template-tone-3{background:#fff0f2}.template-tone-4{background:#eef6e8}.template-tone-5{background:#e9f4fb}.template-level{position:absolute;left:14px;top:14px;border-radius:999px;padding:6px 9px;color:var(--primary-ink);background:#ffffffe0;font-size:11px;font-weight:800}.template-card-body{padding:16px 18px 18px}.template-author{display:flex;align-items:center;gap:8px}.template-author>span:first-child{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--primary);font-size:11px;font-weight:800}.template-author small{color:var(--muted)}.template-favorite-icon{margin-left:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--primary-ink);background:#ffe8ef}.template-card-body h2{margin:14px 0 5px}.template-card-body>p{margin:0}.template-card-foot{margin-top:15px;padding-top:13px;border-top:1px solid #f5e5dc;display:flex;align-items:center;justify-content:space-between}.template-card-foot>span{display:inline-flex;align-items:center;gap:5px;color:var(--primary-ink);font-size:12px}.template-card-foot button{border:0;display:inline-flex;align-items:center;gap:4px;color:var(--primary-ink);background:transparent;font-size:12px;font-weight:800;cursor:pointer}.template-card-foot>span:last-child{gap:10px}.template-notice{margin-top:22px;border:1px solid var(--line);border-radius:16px;padding:13px 16px;display:flex;align-items:center;gap:9px;color:var(--muted);background:#fffdfa;font-size:12px}.template-notice svg{color:var(--green);flex:none}.template-art>img{width:100%;height:100%;object-fit:cover;display:block}.template-source-badge{position:absolute;right:14px;top:14px;border-radius:999px;padding:6px 9px;color:#fff;background:#b3205be0;font-size:11px;font-weight:800}.template-source-badge.builtin{color:var(--muted);background:#ffffffe6}.template-description{min-height:38px;margin-top:8px!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.template-loading,.empty-templates{min-height:130px;display:grid;place-items:center;align-content:center;gap:9px;color:var(--muted)}.empty-templates{margin-bottom:18px}.publish-dialog{width:min(680px,calc(100vw - 32px));max-height:min(900px,calc(100dvh - 32px));overflow:auto}.publish-form{display:grid;gap:15px}.publish-form>label,.publish-fields label{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:750}.publish-form input:not([type=checkbox]),.publish-form select,.publish-form textarea{width:100%;box-sizing:border-box;border:1px solid #cfd5de;border-radius:10px;padding:11px 12px;color:var(--ink);background:#fff;font:inherit}.publish-form textarea{min-height:82px;resize:vertical}.publish-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.publish-privacy-note{border:1px solid #cfe7dc;border-radius:14px;padding:13px;display:flex;gap:10px;color:#486257;background:#f4fbf7;font-size:12px;line-height:1.55}.publish-privacy-note svg{flex:none;color:var(--green)}.publish-privacy-note span{display:grid;gap:2px}.anonymous-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:end}.anonymous-row>span{grid-column:1 / -1}.anonymous-row small{min-height:42px;display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:500}.anonymous-row small input{width:auto}.publish-pattern-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.publish-pattern-summary span{border-radius:12px;padding:10px;text-align:center;color:var(--primary-ink);background:#fff0f4;font-size:12px;font-weight:800}.publish-confirm{align-items:flex-start;margin:0;line-height:1.5}.publish-confirm input{margin-top:3px;flex:none}.publish-workflow{margin:0;color:var(--muted);font-size:11px}.publish-success{display:grid;justify-items:center;text-align:center}.publish-success>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--green)}.publish-success h3{margin:16px 0 7px;font-size:24px}.publish-success>p{max-width:480px;margin:0 0 18px;color:var(--muted);line-height:1.6}.publish-success dl{width:100%;margin:0 0 20px;border-top:1px solid var(--line)}.publish-success dl>div{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;text-align:left}.publish-success dt{color:var(--muted)}.publish-success dd{margin:0;font-weight:700;text-align:right}.my-submissions{margin-top:22px;border:1px solid var(--line);border-radius:22px;padding:20px;background:#fffdfa}.my-submissions-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.my-submissions-head h2{margin:4px 0 0}.my-submissions-head small{color:var(--muted)}.my-submission-list{margin-top:14px;display:grid;gap:10px}.my-submission-list article{border:1px solid var(--line);border-radius:14px;padding:13px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:center}.my-submission-list article>div{display:flex;align-items:center;gap:9px}.my-submission-list article>p{grid-column:1 / -1;margin:0;color:var(--muted);font-size:12px}.my-submission-list article>small{color:var(--muted)}.my-submission-list article>button{grid-column:2;grid-row:1 / span 2}.submission-status{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:#edf1f5}.status-pending{color:#73580d;background:#fff4c7}.status-published{color:#25623e;background:#e4f6e9}.status-rejected,.status-taken_down{color:#8c293c;background:#fde9ed}.status-withdrawn{color:var(--muted);background:#edf1f5}.report-dialog{width:min(560px,calc(100vw - 32px))}.report-dialog>p{color:var(--muted);line-height:1.6}.route-state-page{min-height:calc(100dvh - 150px);display:grid;place-items:center;align-content:center;gap:12px;text-align:center}.route-state-page>span{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:var(--primary-ink);background:#ffe8ef}.route-state-page>svg{color:var(--primary-ink)}.route-state-page h1{margin:4px 0 0;font-size:30px}.route-state-page p{max-width:560px;margin:0;color:var(--muted);line-height:1.7}.route-state-page>div{margin-top:8px;display:flex;justify-content:center;gap:10px}.template-title-link{border:0;padding:0;color:inherit;background:transparent;font:inherit;font-weight:inherit;cursor:pointer;text-align:left}.template-title-link:hover{color:var(--primary-ink)}.template-detail-page{width:min(1040px,calc(100% - 48px));margin-top:24px}.template-detail-layout{padding:28px;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);gap:34px;align-items:center}.template-detail-cover{aspect-ratio:1;border-radius:22px;padding:18px;display:grid;place-items:center;overflow:hidden;background:#fff0e8}.template-detail-cover img{width:100%;height:100%;border-radius:14px;object-fit:contain}.template-detail-copy h1{margin:8px 0 12px;font-size:36px}.template-detail-copy>p{margin:0;color:var(--muted);line-height:1.7}.template-detail-copy dl{margin:22px 0;border-top:1px solid var(--line)}.template-detail-copy dl>div{min-height:46px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.template-detail-copy dt{color:var(--muted)}.template-detail-copy dd{margin:0;font-weight:800;text-align:right}.template-detail-privacy{margin-bottom:18px;border:1px solid #cfe7dc;border-radius:14px;padding:12px 14px;display:flex;align-items:flex-start;gap:9px;color:#486257;background:#f4fbf7;font-size:12px;line-height:1.55}.template-detail-privacy svg{flex:none;color:var(--green)}.template-detail-copy>.primary-button{width:100%}.builtin-template-section,.public-template-section{margin-top:30px}.template-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.template-section-head h2{margin:4px 0 0;font-size:24px}.template-section-head small{color:var(--muted)}.builtin-template-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.builtin-template-row .template-card{min-width:0}.builtin-template-row .template-art{height:150px}.builtin-template-row .template-card-body{padding:12px}.builtin-template-row h3{margin:0 0 4px;font-size:15px}.builtin-template-row p{margin:0 0 8px;color:var(--muted);font-size:12px}.template-inline-action{border:0;display:inline-flex;align-items:center;gap:4px;padding:0;color:var(--primary-ink);background:transparent;font-size:12px;font-weight:800;cursor:pointer}.template-query-panel{display:grid;gap:14px;padding:16px;border:1px solid var(--line);background:#fffdfa}.template-search{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:750}.template-search>span:last-child{min-width:0;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:0 11px;background:#fff}.template-search input{width:100%;min-height:40px;border:0;outline:0;font:inherit;color:var(--ink)}.template-sort{display:flex;gap:4px;padding:4px;background:#f2f3f5}.template-sort button{flex:1;min-height:36px;border:0;color:var(--muted);background:transparent;font-weight:750;cursor:pointer}.template-sort button.active{color:#fff;background:var(--ink)}.template-filter-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.template-filter-fields label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:750}.template-filter-fields select{width:100%;min-height:38px;border:1px solid var(--line);padding:0 8px;color:var(--ink);background:#fff;font:inherit}.template-filter-actions{display:flex;align-items:center;gap:14px}.favorite-only{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:8px 11px;color:var(--muted);background:#fff;font-weight:750;cursor:pointer}.favorite-only.active,.template-detail-actions .secondary-button.active{border-color:var(--primary-ink);color:var(--primary-ink);background:#fff0f4}.template-inline-state,.template-inline-error{display:flex;align-items:center;gap:8px;padding:12px 0;color:var(--muted);font-size:13px}.template-inline-error,.template-load-error{color:#8c293c}.template-load-error{min-height:180px;display:grid;place-items:center;align-content:center;gap:9px;border:1px solid #f0cbd2;background:#fff8f9;text-align:center}.template-load-error span{color:var(--muted);font-size:13px}.template-pagination{display:flex;justify-content:center;margin-top:18px}.template-metrics{display:flex;gap:13px;margin-top:12px;color:var(--muted);font-size:11px}.template-metrics span,.template-detail-metrics span{display:inline-flex;align-items:center;gap:4px}.template-author .template-favorite-icon{border:0;cursor:pointer}.template-favorite-icon.active{color:var(--primary-ink);background:#ffd9e5}.template-detail-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px}.template-origin-label{border:1px solid #cfe7dc;padding:5px 8px;color:#25623e;background:#f4fbf7;font-size:11px;font-weight:800}.template-detail-metrics{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;color:var(--muted);font-size:12px}.template-detail-actions{display:flex;align-items:center;gap:12px;margin-bottom:14px}@media(max-width:1240px){.header-nav>button,.header-nav>a,.header-legal-menu>summary{padding-inline:9px}.hero-section{gap:34px}.result-board-layout{grid-template-columns:minmax(0,1fr)}.result-preview-card{grid-column:1 / -1;grid-row:1}.result-side-card{height:auto;min-height:0}}@media(max-width:980px){.header-nav button:nth-child(2),.header-nav button:nth-child(3),.header-nav button:nth-child(4){display:none}.hero-section{min-height:auto;grid-template-columns:1fr;padding:34px 0 64px}.hero-copy{padding:30px 0 0;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-bead-card{width:min(430px,84vw)}.home-example-grid{grid-template-columns:1fr}.home-example-card{grid-template-columns:100px minmax(0,1fr) auto}.example-art{height:96px}.example-art .pixel-artwork{width:76px}.config-layout{grid-template-columns:1fr}.config-summary-column{grid-template-columns:1fr 1fr}.generate-commit-card{align-self:start}.grid-preset-options{grid-template-columns:1fr 1fr}.result-hero{align-items:stretch;flex-direction:column;gap:10px}.result-board-layout{grid-template-columns:minmax(0,1fr)}.result-preview-card{grid-column:1 / -1;grid-row:1}.result-side-card{height:auto;min-height:0}.assembly-grid{grid-template-columns:1fr 1fr}.result-actions.five-actions,.result-actions.six-actions{grid-template-columns:repeat(3,1fr)}.feature-section{padding:50px 28px}.feature-grid{grid-template-columns:1fr}.ugc-template-grid{grid-template-columns:repeat(2,1fr)}.builtin-template-row{grid-template-columns:repeat(3,1fr)}.template-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-hero-inner{grid-template-columns:minmax(0,1fr) 280px;gap:36px}.shop-logo-mark{width:210px}.shop-story-layout{gap:42px}.shop-product-grid{grid-template-columns:1fr 1fr}.shop-trust-grid{grid-template-columns:1fr 1fr;gap:18px 0}.shop-trust-grid>div:nth-child(2){border-right:0}.shop-trust-grid>div:nth-child(3){padding-left:0}.shop-buy-layout,.shop-faq-layout{grid-template-columns:1fr;gap:28px}}@media(max-width:680px){.site-header{height:62px}.header-inner{width:calc(100% - 24px)}.brand-mark{width:32px;height:32px}.brand-copy strong{font-size:18px}.brand-copy small,.header-nav{display:none}.header-tools button,.header-tools a{width:42px;height:42px}.header-help-link{display:none!important}.mobile-menu-toggle{display:grid!important}.mobile-site-nav{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 62px);padding:18px 16px 22px;overflow-y:auto;border-top:1px solid var(--line);border-bottom:1px solid #e7c3b3;background:#fffdfafa;box-shadow:0 18px 42px #5b2d1c29}.mobile-site-nav.is-open{display:grid;gap:22px}.mobile-nav-primary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-nav-primary a{min-height:46px;padding:0 13px;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fffaf7;text-decoration:none;font-size:13px;font-weight:750}.mobile-nav-primary a:hover{border-color:#e5b8a6;color:var(--primary-ink);background:#fff0f4}.mobile-nav-primary .mobile-shop-link{gap:7px}.mobile-nav-legal{padding-top:18px;border-top:1px solid var(--line)}.mobile-nav-legal>span{display:inline-flex;align-items:center;gap:7px;color:var(--primary-ink);font-size:12px;font-weight:800}.mobile-nav-legal>div{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.mobile-nav-legal a{min-height:42px;display:flex;align-items:center;color:var(--muted);text-decoration:none;font-size:12px;font-weight:700}.mobile-nav-legal a:hover{color:var(--primary-ink)}.workspace,.page-width,.home-section,.hero-section{width:calc(100% - 24px)}.home-page{padding-bottom:48px}.hero-section{padding-top:20px}.hero-copy h1{font-size:41px}.hero-copy>p{font-size:15px}.hero-actions{display:grid}.hero-trust{display:grid;justify-content:start;width:max-content;max-width:100%;margin-inline:auto;text-align:left}.hero-bead-card{border-radius:30px}.floating-chip{padding:7px 9px;font-size:10px}.chip-one{left:-7px}.chip-two{right:-6px}.home-section{margin-block:24px 54px}.home-section-heading{align-items:flex-start;flex-direction:column}.home-section-heading h2{font-size:25px}.home-example-card{grid-template-columns:82px minmax(0,1fr) auto;padding:12px}.example-art{height:78px;padding:8px}.example-art .pixel-artwork{width:62px}.feature-section{padding:38px 16px;border-radius:26px}.feature-grid article{padding:22px}.shop-search-hint{min-width:0}.home-final-cta{width:calc(100% - 24px);padding:28px 22px;grid-template-columns:68px 1fr}.home-final-cta>.pixel-artwork{width:68px}.home-final-cta .primary-button{grid-column:1 / -1}.home-final-cta h2{font-size:22px}.config-page{margin-top:24px}.config-page:after{height:26vh}.config-intro h1{font-size:31px}.config-card{padding:18px}.config-anchor{scroll-margin-top:76px}.selector-grid,.palette-mode-switch{grid-template-columns:1fr}.palette-mode-switch button{min-height:58px}.palette-inline-preview{min-height:162px;grid-template-columns:1fr;align-items:start}.palette-dot-row{width:100%}.inventory-toolbar{grid-template-columns:1fr auto}.inventory-toolbar>.text-button{grid-column:1 / -1;justify-self:stretch;justify-content:center}.inventory-color-grid{grid-template-columns:repeat(5,minmax(42px,1fr))}.grid-preset-options{grid-template-columns:1fr 1fr}.grid-preset-options button{min-height:104px;padding:14px}.grid-preset-options button>strong{font-size:15px}.custom-grid-range{grid-template-columns:1fr 58px}.custom-grid-range>span{grid-column:1 / -1}.config-summary-column{grid-template-columns:1fr}.source-ready-preview{height:270px}.result-page{width:calc(100% - 20px);margin-top:10px;gap:10px}.result-hero{padding:12px 14px;gap:10px}.result-hero>div{padding-left:40px;padding-top:0}.success-icon{top:0;width:32px;height:32px}.result-hero h1{font-size:20px}.result-hero p{display:none}.result-hero dl{width:100%;grid-template-columns:1fr 1fr 1fr}.result-hero dl>div{min-width:0;padding:6px}.result-color-facts{grid-template-columns:1fr 1fr}.result-color-facts>div{min-height:24px}.result-board-layout{grid-template-columns:1fr}.result-preview-card{grid-column:1;height:min(620px,calc(100dvh - 160px));min-height:560px;padding:12px}.result-preview-card .section-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:10px}.result-canvas{padding:8px}.result-side-card{height:auto;min-height:0}.result-preview-tools{width:100%;align-items:center;flex-direction:row;gap:6px}.result-panel-toggles{min-width:0;flex:1}.result-panel-toggles button{min-width:0;padding-inline:7px;justify-content:center;font-size:11px}.result-preview-tools>.text-button{padding-inline:3px;white-space:nowrap;font-size:11px}.result-assembly summary{min-height:66px;padding:9px 12px;gap:10px}.assembly-summary-icon{width:36px;height:36px}.assembly-summary-copy strong{font-size:14px}.assembly-summary-copy small{max-width:180px}.assembly-summary-toggle{font-size:11px}.assembly-expanded{padding:12px}.assembly-grid{grid-template-columns:1fr 1fr;gap:8px}.assembly-grid article{min-height:104px;padding:12px}.result-actions.five-actions,.result-actions.six-actions{position:static;grid-template-columns:repeat(3,1fr);gap:5px}.result-actions .primary-button,.result-actions .secondary-button{min-height:40px;grid-column:auto;padding:3px;gap:5px;font-size:11px}.result-actions svg{width:16px;height:16px}.ugc-template-grid{grid-template-columns:1fr}.builtin-template-row{grid-template-columns:repeat(2,1fr)}.template-filter-fields{grid-template-columns:1fr 1fr}.template-hero{padding:34px 18px}.template-hero h1{font-size:29px}.template-filter{justify-content:flex-start;overflow-x:auto}.template-filter button{flex:none}.template-art{height:220px}.sample-data-note{max-width:170px;text-align:right}.template-section-head{align-items:flex-start;flex-direction:column;gap:5px}.template-search{grid-template-columns:1fr;gap:5px}.route-state-page{width:calc(100% - 24px);min-height:calc(100dvh - 100px)}.route-state-page h1{font-size:26px}.route-state-page>div{width:100%;flex-direction:column}.template-detail-page{width:calc(100% - 24px)}.template-detail-layout{padding:18px;grid-template-columns:1fr;gap:22px}.template-detail-cover{max-height:420px}.template-detail-copy h1{font-size:29px}.publish-fields{grid-template-columns:1fr}.anonymous-row{grid-template-columns:1fr!important}.anonymous-row>span{grid-column:auto}.publish-dialog{max-height:calc(100dvh - 16px)}.editor-page{width:calc(100% - 16px)}.editor-workbench{height:min(67dvh,590px)}.sticky-save{border:0}.editor-page.is-focus-mode{inset:62px 0 0;width:100%;padding:8px}.editor-page.is-focus-mode .editor-toolbar-actions{width:100%}.editor-page.is-focus-mode .editor-workbench{height:100%;min-height:0}.result-side-card,.editor-side-panel{top:74px;left:12px;right:12px;width:auto}.result-side-card{bottom:8px}.editor-side-panel{bottom:88px}.shop-container{width:calc(100% - 28px)}.shop-toolbar{min-height:54px}.shop-toolbar>span{display:none}.shop-hero-inner{min-height:0;padding-block:38px 44px;grid-template-columns:1fr;gap:30px}.shop-hero h1{font-size:38px}.shop-hero-copy>p{font-size:15px}.shop-hero-actions{display:grid}.shop-hero-actions button{width:100%}.shop-hero-visual{min-height:260px}.shop-logo-mark{width:178px;gap:7px}.shop-logo-mark b{right:-16px;width:7px;height:7px}.shop-honest-note{margin-top:20px}.shop-section{padding:52px 0}.shop-story-layout{grid-template-columns:1fr;gap:22px}.shop-story h2,.shop-section-heading h2,.shop-faq h2{font-size:25px}.shop-section-heading{margin-bottom:22px;align-items:flex-start;flex-direction:column;gap:10px}.shop-section-heading>p{max-width:none;text-align:left}.shop-swatch-list{grid-template-columns:1fr}.shop-swatch-row{min-height:88px;grid-template-columns:86px minmax(0,1fr);gap:10px;padding:12px}.shop-swatch-colors{gap:5px}.shop-swatch-colors i{height:32px}.shop-product-grid{grid-template-columns:1fr}.shop-product-grid p{min-height:0}.shop-product-visual{min-height:154px}.shop-trust-grid{grid-template-columns:1fr;gap:0}.shop-trust-grid>div,.shop-trust-grid>div:first-child,.shop-trust-grid>div:nth-child(3),.shop-trust-grid>div:last-child{min-height:68px;padding:10px 0;border-right:0;border-bottom:1px solid #cfe7dc}.shop-trust-grid>div:last-child{border-bottom:0}.shop-buy-section{padding:52px 0}.shop-buy-layout h2{font-size:27px}.shop-search-tool{grid-template-columns:1fr;padding:16px}.shop-search-tool button{width:100%}.shop-search-tool output{grid-column:auto}.shop-honest-note.is-dark{grid-column:auto}.shop-faq-layout{gap:20px}.shop-faq summary{min-height:58px}.shop-faq details p{font-size:14px}}@media(max-width:680px){.result-page{width:calc(100% - 16px)}.result-preview-card,.editor-workbench{height:min(67dvh,590px);min-height:0}.editor-canvas-panel{padding:12px}.editor-scroll{padding:8px}html.editor-drawer-open,html.editor-drawer-open body{overflow:hidden;overscroll-behavior:none}.editor-panel-backdrop{position:fixed;z-index:65;inset:0;display:block;border:0;padding:0;background:#2b1f1e47}.editor-tool-panel{top:auto!important;right:0;bottom:0;left:0;width:100%;height:min(78dvh,680px);max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));border-radius:24px 24px 0 0;padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 -18px 50px #12172133}.editor-tool-panel .editor-tool-head{padding-top:14px}.editor-tool-panel .editor-tool-head:before{content:"";position:absolute;left:50%;top:7px;width:42px;height:4px;border-radius:999px;transform:translate(-50%);background:#d5c5bd}.editor-tool-panel .editor-tool-body{padding-top:12px;padding-bottom:20px;-webkit-overflow-scrolling:touch}.editor-color-tabs{top:-12px}.editor-color-option{min-height:62px}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:200;left:12px;top:8px;padding:11px 16px;color:#fff;background:#3a2a28;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.route-content:focus{outline:none}.legal-page,.support-page{width:min(960px,calc(100% - 48px))}.legal-tabs{margin:20px 0 28px;display:flex;flex-wrap:wrap;gap:8px}.legal-tabs a{min-height:36px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--ink);background:#fff;font-size:13px;text-decoration:none}.legal-document{display:grid;gap:0}.legal-document section{padding:26px 0;border-bottom:1px solid var(--line)}.legal-document h2{margin:0 0 12px;font-size:21px}.legal-document p{margin:10px 0;color:#4e5869;line-height:1.75}.legal-document a{color:#1b65c9}.legal-draft-notice{border:1px solid #e6c15e;border-radius:6px;padding:16px;display:flex;align-items:flex-start;gap:11px;color:#755809;background:#fff8df;line-height:1.55}.legal-draft-notice span{display:grid;gap:3px}.legal-config-error{border-left:4px solid #b42318;padding-left:12px;color:#8c2637!important}.data-practice-list{margin:0}.data-practice-list div{padding:16px 0;border-top:1px solid #edf0f4;display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px}.data-practice-list dt{font-weight:800}.data-practice-list dd{margin:0;color:#4e5869;line-height:1.7}.support-contact-strip{margin-bottom:20px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--muted);font-size:13px}.support-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;align-items:start}.support-form-panel,.support-query-panel{border:1px solid var(--line);border-radius:8px;padding:22px;background:#fffdfa}.support-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#f3f5f8}.support-mode button{min-height:42px;border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);background:transparent;cursor:pointer}.support-mode button.active{color:#fff;background:var(--ink)}.support-form-panel form,.support-query-panel form{margin-top:20px;display:grid;gap:14px}.support-form-panel label,.support-query-panel label{display:grid;gap:6px;font-size:13px;font-weight:750}.support-form-panel input,.support-form-panel select,.support-form-panel textarea,.support-query-panel input{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:5px;padding:9px 11px;color:var(--ink);background:#fff;font:inherit}.support-form-panel textarea{min-height:140px;resize:vertical}.support-form-panel output{overflow-wrap:anywhere;color:var(--green);line-height:1.55}.support-query-panel h2{margin:0;display:flex;align-items:center;gap:8px;font-size:18px}.support-query-panel>p{color:var(--muted);font-size:13px;line-height:1.6}.ticket-status{margin:20px 0 0;border-top:1px solid var(--line)}.ticket-status div{padding:10px 0;display:grid;grid-template-columns:80px 1fr;gap:10px}.ticket-status dt{color:var(--muted)}.ticket-status dd{margin:0;overflow-wrap:anywhere}.site-footer{margin-top:64px;border-top:1px solid #efcfc1;color:var(--muted);background:#fff0e8}.site-footer-main{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:44px 0 36px;display:grid;grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(150px,.72fr));gap:42px}.site-footer-brand{display:flex;align-items:flex-start;flex-direction:column}.footer-brand-link{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.footer-brand-link>span:last-child{display:grid;gap:4px}.footer-brand-link strong{font-size:18px}.footer-brand-link small{color:var(--muted);font-size:10px;font-weight:700}.site-footer-brand p{margin:15px 0 17px;color:var(--muted);font-size:13px;line-height:1.7}.footer-support-cta{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid #e8bca9;border-radius:999px;color:var(--primary-ink);background:#ffffff8c;text-decoration:none;font-size:12px;font-weight:800}.footer-support-cta svg:last-child{margin-left:2px;transition:transform .16s ease}.footer-support-cta:hover{border-color:var(--primary);background:#fff}.footer-support-cta:hover svg:last-child{transform:translate(2px)}.site-footer-column{display:flex;align-items:flex-start;flex-direction:column;gap:9px;font-size:12px;line-height:1.55}.site-footer-column>strong{margin-bottom:5px;color:var(--ink);font-size:13px}.site-footer-column a{color:var(--muted);text-decoration:none}.site-footer-column a:hover{color:var(--primary-ink);text-decoration:underline;text-underline-offset:3px}.site-footer-contact a,.site-footer-contact span{display:inline-flex;align-items:flex-start;gap:7px;overflow-wrap:anywhere}.site-footer-contact svg{margin-top:2px;flex:0 0 auto;color:var(--primary-ink)}.site-footer-meta{width:min(1200px,calc(100% - 48px));min-height:58px;margin:0 auto;padding:14px 0;border-top:1px solid #e8c9bb;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:11px;line-height:1.6}.footer-registration{display:flex;align-items:center;flex-wrap:wrap;gap:5px 18px}.footer-registration>span:first-child{color:var(--ink);font-weight:750}.footer-registration a{color:var(--muted);text-decoration:none}.footer-registration a:hover{color:var(--primary-ink);text-decoration:underline}.site-footer-meta small{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:#825a16}@media(max-width:760px){.legal-page,.support-page{width:min(100% - 28px,960px)}.data-practice-list div{grid-template-columns:1fr;gap:6px}.support-grid,.support-mode{grid-template-columns:1fr}.site-footer-main{width:calc(100% - 32px);padding:34px 0 28px;grid-template-columns:1fr 1fr;gap:30px 22px}.site-footer-brand,.site-footer-contact{grid-column:1 / -1}.site-footer-meta{width:calc(100% - 32px);padding:18px 0;align-items:flex-start;flex-direction:column;gap:10px}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #1b65c9;outline-offset:3px}.pattern-canvas.is-editable:focus-visible{box-shadow:0 0 0 5px #fff,0 0 0 8px #1b65c9}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{border-color:var(--line-strong)}[aria-invalid=true]{border-color:#b42318!important;box-shadow:0 0 0 1px #b42318}.dialog-description{margin:8px 0 0;color:var(--muted);line-height:1.55}.form-error-summary,.field-error{border:1px solid #d92d20;border-radius:12px;padding:11px 13px;color:#8f1710;background:#fff1f0;font-size:13px;line-height:1.5}.form-error-summary ul{margin:5px 0 0;padding-left:20px}.field-error{margin:0}.report-card output.is-error{color:#8f1710}.pattern-text-alternative{width:100%;margin-top:10px;border:1px solid var(--line-strong);border-radius:12px;background:#fffdfa}.pattern-text-alternative summary{min-height:44px;padding:10px 14px;display:flex;align-items:center;color:var(--primary-ink);cursor:pointer;font-size:13px;font-weight:800}.pattern-text-table-scroll{max-height:360px;overflow:auto;border-top:1px solid var(--line)}.pattern-text-alternative table{width:100%;border-collapse:collapse;color:var(--ink);background:#fff;font-size:13px;line-height:1.55}.pattern-text-alternative caption{padding:12px;text-align:left;color:var(--muted);font-weight:700}.pattern-text-alternative th,.pattern-text-alternative td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}.pattern-text-alternative thead th{position:sticky;top:0;z-index:1;color:var(--ink);background:#fff0e8}.pattern-text-alternative tbody th{min-width:82px;white-space:nowrap}.editor-view-switch{display:flex;align-items:center;gap:8px}.editor-view-switch>button{min-height:40px;border:1px solid var(--line-strong);border-radius:10px;padding:0 12px;color:var(--primary-ink);background:#fff;cursor:pointer;font-weight:750}.coordinate-editor{margin-top:14px;padding:20px;border-radius:20px}.coordinate-editor>div:first-child h2{margin:0 0 5px;font-size:20px}.coordinate-editor>div:first-child p{margin:0 0 16px;color:var(--muted);line-height:1.6}.coordinate-editor-controls{display:grid;grid-template-columns:minmax(110px,.5fr) minmax(110px,.5fr) minmax(240px,1.6fr) auto;gap:12px;align-items:end}.coordinate-editor-controls label{display:grid;gap:6px;color:var(--ink);font-size:13px;font-weight:750}.coordinate-editor-controls input,.coordinate-editor-controls select{width:100%;min-height:46px;border:1px solid var(--line-strong);border-radius:10px;padding:0 11px;color:var(--ink);background:#fff}.coordinate-editor-controls .secondary-button{min-height:46px}.anonymous-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.anonymous-row>label:first-child{display:grid;gap:7px}.anonymous-choice{min-height:44px;display:flex!important;align-items:center;grid-auto-flow:column;gap:8px!important;color:var(--muted)!important;font-weight:600!important}.anonymous-choice input{width:22px;height:22px}@media(max-width:760px){.coordinate-editor-controls{grid-template-columns:1fr 1fr}.coordinate-editor-controls label:nth-child(3),.coordinate-editor-controls .secondary-button{grid-column:1 / -1}.editor-view-switch{align-items:flex-end;flex-direction:column}}@media(max-width:680px),(pointer:coarse){button,summary,a.primary-button,a.secondary-button,.check-row{min-height:44px}.header-tools button,.result-side-close,.editor-tool-head>button{width:44px;height:44px;min-width:44px}input[type=checkbox],input[type=radio]{width:24px;height:24px;flex:0 0 auto}.result-actions .primary-button,.result-actions .secondary-button{min-height:44px}.coordinate-editor{padding:16px}}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.spin{animation:none!important}.sample-card:hover,.primary-button:hover{transform:none}}