:root{--bg:#f6f8f2;--paper:#fbfcf8;--panel:#fff;--ink:#17201f;--muted:#5f6f66;--line:#d7dfd2;--line-strong:#9faa9d;--blue:#1f6fb2;--green:#2f7d57;--coral:#b94b3e;--brass:#b8872e;--display:Georgia, "Times New Roman", serif;--body:"Avenir Next", "Trebuchet MS", Verdana, sans-serif;color:var(--ink);background:var(--bg);font-family:var(--body);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a,summary,label{-webkit-tap-highlight-color:transparent}img,svg{display:block}.site-shell{background:linear-gradient(90deg, #17201f0d 1px, transparent 1px), linear-gradient(180deg, #17201f0d 1px, transparent 1px), var(--bg);background-size:52px 52px;min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfcf8eb;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 32px;display:flex;position:sticky;top:0}.brand,.topnav,.proof-row,.eyebrow,.status-strip,.file-meta,.range-row span,.unlock-state,.source-row,.privacy-list,.button-row,.button-grid{align-items:center;display:flex}.brand{color:var(--ink);gap:10px;font-weight:800;text-decoration:none}.brand-mark,.modal-icon{border:1px solid var(--ink);width:36px;height:36px;color:var(--paper);background:var(--ink);box-shadow:4px 4px 0 var(--brass);border-radius:8px;place-items:center;display:inline-grid}.topnav{gap:8px}.topnav a,.source-row a{color:var(--muted);font-size:.9rem;font-weight:700;text-decoration:none}.topnav a{border-radius:8px;padding:9px 12px}.topnav a:hover,.source-row a:hover{color:var(--blue)}.workspace{grid-template-columns:minmax(260px,.78fr) minmax(620px,1.55fr);gap:28px;width:min(1440px,100% - 48px);margin:0 auto;padding:42px 0 34px;display:grid}.intro-panel{align-self:start;padding:22px 0 0}.eyebrow{border:1px solid var(--line-strong);width:fit-content;min-height:30px;color:var(--green);background:var(--panel);border-radius:999px;gap:8px;padding:0 11px;font-size:.82rem;font-weight:800}.eyebrow.muted{color:var(--blue)}h1,h2,h3,p{margin:0}h1{max-width:11ch;color:var(--ink);font-family:var(--display);letter-spacing:0;margin-top:24px;font-size:4.55rem;font-weight:900;line-height:.9}.intro-copy{max-width:34rem;color:var(--muted);margin-top:24px;font-size:1.05rem}.proof-row{flex-wrap:wrap;gap:10px;margin-top:24px}.proof-row span,.privacy-list span{border:1px solid var(--line);min-height:36px;color:var(--ink);background:var(--panel);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:.9rem;font-weight:800;display:inline-flex}.studio{border:1px solid var(--line-strong);background:var(--panel);min-height:680px;box-shadow:10px 10px 0 var(--ink);border-radius:8px;grid-template-columns:minmax(360px,1fr) 344px;display:grid;overflow:hidden}.editor-pane{background-color:#eef3ed;background-image:linear-gradient(90deg,#d5ddd280 1px,#0000 1px),linear-gradient(#d5ddd280 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-rows:1fr auto;min-width:0;padding:24px;display:grid}.preview-frame{aspect-ratio:1;border:2px solid var(--ink);touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;align-self:center;width:min(100%,640px);margin:0 auto;position:relative;overflow:hidden;box-shadow:8px 8px #17201f29}.preview-frame.is-active{cursor:grab}.preview-frame.is-active:active{cursor:grabbing}.preview-frame canvas{aspect-ratio:1;width:100%;display:block}.guide-layer{pointer-events:none;position:absolute;inset:0}.guide-line,.center-line,.eye-band,.face-ring{pointer-events:none;position:absolute}.guide-line{border-top:2px solid var(--coral);width:100%;left:0}.guide-top{top:14%}.guide-chin{top:78%}.eye-band{background:#1f6fb217;border-block:1px dashed #1f6fb2c7;width:100%;height:13%;top:31%;left:0}.face-ring{border:2px dashed #2f7d57e0;border-radius:50%;width:43%;height:64%;top:14%;left:50%;transform:translate(-50%)}.center-line{background:#17201f47}.center-line.vertical{width:1px;height:100%;top:0;left:50%}.center-line.horizontal{width:100%;height:1px;top:50%;left:0}.empty-upload{border:2px solid var(--ink);min-height:48px;color:var(--paper);background:var(--blue);font:inherit;box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:0 18px;font-weight:900;display:inline-flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.status-strip{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);background:#ffffffd1;border-radius:8px;gap:10px;margin-top:18px;padding:0 14px;font-size:.92rem;font-weight:750}.status-dot{background:var(--green);border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 4px #2f7d5729}.control-pane{border-left:1px solid var(--line-strong);background:#fbfcf8;flex-direction:column;min-width:0;display:flex}.control-section{border-bottom:1px solid var(--line);padding:18px}.control-section:last-child{border-bottom:0}.section-label{color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:900}.file-button,.primary-action,.secondary-action,.button-row button,.button-grid button,.text-button,.segments button{border:1px solid var(--line-strong);min-height:44px;font:inherit;letter-spacing:0;cursor:pointer;border-radius:8px;font-size:.92rem;font-weight:850}.file-button,.primary-action,.secondary-action,.button-row button,.button-grid button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.file-button{width:100%;color:var(--paper);background:var(--ink)}.file-button input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.file-meta{min-height:36px;color:var(--muted);gap:8px;margin-top:10px;font-size:.84rem}.file-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.segments{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segments button{color:var(--ink);background:#fff}.segments button.active{color:var(--paper);border-color:var(--blue);background:var(--blue)}.preset-summary,.export-note,.privacy-band p,.faq-band p{color:var(--muted);font-size:.91rem}.preset-summary{margin-top:12px}.range-row{gap:10px;display:grid}.range-row span{color:var(--ink);gap:8px;font-weight:850}input[type=range]{width:100%;accent-color:var(--blue)}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.button-row{gap:8px;margin-top:8px}.button-row button{flex:1 1 0}.button-row button,.button-grid button,.secondary-action,.text-button{color:var(--ink);background:#fff}.export-section{background:#eef3ed;margin-top:auto}.price-line{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.price-line strong{color:var(--ink);font-size:2.1rem;line-height:1}.unlock-state{min-height:30px;color:var(--coral);background:#b94b3e1a;border-radius:999px;gap:6px;padding:0 9px;font-size:.78rem;font-weight:900}.unlock-state.unlocked{color:var(--green);background:#2f7d571f}.primary-action,.secondary-action{width:100%;margin-top:8px}.primary-action{color:var(--paper);border-color:var(--blue);background:var(--blue)}.secondary-action{border-color:var(--ink)}.primary-action:disabled,.secondary-action:disabled{cursor:wait;opacity:.65}.export-note{margin-top:12px}.spec-band,.privacy-band,.tool-links-band,.faq-band{width:min(1180px,100% - 48px);margin:0 auto}.spec-band{border-top:1px solid var(--line);grid-template-columns:.68fr 1.32fr;gap:30px;padding:54px 0 32px;display:grid}h2{color:var(--ink);font-family:var(--display);letter-spacing:0;margin-top:14px;font-size:2.7rem;font-weight:900;line-height:.98}.spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.spec-card{border:1px solid var(--line-strong);background:var(--panel);border-radius:8px;min-height:210px;padding:18px}.spec-card h3{min-height:48px;color:var(--ink);font-size:1rem;line-height:1.15}.spec-card strong{color:var(--blue);margin-top:12px;font-size:1.35rem;display:block}.spec-card ul{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.spec-card li{color:var(--muted);align-items:start;gap:7px;font-size:.88rem;display:flex}.spec-card li svg{color:var(--green);flex:none;margin-top:2px}.source-row{flex-wrap:wrap;grid-column:2;gap:12px}.source-row a{border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 10px;display:inline-flex}.privacy-band{border-top:1px solid var(--line);grid-template-columns:.75fr 1.25fr;gap:30px;padding:38px 0;display:grid}.privacy-band h2{margin-top:0}.privacy-band p{max-width:44rem;margin-top:14px}.privacy-list{flex-wrap:wrap;align-content:start;gap:10px}.tool-links-band{border-top:1px solid var(--line);padding:38px 0}.tool-links-header{grid-template-columns:.72fr 1.28fr;align-items:end;gap:30px;display:grid}.tool-links-header h2{margin-top:0}.tool-link-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.tool-link-card{border:1px solid var(--line-strong);min-height:138px;color:var(--ink);background:var(--panel);border-radius:8px;gap:10px;padding:16px;text-decoration:none;display:grid}.tool-link-card:hover{border-color:var(--blue);transform:translateY(-1px)}.tool-link-card strong{font-size:1rem;line-height:1.16}.tool-link-card span{color:var(--muted);font-size:.88rem}.faq-band{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 0 56px;display:grid}.faq-band details{border:1px solid var(--line-strong);background:var(--panel);border-radius:8px;min-height:142px;padding:18px}.faq-band summary{color:var(--ink);cursor:pointer;font-weight:900}.faq-band p{margin-top:12px}.modal-backdrop{z-index:50;background:#17201f8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.checkout-modal{border:1px solid var(--ink);background:var(--panel);width:min(420px,100%);box-shadow:10px 10px 0 var(--ink);border-radius:8px;padding:24px}.checkout-modal h2{margin-top:18px;font-size:2rem}.checkout-modal p{color:var(--muted);margin-top:12px}.checkout-modal .secondary-action{margin-top:10px}.checkout-message{background:#b94b3e14;border:1px solid #b94b3e59;border-radius:8px;padding:10px 12px;font-weight:750;color:var(--coral)!important}.modal-price{color:var(--ink);margin:18px 0 8px;font-size:2.4rem;font-weight:900}.text-button{width:100%;color:var(--muted);background:0 0;border:0;margin-top:10px}button:hover,.file-button:hover,.empty-upload:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,.file-button:focus-within,summary:focus-visible{outline-offset:3px;outline:3px solid #1f6fb259}@media (width<=1180px){.workspace{grid-template-columns:1fr}.intro-panel{padding-top:0}h1{max-width:14ch;font-size:3.5rem}}@media (width<=900px){.topbar{flex-wrap:wrap;min-height:auto;padding:16px 20px;position:static}.topnav{justify-content:space-between;width:100%}.workspace,.spec-band,.privacy-band,.tool-links-band,.faq-band{width:min(100% - 28px,720px)}.studio{min-height:auto;box-shadow:6px 6px 0 var(--ink);grid-template-columns:1fr}.control-pane{border-top:1px solid var(--line-strong);border-left:0}.spec-band,.privacy-band,.tool-links-header,.faq-band{grid-template-columns:1fr}.tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-row{grid-column:auto}.spec-grid{grid-template-columns:1fr}}@media (width<=580px){.workspace{padding-top:28px}h1{font-size:2.72rem}h2{font-size:2.08rem}.intro-copy{font-size:1rem}.editor-pane{padding:14px}.status-strip{align-items:flex-start;height:auto;padding:12px}.button-grid,.button-row{flex-direction:column;grid-template-columns:1fr}.button-row button{width:100%}.privacy-list{align-items:stretch}.privacy-list span{justify-content:center;width:100%}.tool-link-grid{grid-template-columns:1fr}}