:root{color:#17211f;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f4f1e8;--paper:#fbfaf5;--ink:#17211f;--ink-soft:#4f5b57;--muted:#7b847f;--line:#d7d5ca;--line-dark:#30413c;--navy:#172d2a;--navy-light:#22413c;--yellow:#f2bf3f;--yellow-soft:#f9e8b8;--blue:#8bb5c4;--blue-soft:#dbe9ed;--green:#20725e;--red:#aa3e34;--radius-sm:8px;--radius-md:14px;--shadow:0 20px 50px #17211f14;background:#f4f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);-webkit-text-size-adjust:100%;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #f2bf3fa6}.page{max-width:960px;margin:0 auto;padding:48px 24px 64px}.page-header{margin-bottom:32px}.back-link{color:var(--ink-soft);margin-bottom:12px;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--navy);text-decoration:underline}.page-header h1{color:var(--navy);margin:0 0 8px;font-size:2rem}.page-header p{color:var(--ink-soft);margin:0;font-size:1.05rem}.layout{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=720px){.layout{grid-template-columns:1fr}}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:24px}.card h2{color:var(--navy);margin:0 0 16px;font-size:1.15rem}.field{margin-bottom:16px;display:block}.field:last-child{margin-bottom:0}.field-label{color:var(--ink);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.field-hint{color:var(--ink-soft);margin-top:6px;font-size:.8rem;display:block}textarea,select{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--ink);font:inherit;background:#fff;padding:10px 12px}textarea{resize:vertical;min-height:96px}.preview{border:1px dashed var(--line);border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;min-height:240px;padding:16px;display:flex}.preview svg,.preview img{width:220px;height:220px}.preview-hint{color:var(--ink-soft);text-align:center;margin:0;font-size:.9rem}.error{color:var(--red);margin:12px 0 0;font-size:.9rem}.download-row{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}button{border-radius:var(--radius-sm);background:var(--navy);color:var(--paper);cursor:pointer;border:none;padding:10px 18px;font-weight:600}button.secondary{background:var(--green)}button:disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed}button:not(:disabled):hover{background:var(--navy-light)}button.secondary:not(:disabled):hover{background:var(--green);filter:brightness(1.08)}