:root{--bg:#f7f7f1;--ink:#2b362b;--muted:#74796f;--green:#536a49;--line:#e1e4d9;--soft:#edf1e6}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;min-height:44px;padding:8px 14px}button:hover:not(:disabled){background:var(--soft)}:focus-visible{outline-offset:3px;outline:3px solid #99ac74}input,select{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #d9ded0;border-radius:8px;padding:10px 12px}input::placeholder{color:#a3a69c}h1,h2,h3,p{margin-top:0}h2{letter-spacing:.04em;margin-bottom:12px;font-size:21px}h3{font-size:16px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1200px;height:92px;margin:auto;padding:0 36px;display:flex}.header>a:last-child{font-size:12px}.brand{align-items:center;gap:12px;font-size:19px;font-weight:700;display:flex}.brand-icon{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:37px;height:37px;font-size:29px;display:grid}.brand-en{letter-spacing:2px;color:var(--muted);margin-left:5px;font-size:9px;font-weight:400}main{max-width:1128px;margin:auto}.hero{padding:57px 0 41px;position:relative}.eyebrow,.section-label{letter-spacing:2px;color:var(--green);font-size:10px;font-weight:600}.eyebrow{align-items:center;gap:9px;margin-bottom:17px;display:flex}.eyebrow span{background:#8b9b73;border-radius:50%;width:6px;height:6px}h1{letter-spacing:.045em;margin-bottom:15px;font-size:36px;line-height:1.6}h1 em{color:var(--green);font-style:normal}.hero p{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:2}.hero-note{color:var(--muted);align-items:center;gap:15px;font-size:10px;display:flex}.hero-note i{background:#a2ab93;border-radius:50%;width:3px;height:3px}.hero-star{color:#dbe2cc;font-size:140px;line-height:1;position:absolute;top:50px;right:55px;transform:rotate(12deg)}.mobile-break{display:none}.workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:16px}.settings{padding:28px 25px}.section-label{letter-spacing:1.8px;margin-bottom:8px;font-size:9px}.muted{color:var(--muted)}.intro{margin-bottom:27px;font-size:12px;line-height:1.9}label{margin:22px 0 8px;font-size:12px;font-weight:600;display:block}.optional{color:var(--muted);background:#f1f3ec;margin-left:7px;padding:3px 6px;font-size:10px;font-weight:400}.hint{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.8}.error{color:#a13f35;margin:8px 0;font-size:12px}.settings details{margin:20px 0 24px;font-size:11px}.settings summary{cursor:pointer;color:#626e59;min-height:35px;padding:6px 0}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover:not(:disabled){background:#42573a}.draw{justify-content:center;align-items:center;gap:9px;width:100%;min-height:55px;margin-top:29px;font-size:14px;font-weight:600;display:flex}.draw span:first-child{font-size:24px;line-height:1}.draw span:last-child{margin-left:auto}.under-button{color:var(--muted);text-align:center;margin:10px 0 26px;font-size:10px}.storage{border-top:1px dashed var(--line);color:var(--muted);gap:8px;padding-top:21px;font-size:9px;display:flex}.storage p{margin:0;line-height:1.9}.text-button{min-height:44px;color:var(--muted);background:0 0;border:0;padding:4px 0;font-size:11px}.reset{text-underline-offset:3px;min-height:44px;font-size:9px;text-decoration:underline}.result{min-height:587px;padding:28px}.result-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.result-heading h2{margin:0}.result-badge{letter-spacing:.6px;color:#7e886e;white-space:nowrap;background:#f5f6ef;border-radius:5px;padding:4px 10px;font-size:9px}.empty{text-align:center;padding:27px 0 36px}.idea-art{width:260px;height:225px;margin:0 auto 10px;position:relative}.idea-ticket{letter-spacing:1.2px;color:#8a9777;background:#f7f8ef;border:1px solid #dce1cf;border-radius:12px;flex-direction:column;align-items:center;width:141px;height:169px;padding:22px 0;font-size:9px;display:flex;position:absolute;top:36px;left:60px;transform:rotate(-10deg);box-shadow:9px 10px #edf0e3}.idea-ticket span{color:#7d9065;font-family:Georgia,serif;font-size:88px;font-weight:400;line-height:1.3}.orb{border-radius:50%;position:absolute}.orb-one{background:#e7ecda;width:48px;height:48px;top:25px;left:11px}.orb-two{background:#eae4d4;width:25px;height:25px;bottom:19px;left:24px}.orb-three{border:1px solid #c8d2b9;width:15px;height:15px;bottom:45px;right:15px}.art-spark{color:#9fac89;font-size:47px;position:absolute;top:18px;right:11px;transform:rotate(12deg)}.empty h3{letter-spacing:.07em;margin:12px 0;font-size:22px;line-height:1.7}.empty p{color:var(--muted);margin-bottom:22px;font-size:12px;line-height:2}.empty-caption{color:#9ba28f;letter-spacing:.05em;font-size:9px}.result-toolbar{justify-content:space-between;align-items:center;gap:8px;margin:18px 0 6px;display:flex}.result-toolbar p{color:var(--muted);margin:0;font-size:10px}.field{border-top:1px solid #eceee6;grid-template-columns:20px 52px minmax(0,1fr) 62px 44px;align-items:center;gap:8px;min-height:65px;padding:7px 0;display:grid}.field-number{color:#a0a78f;font-size:9px}.field-label{color:var(--muted);font-size:11px}.field strong{overflow-wrap:anywhere;font-size:13px;font-weight:500}.field button{padding:5px 8px;font-size:10px}.field .reroll{font-size:23px}.field.locked{background:#f5f7ef}.lock[aria-pressed=true]{color:#485e3b;background:#e4ebda;border-color:#bccbab}.output{background:#f6f7f0;border-radius:10px;margin-top:24px;padding:18px}.output-heading{justify-content:space-between;align-items:center;gap:9px;margin-bottom:10px;display:flex}.output h3{margin:0;font-size:12px}.output button{min-height:44px;padding:7px 10px;font-size:10px}.output textarea{resize:vertical;color:#4d5846;overflow-wrap:anywhere;background:0 0;border:0;width:100%;font-size:12px;line-height:1.9;display:block}.output.prompt{background:#fafaf7;border:1px solid #e8eade}.prompt textarea{font-family:monospace;font-size:11px}.notice{min-height:40px;color:var(--green);padding:9px 0;font-size:12px}.how{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:50px;margin:15px 0 62px;padding-top:31px;display:grid}.how span{letter-spacing:1.5px;color:#82916f;font-size:9px}.how h3{margin:10px 0 7px;font-size:14px}.how p{color:var(--muted);margin:0;font-size:11px;line-height:1.9}footer{border-top:1px solid var(--line);max-width:1200px;color:var(--muted);align-items:center;gap:20px;margin:auto;padding:27px 36px 36px;font-size:9px;display:flex}.footer-brand{color:var(--ink);font-size:12px;font-weight:700}footer nav{gap:20px;margin-left:auto;display:flex}footer small{letter-spacing:1px;font-size:8px}.prose{max-width:760px;min-height:65vh;padding:60px 24px}.prose h1{font-size:30px}.prose h2{margin-top:30px;font-size:19px}.prose p,.prose li{color:#626d5b;line-height:2}.prose a{text-decoration:underline}.prose .back{margin-top:25px;display:inline-block}@media (max-width:1200px){main{padding-left:30px;padding-right:30px}.prose{padding:50px 24px}}@media (max-width:767px){.header{height:74px;padding:0 20px}.brand{gap:8px;font-size:16px}.brand-en{display:none}main{padding:0 18px}.hero{padding:36px 0 29px}h1{font-size:28px;line-height:1.65}.mobile-break{display:block}.hero p{font-size:11px}.hero-star{opacity:.65;font-size:75px;top:47px;right:0}.eyebrow{font-size:8px}.workspace{grid-template-columns:1fr;gap:18px}.settings{padding:24px}.intro br{display:none}.intro{margin-bottom:18px}.settings label{margin-top:16px}.settings details{margin:12px 0}.draw{margin-top:21px}.under-button{margin-bottom:18px}.result{min-height:520px;padding:22px 16px}.result h2{font-size:19px}.field{grid-template-columns:42px minmax(0,1fr) 57px 44px;gap:6px}.field-number{display:none}.field strong{font-size:12px}.output{padding:13px}.output textarea{font-size:11px}.empty-caption{letter-spacing:0;font-size:8px}.how{grid-template-columns:1fr;gap:25px;margin:8px 0 35px;padding-top:25px}.how p{max-width:450px}footer{flex-wrap:wrap;gap:12px;padding:24px 20px}footer nav{gap:23px;width:100%;margin:0}footer small{margin-top:4px}.output-heading h3{font-size:11px}.result-badge{font-size:8px}}@media (prefers-reduced-motion:no-preference){button{transition:background .15s}.hero-star{animation:.6s ease-out appear}@keyframes appear{0%{opacity:0;transform:rotate(-8deg)}to{opacity:1;transform:rotate(12deg)}}}.format-picker{border:0;flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;display:flex}.format-picker legend{margin-bottom:8px;font-size:11px;font-weight:600}.format-picker label{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px 10px;font-size:11px;display:flex}.format-picker label:has(input:checked){background:var(--soft);border-color:var(--green)}.format-picker input{width:16px;height:16px;min-height:0;accent-color:var(--green);margin:0;padding:0}
