@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#302d27;background:#f7f1e6;line-height:1.5;font-synthesis:none;--ink:#302d27;--muted:#706b61;--paper:#fffaf1;--clay:#a95f49;--clay-dark:#7f4435;--leaf:#66745a;--line:#ded4c4;--gold:#c99e59;--shadow:0 16px 40px rgba(69,51,36,.1)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 10%,rgba(213,178,124,.18),transparent 28rem),#f7f1e6}button,input,select{font:inherit}button,.button,summary{min-height:44px;border:1px solid var(--line);border-radius:999px;padding:.62rem 1rem;background:#fffaf1bf;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;text-decoration:none;font-weight:600}button:hover,.button:hover,summary:hover{border-color:#bcae9c;background:#fffaf1}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(169,95,73,.35);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button svg,.button svg,summary svg{width:18px;height:18px}.primary{background:var(--clay);border-color:var(--clay);color:#fff}.primary:hover{background:var(--clay-dark);border-color:var(--clay-dark)}.full{width:100%}.skip{position:absolute;left:1rem;top:-5rem;background:#fff;padding:.8rem;z-index:100}.skip:focus{top:1rem}.site-header{height:74px;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(108,92,73,.16);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:.5rem;color:var(--ink);text-decoration:none}.brand svg{color:var(--clay)}.brand span{font-family:Fraunces,serif;font-size:1.5rem}.brand small{font-size:.72rem;color:var(--muted);border-left:1px solid var(--line);padding-left:.7rem}.site-header nav{display:flex;align-items:center;gap:.35rem}.site-header nav>a{color:var(--ink);text-decoration:none;padding:.6rem .8rem;border-radius:999px}.site-header nav>a.active{background:#eadfce}.account-button{margin-left:.5rem}.menu-button{display:none;padding:.5rem;width:44px}h1,h2,h3{font-family:Fraunces,serif;line-height:1.08;margin:.2em 0 .45em}h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:600}h2{font-size:1.45rem}p{color:#5d584f}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:600;color:var(--clay-dark);display:flex;align-items:center;gap:.4rem}.hero{min-height:660px;max-width:1400px;margin:auto;padding:clamp(3rem,8vw,8rem) clamp(1.2rem,6vw,6rem);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem}.hero-copy{max-width:650px}.hero h1{max-width:640px}.hero p{font-size:clamp(1.05rem,2vw,1.25rem);max-width:570px}.hero-actions{display:flex;gap:.7rem;margin:2rem 0 1rem}.hero-art{position:relative;aspect-ratio:1;max-width:570px;background:radial-gradient(circle,#e2c7a4 0 8%,#d8b98f 8% 18%,#ba795e 18% 19%,transparent 19%),conic-gradient(from 10deg,#b7654c,#d39674,#a95040,#c87c5f,#b7654c);border-radius:46% 54% 52% 48%;box-shadow:inset 0 0 80px #572d1e40,var(--shadow);transform:rotate(-5deg)}.clay-flower{position:absolute;font-family:serif;color:#f1d7b4;text-shadow:0 5px 15px rgba(64,31,23,.25)}.clay-flower.one{font-size:8rem;top:-10%;left:-10%;transform:rotate(15deg)}.clay-flower.two{font-size:6rem;bottom:0;right:-8%}.clay-flower.three{font-size:4rem;right:5%;top:3%;color:#7b7155}.steps{background:#4f594a;color:#fff;padding:4rem clamp(1.2rem,7vw,8rem);display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}.steps span{color:#d9bd87;font-family:Fraunces;font-size:1.5rem}.steps h2{font-size:1.8rem}.steps p{color:#e7e8df}.home-showcase{padding:7rem clamp(1.2rem,8vw,9rem);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.home-showcase>div:first-child{max-width:600px}.home-showcase h2{font-size:clamp(2rem,4vw,3.5rem)}.home-showcase a{color:var(--clay-dark);font-weight:600}.paper-note{background:#f0dfc7;padding:4rem 3rem;font:500 clamp(1.6rem,4vw,2.8rem)/1.25 "Fraunces";transform:rotate(1.4deg);box-shadow:var(--shadow)}.paper-note span{font:400 .85rem DM Sans;display:block;margin-top:2rem;color:var(--muted)}.page{max-width:1240px;margin:auto;padding:5rem clamp(1rem,4vw,3rem) 8rem}.page.narrow,.legal{max-width:800px}.page>h1{font-size:clamp(2.5rem,5vw,4.5rem)}.studio-shell{max-width:1600px;margin:auto;padding:1.5rem clamp(.75rem,2.5vw,2.5rem) 5rem}.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.design-name{display:block;border:0;background:transparent;font:600 clamp(1.8rem,4vw,3.2rem) "Fraunces";color:var(--ink);width:min(650px,80vw);padding:.15rem 0}.studio-heading p{margin:.2rem 0}.history-actions{display:flex;gap:.4rem;flex-wrap:wrap}.history-actions button{padding:.5rem .8rem}.studio-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:1rem;align-items:start}.controls-panel,.preview-panel{background:#fffaf1d9;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.controls-panel{padding:1rem;max-height:calc(100vh - 120px);overflow-y:auto;position:sticky;top:1rem}.preset-opener,.advanced-toggle{width:100%;justify-content:space-between;border-radius:14px}.preset-opener span{display:flex;gap:.5rem}.turn{transform:rotate(180deg)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.6rem 0}.preset-grid button{border-radius:14px;min-height:90px;flex-direction:column;font-size:.78rem;padding:.5rem}.mini-flower{width:36px;height:36px;display:block;background:var(--clay);clip-path:polygon(50% 0,61% 35%,85% 15%,65% 42%,100% 50%,65% 59%,85% 85%,58% 66%,50% 100%,40% 65%,15% 85%,35% 58%,0 50%,35% 42%,15% 15%,41% 35%)}.mini-1{transform:rotate(10deg);background:#c48a67}.mini-2{border-radius:50%;background:#b99b5c}.mini-3{transform:rotate(22deg);background:#9b6d58}.mini-4{background:#7f7560}.mini-5{border-radius:45%;background:#c2755e}.mini-6{transform:skew(8deg);background:#a66d55}.mini-7{background:#788064}.random-card{background:#e9dfcb;border-radius:18px;padding:1rem;margin:1rem 0}.random-card>div:first-child{display:flex;flex-direction:column}.random-card>div:first-child span{font-size:.78rem;color:var(--muted)}.segmented{display:flex;background:#eee4d4;padding:3px;border-radius:999px;gap:2px}.segmented button{border:0;background:transparent;min-height:36px;padding:.35rem .8rem;white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--paper);box-shadow:0 2px 7px #4a36251f}.segmented.small{margin:.8rem 0}.segmented.small button{font-size:.72rem;flex:1;padding:.3rem}.field{display:flex;flex-direction:column;gap:.3rem;margin:.75rem 0;color:#4f4a42;font-size:.85rem}.field>span,.range-field>span{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.field input:not([type=range]),.field select{width:100%;min-height:44px;background:#fffaf1;border:1px solid var(--line);border-radius:12px;padding:.6rem .75rem;color:var(--ink)}.field.compact{margin-bottom:0}.range-field b{margin-left:auto;font-size:.82rem}.range-field input[type=range]{width:100%;accent-color:var(--clay)}.icon-button{min-height:30px;width:30px;padding:0;border:0;background:transparent}.control-group{border-top:1px solid var(--line);padding:1rem .2rem .2rem}.control-group h2{font:600 .95rem DM Sans;margin:0 0 .6rem}.group-title,.ring-head{display:flex;justify-content:space-between;align-items:center}.text-button{border:0;background:transparent;color:var(--clay-dark);padding:.2rem;min-height:36px}.ring-editor{background:#f3eadb;padding:.75rem;border-radius:15px;margin-bottom:.6rem}.ring-head strong{font-size:.85rem}.advanced-toggle{margin-top:.8rem}.preview-panel{padding:.85rem;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.7rem}.preview-stage{height:min(65vh,660px);min-height:430px;background:#eee2ce;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.canvas-wrap{width:100%;height:100%;position:relative}.measure{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-size:.78rem;font-weight:600;color:#55483d}.measure span{height:1px;background:#776451;width:100px;display:inline-block;vertical-align:middle;margin-right:.5rem}.flower-svg{width:min(78%,650px);height:min(78%,650px);overflow:visible}.flower-svg path{fill:#c37b60;stroke:#764f3f;stroke-width:1}.flower-svg circle{fill:#d6a16f;stroke:#764f3f;stroke-width:.7}.flower-svg.cut path{fill:#d9bd94}.flower-svg.imprint path{fill:#b67f68}.flower-svg line{stroke:#655748;stroke-width:.35}.flower-svg text{font-size:4px;fill:#655748}.validation{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:15px;margin-top:.7rem;background:#e3ebdd}.validation.warning{background:#f4e5c5}.validation.error{background:#f3d6ce}.validation strong{font-size:.9rem}.validation p,.validation ul{font-size:.78rem;margin:.25rem 0 0}.validation ul{padding-left:1.2rem}.validation button{white-space:nowrap}.price-row{display:grid;grid-template-columns:1fr 1fr 1.4fr;border:1px solid var(--line);border-radius:16px;margin-top:.7rem;overflow:hidden}.price-row>div{padding:.8rem 1rem;display:flex;flex-direction:column;border-right:1px solid var(--line)}.price-row>div:last-child{border:0;background:#eee3cf}.price-row span,.price-row small{font-size:.72rem;color:var(--muted)}.price-row strong{font:600 1.3rem Fraunces}.price-main strong{font-size:1.6rem}.primary-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.export-menu{position:relative}.export-menu summary{list-style:none}.export-menu[open]>div{position:absolute;bottom:calc(100% + .4rem);left:0;background:var(--paper);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:14px;padding:.4rem;min-width:180px;z-index:5}.export-menu div button{width:100%;border:0;border-radius:9px;justify-content:flex-start}.toast{position:fixed;z-index:50;top:85px;right:1.5rem;background:#3f493b;color:#fff;padding:.8rem 1rem;border-radius:14px;box-shadow:var(--shadow)}.toast button{min-height:26px;border:0;background:transparent;color:#fff;padding:.1rem;margin-left:.5rem}.order-panel{margin-top:2rem;background:#dbe2d4;border-radius:24px;padding:2rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.3fr;gap:1rem;align-items:end}.order-panel p{max-width:520px}.order-total{display:flex;flex-direction:column}.order-total strong{font:600 2rem Fraunces;margin-bottom:.5rem}.gallery-tools{display:flex;gap:1rem;max-width:650px}.gallery-tools .field{flex:1}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.design-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}.design-card>svg{width:100%;height:260px;background:#eadbc6;padding:2rem}.design-card:nth-child(3n+2)>svg{background:#dce1d3}.design-card:nth-child(3n)>svg{background:#ead0c7}.design-card svg path{fill:#b76f57;stroke:#765143;stroke-width:.7}.design-card>div{padding:1rem}.design-card h2{font-size:1.25rem}.design-card p,.design-card small{font-size:.78rem;color:var(--muted)}.design-card>div>div{display:flex;justify-content:space-between;align-items:center}.design-card button{border:0;background:transparent}.empty-state{text-align:center;border:1px dashed #b9aa96;padding:5rem 2rem;border-radius:24px}.empty-state>svg{width:50px;height:50px;color:var(--clay)}.settings-list>div{border-top:1px solid var(--line);padding:1.5rem 0}.danger{color:#9b3f32}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.admin-grid button{border-radius:18px;min-height:130px;align-items:flex-start;flex-direction:column}.admin-grid button strong{font:600 1.2rem Fraunces}.draft-badge{display:inline-block;background:#f0d49a;padding:.4rem .7rem;border-radius:6px;font-weight:600;font-size:.75rem}.legal h2{margin-top:2.5rem}.modal-backdrop{position:fixed;inset:0;background:#2a241e8c;z-index:100;display:grid;place-items:center;padding:1rem}.dialog{background:var(--paper);border-radius:24px;padding:2rem;width:min(460px,100%);box-shadow:var(--shadow);position:relative}.dialog-close{position:absolute;right:1rem;top:1rem;width:44px;padding:.4rem}.dialog h2{font-size:2rem}.dialog .error{color:#9b3f32}footer{background:#343a31;color:#fff;padding:3rem clamp(1rem,6vw,6rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem}footer .brand{color:#fff}footer p,footer small{color:#cfd3cb}footer nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}footer nav a{color:#e8e9e4}@media(max-width:1050px){.studio-grid{grid-template-columns:320px minmax(0,1fr)}.preview-stage{min-height:390px}.order-panel{grid-template-columns:1fr 1fr 1fr}.order-panel>div:first-child{grid-column:1/-1}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.site-header{height:64px}.menu-button{display:inline-flex}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:1rem;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.site-header nav.open{display:flex}.account-button{margin:0}.hero{grid-template-columns:1fr;padding-top:4rem}.hero-art{max-width:420px;margin:auto;width:90%}.steps{grid-template-columns:1fr;gap:1rem}.home-showcase{grid-template-columns:1fr}.studio-heading{align-items:flex-start;flex-direction:column}.studio-grid{grid-template-columns:1fr}.controls-panel{position:static;max-height:none;order:2}.preview-panel{order:1}.preview-stage{height:55vh;min-height:380px}.price-row{grid-template-columns:1fr 1fr}.price-main{grid-column:1/-1}.price-row>div:nth-child(2){border-right:0}.preview-toolbar .mode{order:3;width:100%}.preview-toolbar .mode button{flex:1}.gallery-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start}}@media(max-width:520px){.brand small{display:none}.hero h1{font-size:3.2rem}.hero-actions{flex-direction:column}.preview-panel{padding:.5rem;border-radius:17px}.preview-stage{min-height:330px}.segmented button{font-size:.76rem;padding:.3rem .55rem}.preview-toolbar>button{width:100%}.price-row{grid-template-columns:1fr}.price-main{grid-column:auto}.price-row>div{border-right:0;border-bottom:1px solid var(--line)}.primary-actions>button,.primary-actions details,.primary-actions summary{width:100%}.order-panel{grid-template-columns:1fr;padding:1.2rem}.admin-grid{grid-template-columns:1fr}.gallery-tools{flex-direction:column}.paper-note{padding:2rem}.history-actions button{font-size:.75rem}.preset-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}textarea{font:inherit}.field textarea{width:100%;min-height:110px;resize:vertical;background:#fffaf1;border:1px solid var(--line);border-radius:12px;padding:.6rem .75rem;color:var(--ink)}textarea:focus-visible{outline:3px solid rgba(169,95,73,.35);outline-offset:2px}.flower-svg polyline{stroke:#71493d;stroke-width:.7;vector-effect:non-scaling-stroke}.geometry-loading,.geometry-error{max-width:480px;padding:2rem;text-align:center}.geometry-pending{position:absolute;right:1rem;bottom:1rem;background:#fffaf1e6;padding:.35rem .7rem;border-radius:999px;font-size:.75rem}.recipe-tools{display:flex;margin-top:1rem}.controls-panel details>summary{width:100%;border-radius:12px;justify-content:space-between;margin:.5rem 0}.error{color:#9b3f32}.design-card h2 a{color:var(--ink);text-decoration:none}.design-detail{display:grid;grid-template-columns:minmax(320px,1fr) 1fr;gap:3rem;align-items:start}.design-detail>svg{width:100%;background:#eadbc6;border-radius:24px;padding:3rem}.design-detail dt{font-weight:600}.design-detail dd{margin:0 0 1rem}.admin-stat{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1.5rem;display:flex;flex-direction:column}.admin-stat strong{font:600 2rem Fraunces}.admin-table{margin-top:2rem;overflow-x:auto}.admin-table table{width:100%;border-collapse:collapse;background:var(--paper)}.admin-table th,.admin-table td{text-align:left;padding:.7rem;border-bottom:1px solid var(--line);font-size:.82rem}.ring-editor.selected,.selected-control{outline:2px solid rgba(169,95,73,.45);outline-offset:1px}.transform-actions{display:flex;gap:.4rem;margin:-.25rem 0 .65rem}.transform-actions button{min-height:34px;padding:.35rem .65rem;font-size:.76rem}.direct-hint{margin:.25rem .4rem .65rem;color:var(--muted);font-size:.78rem}.direct-editor{touch-action:none}.direct-editor .direct-shape,.direct-editor .direct-center-shape{fill:transparent;stroke:transparent;pointer-events:all;cursor:pointer}.direct-editor .direct-shape.active,.direct-editor .direct-center-shape.active{stroke:#fff7e8;stroke-width:1.25;stroke-dasharray:3 2}.direct-editor .direct-handles line{stroke:#6e493c;stroke-width:.7;stroke-dasharray:2 2}.direct-editor .direct-handles circle,.direct-editor .direct-handles rect{fill:#fff8e9;stroke:#8f5846;stroke-width:1;cursor:grab;pointer-events:all}.direct-editor .direct-handles circle:active,.direct-editor .direct-handles rect:active{cursor:grabbing}.direct-editor .measure-line{stroke:#655748}.direct-editor .direct-handles [role=button]:focus{outline:none;stroke:#3d6c55;stroke-width:2}@media(max-width:800px){.design-detail{grid-template-columns:1fr}}