:root{color-scheme:light;--ink: #29323d;--ink-soft: #59616b;--coral: #e77b66;--coral-pale: #f7c4b8;--sky: #79b7cf;--sky-pale: #d9eff6;--cream: #f8efe4;--paper: #fffaf4;--line: #29323d;--shadow: 8px 8px 0 rgba(41, 50, 61, .16);font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;font-size:16px;line-height:1.6;background:var(--cream);color:var(--ink)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--cream)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}.site-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 18px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand strong{display:block;font-size:1.03rem;letter-spacing:.08em}.brand small{display:block;color:var(--ink-soft);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:3px solid var(--ink);border-radius:13px 18px 15px 16px;background:var(--coral-pale);font-size:1.4rem;line-height:1;transform:rotate(-7deg)}.header-note{margin:0;color:var(--ink-soft);font-size:.88rem}.intro{position:relative;display:flex;align-items:end;justify-content:space-between;gap:40px;padding:clamp(34px,6vw,72px) clamp(22px,5vw,64px) clamp(30px,4vw,50px);border:2px solid var(--line);border-radius:38px 22px 44px 28px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden}.intro:before,.intro:after{position:absolute;content:"";border-radius:999px;pointer-events:none}.intro:before{width:180px;height:180px;top:-94px;right:15%;background:var(--sky-pale)}.intro:after{width:100px;height:100px;right:-28px;bottom:-22px;background:var(--coral-pale)}.intro-copy{position:relative;z-index:1;max-width:690px}.eyebrow{margin:0 0 10px;color:var(--coral);font-size:.72rem;font-weight:800;letter-spacing:.16em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(2.25rem,6vw,4.8rem);letter-spacing:-.075em;line-height:1.05}.intro-catch{margin-bottom:18px;font-size:clamp(1.35rem,3vw,2.35rem);font-weight:800;letter-spacing:-.045em;line-height:1.25}.intro-catch em{color:var(--coral);font-style:normal;text-decoration:underline;text-decoration-thickness:.09em;text-underline-offset:.15em}.intro-lead{max-width:38rem;margin-bottom:0;color:var(--ink-soft);font-size:clamp(1rem,2vw,1.15rem)}.intro-stamp{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:154px;flex:0 0 auto;transform:rotate(4deg)}.intro-stamp span{display:grid;min-height:54px;place-items:center;border:2px solid var(--ink);color:var(--ink);background:var(--sky-pale);font-size:.88rem;font-weight:800}.intro-stamp span:nth-child(2){background:var(--coral-pale);transform:translateY(8px)}.intro-stamp span:nth-child(3){background:#f7efe1}.intro-stamp span:nth-child(4){background:#dde9d9;transform:translateY(-5px)}.intro-stamp span:nth-child(5){grid-column:span 2;background:var(--paper);transform:translate(12px)}.seed-panel,.commercial-note{margin-top:28px;padding:26px clamp(18px,3vw,32px);border:2px solid var(--line);border-radius:25px 18px 30px 19px;background:var(--sky-pale)}.section-kicker{display:flex;align-items:center;gap:11px}.section-kicker h2{margin:0;font-size:1.35rem;letter-spacing:-.03em}.section-number{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:.78rem;font-weight:800}.section-help{margin:7px 0 18px 43px;color:var(--ink-soft);font-size:.9rem}.seed-form label{display:block;margin-bottom:7px;font-size:.82rem;font-weight:800}.seed-row{display:flex;align-items:center;gap:9px}.seed-row input{width:min(100%,345px);min-height:48px;padding:8px 14px;border:2px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font-size:1rem}.seed-row input:focus,button:focus-visible,a:focus-visible{outline:4px solid rgba(68,122,157,.35);outline-offset:2px}.field-hint{margin:7px 0 0;color:var(--ink-soft);font-size:.75rem}.field-message{min-height:1.6em;margin:3px 0 0;font-size:.82rem}.field-message[data-tone=error],.status[data-tone=error]{color:#9c332d}.field-message[data-tone=success],.status[data-tone=success]{color:#2d6a49}.atelier-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(22px,4vw,54px);margin-top:52px;align-items:start}.preview-column,.controls-column{min-width:0}.preview-stage-wrap{position:relative;margin-top:18px;padding:clamp(20px,4vw,40px);border:2px solid var(--line);border-radius:27px 37px 24px 42px;background:#fff5eb;box-shadow:var(--shadow);overflow:hidden}.paper-decor{position:absolute;z-index:0;inset:0;opacity:.56;pointer-events:none}.paper-decor img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.preview-stage{position:relative;z-index:1;width:min(100%,512px);margin:0 auto;aspect-ratio:1;border:2px solid var(--line);border-radius:22px 18px 27px 19px;background:#fffaf4d1;box-shadow:4px 5px #29323d24;overflow:hidden}.preview-stage svg{display:block;width:100%;height:100%}.preview-caption{position:relative;z-index:1;margin:15px 0 0;color:var(--ink-soft);font-size:.77rem;text-align:center}.action-panel{margin-top:18px}.action-row{display:flex;flex-wrap:wrap;gap:9px}.action-row-subtle{margin-top:9px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:8px 16px;border:2px solid var(--line);border-radius:999px;font-size:.87rem;font-weight:800;line-height:1.2;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.button:hover{transform:translateY(-2px);box-shadow:3px 3px #29323d2e}.button-dark{background:var(--ink);color:#fff}.button-primary{background:var(--coral);color:#fff}.button-coral{border-color:var(--coral);background:var(--coral-pale);color:var(--ink)}.button-quiet{background:var(--paper);color:var(--ink)}.button-outline{background:transparent;color:var(--ink)}.button-text{border-color:transparent;background:transparent;color:var(--ink-soft)}.status{min-height:1.6em;margin:10px 0 0;color:var(--ink-soft);font-size:.83rem}.controls-column{padding:24px;border:2px solid var(--line);border-radius:26px 18px 34px 20px;background:var(--paper);box-shadow:var(--shadow)}.controls-column>.section-help{margin-left:43px}.part-controls{display:grid;gap:16px;margin-top:18px}.part-group{min-width:0;margin:0;padding:0;border:0}.part-group legend{margin-bottom:7px;padding:0;color:var(--ink-soft);font-size:.82rem;font-weight:800}.part-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.part-option{display:flex;min-height:63px;flex-direction:column;justify-content:center;gap:1px;padding:6px 4px;border:2px solid #d7cabe;border-radius:12px 10px 14px 9px;background:#fff;color:var(--ink);text-align:center}.part-option:nth-child(2n){transform:translateY(3px)}.part-option:hover{border-color:var(--sky);background:var(--sky-pale)}.part-option.is-selected{border-color:var(--ink);background:var(--coral-pale);box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.part-number{color:var(--coral);font-size:.66rem;font-weight:900;letter-spacing:.08em}.part-label{overflow-wrap:anywhere;font-size:.78rem;font-weight:800}.color-box{margin-top:24px;padding-top:20px;border-top:2px dashed #cfc1b5}.color-box h3{margin-bottom:0;font-size:1.08rem}.control-note{margin:0 0 11px;color:var(--ink-soft);font-size:.78rem}.color-controls{display:grid;gap:9px}.color-group{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px}.color-group-label{color:var(--ink-soft);font-size:.77rem;font-weight:800}.color-options{display:flex;flex-wrap:wrap;gap:7px}.color-option{display:grid;width:44px;height:44px;place-items:center;padding:4px;border:2px solid #d7cabe;border-radius:50%;background:var(--paper)}.color-option span{display:block;width:26px;height:26px;border-radius:50%;background:var(--swatch-color);box-shadow:inset 0 0 0 1px #29323d2e}.color-option.is-selected{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.selection-summary{display:grid;gap:2px;margin-top:22px;padding:13px 14px;border-radius:12px;background:var(--cream);color:var(--ink-soft);font-size:.72rem}.selection-summary strong{color:var(--ink);font-size:.82rem;line-height:1.45}.compare-panel{margin-top:30px;padding-top:20px;border-top:2px dashed #cfc1b5}.compare-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.compare-heading h2{margin-bottom:0;font-size:1.05rem}.compare-heading span{color:var(--ink-soft);font-size:.72rem}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.compare-card>span{display:block;margin-bottom:5px;color:var(--ink-soft);font-size:.72rem}.mini-preview{display:grid;min-width:0;aspect-ratio:1;place-items:center;border:2px solid var(--line);border-radius:14px 10px 16px 11px;background:#fff5eb;overflow:hidden}.mini-preview svg{display:block;width:100%;height:100%}.empty-preview{padding:14px;color:var(--ink-soft);font-size:.75rem;text-align:center}.commercial-note{display:grid;grid-template-columns:minmax(200px,.5fr) 1fr;gap:32px;align-items:start;margin-bottom:38px;background:var(--coral-pale)}.commercial-note h2{margin-bottom:0;font-size:1.35rem}.commercial-note p:last-child{margin:0;color:var(--ink-soft);font-size:.88rem}.commercial-note a{font-weight:800}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:0 0 28px;color:var(--ink-soft);font-size:.75rem}@media(max-width:900px){.atelier-grid{grid-template-columns:minmax(0,1fr)}.controls-column{order:-1}.preview-column{order:1}}@media(max-width:600px){.site-shell{width:min(100% - 20px,560px)}.site-header{align-items:flex-start;padding-top:17px}.header-note{max-width:115px;font-size:.74rem;line-height:1.35;text-align:right}.intro{display:block;padding:30px 20px 26px;border-radius:25px 18px 30px 20px}h1{font-size:clamp(2.18rem,13vw,3.5rem)}.intro-stamp{width:138px;margin:25px 0 0 auto}.intro-stamp span{min-height:45px;font-size:.75rem}.seed-panel,.commercial-note{margin-top:18px;padding:20px 16px}.seed-row{align-items:stretch;flex-wrap:wrap}.seed-row input{width:100%}.seed-row .button-primary{flex:1 1 195px}.seed-row .button-quiet{flex:0 1 105px}.section-help{margin-left:0}.controls-column{padding:18px 14px}.controls-column>.section-help{margin-left:0}.part-options{gap:6px}.part-option{min-height:59px}.part-label{font-size:.72rem}.action-row .button{flex:1 1 140px}.action-row-subtle .button{flex:1 1 130px}.commercial-note{grid-template-columns:1fr;gap:10px}.site-footer{display:block;padding:0 4px 20px}.site-footer span{display:block;margin-top:4px}}@media(max-width:360px){.site-shell{width:calc(100% - 12px)}.part-options{grid-template-columns:repeat(2,minmax(0,1fr))}.part-option{min-height:52px}.color-group{grid-template-columns:36px 1fr}.color-option{width:44px;height:44px}.preview-stage-wrap{padding:12px}.action-row .button,.action-row-subtle .button{flex-basis:100%}}