*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#14140f;-webkit-font-smoothing:antialiased;background:#f6f6f4;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif}#root{text-align:left;width:100%}.app{flex-direction:column;min-height:100vh;display:flex}.container{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:0 24px}.masthead{text-align:center;max-width:600px;margin:64px auto 36px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#b08344;margin-bottom:12px;font-size:11px;display:inline-block}.masthead h1{letter-spacing:-.02em;color:#14140f;margin:0;font-size:36px;line-height:1.1}.sub{color:#6a6a62;max-width:500px;margin:14px auto 0;font-size:15px;line-height:1.6}.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;padding-bottom:8px;display:grid}.segment{background:#ecebe6;border-radius:11px;gap:4px;padding:4px;display:flex}.segment-btn{color:#79766c;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:9px 8px;font-size:13px;font-weight:600;transition:color .12s,background .12s,box-shadow .12s}.segment-btn:hover{color:#14140f}.segment-btn.is-active{color:#14140f;background:#fff;box-shadow:0 1px 2px #00000017}.template-hint{color:#9a978c;margin:10px 2px 16px;font-size:12.5px}.card{background:#fff;border:1px solid #ebebe6;border-radius:14px;padding:20px}.field{margin-bottom:14px;display:block}.field:last-child{margin-bottom:0}.field-label{text-transform:uppercase;letter-spacing:.07em;color:#9a978c;margin-bottom:5px;font-size:11px;display:block}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}input{color:#14140f;background:#fff;border:1px solid #dcdbd4;border-radius:9px;width:100%;padding:11px 12px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}input::placeholder{color:#b6b3a9}input:focus{border-color:#14140f;outline:none;box-shadow:0 0 0 3px #14140f0f}.accent-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.swatch{cursor:pointer;border:2px solid #fff;border-radius:50%;width:26px;height:26px;padding:0;transition:box-shadow .12s,transform .12s;box-shadow:0 0 0 1px #dcdbd4}.swatch:hover{transform:scale(1.08)}.swatch.is-active{box-shadow:0 0 0 2px #14140f}.swatch-picker{cursor:pointer;background:#fff;border:1px solid #dcdbd4;border-radius:7px;width:30px;height:30px;padding:0}.preview-col{position:sticky;top:24px}.preview-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.preview-tag{text-transform:uppercase;letter-spacing:.16em;color:#9a978c;font-size:11px}.preview-actions{gap:8px;display:flex}button.primary{color:#fff;cursor:pointer;white-space:nowrap;background:#14140f;border:none;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .12s,transform 50ms}button.primary:hover{opacity:.9}button.primary:active{transform:translateY(1px)}button.ghost{color:#6a6a62;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dcdbd4;border-radius:9px;padding:10px 14px;font-size:14px;transition:border-color .12s,color .12s}button.ghost:hover{color:#14140f;border-color:#14140f}.canvas{background:#f1f0ea;border:1px solid #e6e5df;border-radius:14px;align-items:center;min-height:150px;padding:28px;display:flex}.sig-root{background:#fff;border:1px solid #eceae3;border-radius:10px;width:100%;padding:22px 24px;box-shadow:0 1px 3px #0000000d}.note{color:#9a978c;margin:14px 2px 0;font-size:12.5px;line-height:1.55}.foot{color:#aaa69c;border-top:1px solid #ebebe6;justify-content:space-between;align-items:center;width:100%;max-width:1040px;margin:44px auto 0;padding:22px 24px;font-size:12px;display:flex}.foot-brand{color:#6a6a62;letter-spacing:.01em;font-weight:600;text-decoration:none}.foot-brand strong{color:#14140f;font-weight:800}.foot-brand:hover{color:#14140f}@media (width<=860px){.layout{grid-template-columns:1fr;gap:22px}.preview-col{position:static}.masthead{margin:32px auto 28px}.masthead h1{font-size:30px}}