@font-face{font-family:AM Serif;src:url(/fonts/CormorantGaramond_600SemiBold.ttf)format("truetype");font-display:swap}@font-face{font-family:AM Sans;src:url(/fonts/Manrope_500Medium.ttf)format("truetype");font-display:swap}@font-face{font-family:AM Hand;src:url(/fonts/Caveat_500Medium.ttf)format("truetype");font-display:swap}:root{--ivory:#f7f2ea;--cream:#efe5d8;--sand:#dcc8b5;--caramel:#9b7259;--cocoa:#5b4437;--danger:#a3453a}*{box-sizing:border-box}html,body{background:var(--ivory);color:var(--cocoa);margin:0;font-family:AM Sans,system-ui,sans-serif}a{color:var(--caramel)}h1,h2{letter-spacing:.01em;margin:0;font-family:AM Serif,Georgia,serif;font-weight:600}.hand{color:var(--caramel);font-family:AM Hand,cursive;font-size:1.5rem}.wrap{max-width:1180px;margin:0 auto;padding:24px 16px 64px}.top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:32px;display:grid}.preview{background:var(--cream);border-radius:12px;place-items:center;padding:24px;display:grid;position:sticky;top:16px}.preview .paper{background:#fff;width:100%;max-width:520px;transition:aspect-ratio .3s;box-shadow:0 18px 40px -18px #5b443773}.preview svg{width:100%;height:auto;display:block}.skeleton{aspect-ratio:3/4;background:linear-gradient(90deg, var(--cream), #f4ece1, var(--cream));background-size:200% 100%;border-radius:4px;width:100%;max-width:520px;animation:1.2s infinite sh}@keyframes sh{to{background-position:-200% 0}}.panel{gap:18px;display:grid}.field{gap:6px;display:grid}.field label,.label{letter-spacing:.08em;text-transform:uppercase;color:var(--caramel);font-size:.78rem}.field input,select{font:inherit;color:inherit;border:1px solid var(--sand);background:#fffdf9;border-radius:8px;padding:11px 12px}.field input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--caramel);outline-offset:2px}.field .err{color:var(--danger);font-size:.85rem}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:1px solid var(--sand);cursor:pointer;border-radius:50%;width:36px;height:36px}.swatch[aria-pressed=true]{outline:2px solid var(--cocoa);outline-offset:3px}.sizes{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.sizes button{font:inherit;border:1px solid var(--sand);color:inherit;cursor:pointer;text-align:left;background:#fffdf9;border-radius:8px;padding:10px}.sizes button[aria-pressed=true]{border-color:var(--cocoa);background:var(--cream)}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{background:var(--cocoa);color:var(--ivory);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:12px 18px;text-decoration:none;display:inline-block}.btn:hover{background:var(--caramel)}.btn.secondary{color:var(--cocoa);border:1px solid var(--caramel);background:0 0}.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.meta{color:var(--caramel);font-size:.8rem}.note{background:var(--cream);border-radius:8px;padding:12px 14px;font-size:.85rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--sand);vertical-align:top;padding:8px 10px}.ok{color:#4f6b45;font-weight:600}.bad{color:var(--danger);font-weight:600}.warn{color:#9a6b1f;font-weight:600}.card{border:1px solid var(--sand);background:#fffdf9;border-radius:12px;margin-bottom:18px;padding:18px;overflow-x:auto}@media (max-width:860px){.grid{grid-template-columns:1fr;gap:20px}.preview{z-index:2;border-radius:0 0 12px 12px;margin:0 -16px;padding:12px;top:0}.preview .paper,.skeleton{max-width:250px}}