:root{--purple:#285be0;--purple2:#285be0;--ink:#20304a;--bg:#f5f6fa;--line:#dfe4ed;--muted:#7c879b}body{background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft JhengHei",Arial,sans-serif}.topbar{min-height:56px;padding:9px 20px;background:white;border-color:var(--line)}.brand-wordmark{font-size:24px;font-weight:750;letter-spacing:-.7px;color:#172338;text-decoration:none;white-space:nowrap}.brand-wordmark span{color:#ff6b24}.layout{padding:18px 20px 28px;grid-template-columns:320px minmax(0,1fr);gap:18px;max-width:1560px}.controls,.result-card{border-color:var(--line);border-radius:11px;box-shadow:0 4px 18px #20304a06}.controls{max-height:calc(100dvh - 94px);padding:15px 16px 20px}.mode-switch{border-radius:8px;background:#f2f5fb}.mode-switch button{border-radius:6px;padding:9px 5px}.mode-switch button.selected{background:#285be0;box-shadow:none}.ghost{padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:white}.ghost:hover{background:#f0f4fd}.section-title{font-size:13px}.title-icon{display:none}.config-accordion{border-color:var(--line);border-radius:8px}.results{position:sticky;top:18px}.result-head{padding:15px 18px;border-bottom:1px solid var(--line)}.result-symbol{display:none}.result-title h1{font-size:18px;margin:0}.result-title p:empty{display:none}.download-actions{gap:7px}.download-actions select{border-color:var(--line);border-radius:6px;padding:7px 8px}.download-button{background:#285be0;border-radius:7px;box-shadow:none;padding:9px 14px}.preview-stage{height:min(calc(100dvh - 215px),760px);min-height:330px;padding:20px;overflow:auto;background:#f2f4f9}.preview-stage>img,#classic-preview img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto}.preview-stage #classic-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.preview-stage.actual-size>img,.preview-stage.actual-size #classic-preview img{max-width:none;max-height:none}.result-foot{padding:10px 17px;min-height:50px}.result-foot .pill{font-size:11px}.results .result-card{overflow:hidden}.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:12px 0}.pattern-grid button{padding:7px 5px;font-size:10px;background:#fff;border:1px solid var(--line);border-radius:5px}.pattern-grid button.active{border-color:#9fb7ef;background:#edf3ff;color:#285be0}#art-shapes,#classic-shapes,#art-finders,#classic-finders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#art-shapes button,#classic-shapes button,#art-finders button,#classic-finders button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 2px;min-width:0;border:1px solid var(--line);border-radius:6px;background:white;font-size:10px;color:#66748a}#art-shapes img,#classic-shapes img,#art-finders img,#classic-finders img{width:31px;height:31px}#art-shapes button.active,#classic-shapes button.active,#art-finders button.active,#classic-finders button.active{border-color:#9fb7ef;background:#edf3ff;color:#285be0}.theme-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.theme-tile{border:1px solid var(--line);border-radius:6px;background:white;overflow:hidden;padding:3px;font-size:9px;min-width:0;color:#63738b}.theme-tile img{width:100%;height:72px;display:block;object-fit:cover;border-radius:3px}.theme-tile span{display:block;padding:4px 0}.theme-tile.active{border-color:#285be0;background:#eef3ff}#classic-template-categories select{width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;background:white;color:inherit;margin-bottom:10px}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.preset-card{border:1px solid var(--line);background:white;border-radius:7px;padding:5px;min-width:0;color:#68778f;font-size:10px}.preset-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.preset-card span{display:block;padding:5px 0}.preset-card.active{border-color:#285be0;background:#edf3ff}.template-pager{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:13px;font-size:11px;padding:8px}.template-pager button{background:white;border:1px solid var(--line);border-radius:5px;padding:4px 12px}canvas.position-pad,#art-crop-canvas,#art-text-canvas{touch-action:none;max-width:100%;height:auto}.color-grid label,.dual-color-grid label{color:#63738b}.soft-button{border-color:var(--line);background:white;color:#62718a;border-radius:6px}.segmented button.active,#art-palette-modes button.active,#classic-paint-boards button.active{background:#edf3ff;border-color:#b1c6f0;color:#285be0}.busy-overlay{background:#f4f6fbe6}.loader{border-top-color:#285be0}.exporting .controls{pointer-events:none;opacity:.7}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#a9bdf4}.qr-scan-reminder{display:none}#classic-module-count:empty{display:none}.top-tools{flex-wrap:wrap}.message.fail{color:#b44238}.file-button{background:#edf3ff;color:#285be0;border-color:#c5d4f2}.text-style-presets{gap:5px}.text-style-chip{min-width:26px;min-height:26px}.paint-boards{display:flex;flex-wrap:wrap;gap:5px}.paint-boards button{background:white;border:1px solid var(--line);padding:6px 8px;border-radius:5px;font-size:11px}.preview-stage.painting{touch-action:none;cursor:crosshair}
@media(max-width:1000px){.layout{grid-template-columns:290px minmax(0,1fr);gap:12px;padding:14px}.result-head{align-items:flex-start;gap:10px;flex-wrap:wrap}.download-actions{flex-wrap:wrap}.download-button{font-size:12px}.preview-stage{min-height:300px}}
@media(max-width:700px){.topbar{padding:9px 12px;gap:8px}.brand-wordmark{font-size:23px}.top-tools{gap:4px}.ghost{padding:7px 8px;font-size:11px}.layout{display:flex;flex-direction:column;padding:12px;gap:12px}.controls{width:100%;max-height:none;overflow:visible;order:1}.results{position:static;width:100%;order:0}.result-head{padding:12px}.result-title h1{font-size:16px}.download-actions select{padding:6px;font-size:11px}.download-button{padding:7px 10px}.preview-stage{height:min(58dvh,500px);min-height:260px;padding:13px}.result-foot{padding:8px 12px}.message{font-size:11px}.theme-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}#art-shapes,#classic-shapes,#art-finders,#classic-finders{grid-template-columns:repeat(5,minmax(0,1fr))}.template-pager{padding:6px}.mode-switch{position:sticky;top:0;z-index:3;background:#f1f4fa}.config-accordion .section-content{padding:12px}.top-tools button{white-space:nowrap}}

.topbar{height:56px}.result-title h1{color:#20304a}.preview-stage{display:flex;align-items:center;justify-content:center;min-width:0}.preview-stage #classic-preview{flex:none;min-width:0;min-height:0}.preview-stage #classic-preview img{flex:none;min-width:0;min-height:0}.preview-stage.actual-size{display:block}