:root{--ink:#1c1a17;--ink-soft:#55504a;--paper:#ece6d7;--paper-deep:#ded3b7;--paper-card:#f4efe2;--brass:#a97b34;--brass-deep:#8a611f;--brick:#9c3b30;--brick-deep:#7e2d24;--line:#cdc0a0;--radius:7px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5}body,h1,h2,h3{color:var(--ink)}h1,h2,h3{font-family:Fraunces,Georgia,serif;margin:0 0 .4em}a{color:var(--brick)}button,input,select{font-family:inherit;font-size:1rem}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;border-bottom:2px solid var(--ink);background:var(--paper-card)}.site-nav-brand{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--ink)}.site-nav-links{display:flex;gap:1.75rem}.site-nav-links a{text-decoration:none;color:var(--ink-soft);font-weight:500}.site-nav-links a:hover{color:var(--brick)}.page{flex:1 1;width:100%;max-width:1180px;margin:0 auto;padding:2.5rem 2rem 4rem}.page-header{max-width:640px;margin-bottom:2rem}.page-header h1{font-size:2.1rem}.page-header p{color:var(--ink-soft);margin:0}.page-home{display:flex;align-items:center;min-height:calc(100vh - 90px)}.hero{max-width:680px}.eyebrow-free-label{color:var(--brick);font-weight:600;margin:0 0 .6rem}.hero h1{font-size:3rem;line-height:1.08;max-width:12ch}.hero-lede{font-size:1.15rem;color:var(--ink-soft);max-width:55ch;margin:1.1rem 0 2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);border:2px solid var(--ink);padding:.7rem 1.3rem;font-weight:600;cursor:pointer;text-decoration:none;background:transparent;color:var(--ink);transition:transform .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--brick);border-color:var(--brick);color:#fff}.btn-primary:hover{background:var(--brick-deep)}.btn-secondary{background:var(--paper-card)}.btn-large{padding:.9rem 1.7rem;font-size:1.05rem}.link-button{background:none;border:none;color:var(--brick);font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.link-danger{color:var(--brick-deep)}.editor-layout{display:grid;grid-template-columns:minmax(320px,400px) 1fr;grid-gap:2.5rem;gap:2.5rem;align-items:start}.editor-panel{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;gap:1.6rem}.editor-panel,.field-group{display:flex;flex-direction:column}.field-group{gap:.7rem}.panel-heading{font-size:1rem;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:.4rem}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.92rem;color:var(--ink-soft)}.field input[type=text],.field select{font-size:1rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink)}.field-inline{flex-direction:row;align-items:center;gap:.6rem}.color-row{display:flex;gap:1rem}.color-field{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.85rem;color:var(--ink-soft)}.color-field input[type=color]{width:52px;height:40px;border:1px solid var(--line);border-radius:6px;padding:2px;background:#fff;cursor:pointer}.template-grid{display:grid;grid-gap:.6rem;gap:.6rem}.template-card{display:flex;align-items:center;gap:.8rem;text-align:left;border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:.6rem;cursor:pointer}.template-card.is-selected{border-color:var(--brick);box-shadow:inset 0 0 0 1px var(--brick)}.template-swatch{flex-shrink:0;width:52px;height:40px;border-radius:4px;border:3px solid;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-weight:600}.template-card-text{display:flex;flex-direction:column;gap:.15rem;font-size:.88rem;color:var(--ink-soft)}.template-card-text strong{color:var(--ink);font-size:.95rem}.upload-dropzone{position:relative;display:flex;align-items:center;justify-content:center;border:2px dashed var(--line);border-radius:var(--radius);padding:1.4rem;color:var(--ink-soft);cursor:pointer;text-align:center}.upload-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-preview{display:flex;align-items:center;gap:.8rem}.upload-preview img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.upload-preview p{margin:0 0 .2rem;font-size:.9rem;word-break:break-all}.action-row{display:flex;gap:.7rem}.action-row .btn{flex:1 1}.status-message{margin:0;font-size:.9rem;padding:.5rem .7rem;border-radius:var(--radius)}.status-success{background:#e4efe1;color:#2b5b2b}.status-error{background:#f6e2df;color:var(--brick-deep)}.preview-panel{position:-webkit-sticky;position:sticky;top:1.5rem}.preview-frame{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:repeating-conic-gradient(#e2d9c3 0 25%,#ece6d7 0 50%) 50% /24px 24px}.preview-frame canvas{display:block;width:100%;height:auto;touch-action:none}.preview-caption{margin:.6rem 0 0;font-size:.85rem;color:var(--ink-soft)}.gallery-toolbar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.6rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.gallery-actions{display:flex;align-items:center;gap:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1.4rem;gap:1.4rem}.gallery-card{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper-card)}.gallery-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--paper-deep)}.gallery-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;font-size:.88rem}.empty-state,.muted{color:var(--ink-soft)}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);padding:2rem;text-align:center}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.6rem;gap:.6rem}.preset-card{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:.55rem;cursor:pointer;font-size:.85rem;color:var(--ink-soft);text-align:left}.preset-card.is-selected{border-color:var(--brick);box-shadow:inset 0 0 0 1px var(--brick);color:var(--ink)}.preset-swatch{display:flex;width:100%;height:26px;border-radius:4px;overflow:hidden;border:1px solid var(--line)}.preset-swatch span{flex:1 1;display:block}.shape-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:.9rem}.shape-button{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:.5rem .6rem;cursor:pointer;font-size:.85rem;color:var(--ink-soft)}.shape-button.is-selected{border-color:var(--brick);box-shadow:inset 0 0 0 1px var(--brick);color:var(--ink)}.shape-icon{display:inline-block;width:26px;height:20px;background:var(--brass);flex-shrink:0}.shape-icon-circle,.shape-icon-oval{border-radius:50%}.shape-icon-oval{height:16px}.shape-icon-rectangle{border-radius:3px}.shape-icon-arch{border-radius:13px 13px 2px 2px}.shape-icon-shield{-webkit-clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%)}.shape-icon-hexagon{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.shape-icon-diamond{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-icon-scallop{border-radius:50%;-webkit-clip-path:polygon(50% 0,61% 7%,75% 2%,80% 15%,93% 15%,90% 28%,100% 37%,90% 47%,96% 60%,84% 63%,82% 77%,69% 73%,61% 85%,50% 76%,39% 85%,31% 73%,18% 77%,16% 63%,4% 60%,10% 47%,0 37%,10% 28%,7% 15%,20% 15%,25% 2%,39% 7%);clip-path:polygon(50% 0,61% 7%,75% 2%,80% 15%,93% 15%,90% 28%,100% 37%,90% 47%,96% 60%,84% 63%,82% 77%,69% 73%,61% 85%,50% 76%,39% 85%,31% 73%,18% 77%,16% 63%,4% 60%,10% 47%,0 37%,10% 28%,7% 15%,20% 15%,25% 2%,39% 7%)}.hint-text{margin:-.3rem 0 .2rem;font-size:.82rem;color:var(--ink-soft)}.layer-list{list-style:none;margin:0 0 .6rem;padding:0;flex-direction:column}.layer-list,.layer-row{display:flex;gap:.35rem}.layer-row{align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:.3rem}.layer-row.is-selected{border-color:var(--brick);box-shadow:inset 0 0 0 1px var(--brick)}.layer-row-main{flex:1 1;display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.2rem;text-align:left;overflow:hidden}.layer-swatch{width:16px;height:16px;border-radius:4px;flex-shrink:0;border:1px solid var(--line)}.layer-label{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-toggle{border:1px solid var(--line);background:var(--paper);border-radius:5px;font-size:.72rem;padding:.25rem .4rem;cursor:pointer;color:var(--ink-soft);flex-shrink:0}.icon-remove{color:var(--brick-deep)}.btn-small{padding:.45rem .8rem;font-size:.85rem;width:100%}.layer-editor{margin-top:.8rem;padding-top:.8rem;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:.7rem}.layer-editor textarea{font-family:inherit;font-size:.95rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);resize:vertical}.slider-row{display:flex;gap:1rem}.field-slider{flex:1 1}.field-slider input[type=range]{width:100%}.color-field-inline{flex-direction:row;align-items:center;gap:.6rem}@media (max-width:880px){.editor-layout{grid-template-columns:1fr}.preview-panel{position:static;order:-1}.hero h1{font-size:2.3rem;max-width:none}}