.tour{position:fixed;inset:0;z-index:200;pointer-events:none}.tour-spot{position:fixed;border-radius:14px;box-shadow:0 0 0 200vmax #1c211a73;transition:left .35s ease,top .35s ease,width .35s ease,height .35s ease}.tour-card{position:fixed;width:300px;pointer-events:auto;background:var(--paper, #f9f9f5);color:var(--ink, #272e27);border:1px solid #e1e4d9;border-radius:14px;padding:20px 20px 16px;box-shadow:0 18px 50px #1c211a33;animation:tour-in .3s ease both}.tour-count{font-size:11px;letter-spacing:.5px;color:var(--muted, #85897c)}.tour-card h2{font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:600;letter-spacing:-.6px;margin:8px 0 6px}.tour-card p{font-size:13px;line-height:1.6;color:#5f6757;margin:0 0 18px}.tour-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.tour-skip{font-size:13px;color:var(--muted, #85897c);padding:10px 12px;border-radius:8px}.tour-skip:hover{color:var(--ink, #272e27);background:#eff0e8}.tour-actions .button-primary{gap:8px}@keyframes tour-in{0%{opacity:0;transform:translateY(6px)}}@media(max-width:760px){.tour-card{width:auto;right:16px;padding:12px 14px 10px;border-radius:12px}.tour-card h2{font-size:17px;margin:2px 0 3px}.tour-card p{font-size:12.5px;line-height:1.45;margin:0 0 8px}.tour-skip{padding:8px 10px}.tour-actions .button-primary{height:36px}}@media(prefers-reduced-motion:reduce){.tour-spot{transition:none}.tour-card{animation:none}}.feed{position:fixed;left:0;right:0;top:0;bottom:var(--tabbar, 0px);z-index:60;background:#efeee8}.feed-overlay{inset:0;z-index:300;background:#1c281ae6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feed-scroller{height:100%;overflow-y:auto;overflow-anchor:none;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.feed-scroller::-webkit-scrollbar{display:none}.feed-overlay .feed-scroller{width:min(440px,calc(100vw - 32px));height:calc(100svh - 48px);margin:24px auto;border-radius:18px;background:#efeee8;box-shadow:0 20px 100px #0d140e55}.feed-card{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#efeee8}.feed-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(#efeee800,#efeee8f2 72%);pointer-events:none;z-index:2}.feed-stage{position:absolute;inset:0;z-index:1;touch-action:pan-y;user-select:none;-webkit-user-select:none}.feed-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s}.feed-canvas{position:absolute;inset:2% 6% 15% 0;opacity:0;cursor:grab}.feed-canvas:active{cursor:grabbing}.feed-canvas canvas{display:block;width:100%;height:100%}.feed-card.is-live .feed-canvas{opacity:1;transition:opacity .4s}.feed-card.is-live .feed-poster{opacity:0}.feed-burst{position:absolute;left:50%;top:44%;z-index:4;color:#e66a4e;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 24px #cf483b55);animation:feed-burst .8s ease-out both;pointer-events:none}.feed-burst.still{animation:feed-still .6s step-end both}@keyframes feed-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}45%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-62%) scale(1)}}@keyframes feed-still{0%,to{opacity:1}}.feed-info{position:absolute;left:18px;right:88px;bottom:22px;z-index:3;pointer-events:none}.feed-info strong{display:block;font-size:12px;font-weight:600;color:#5f7548}.feed-info h2{font-family:Manrope,Arial,sans-serif;font-size:27px;line-height:1.1;letter-spacing:-1px;font-weight:600;margin:5px 0 10px;color:#232b22;overflow-wrap:anywhere}.feed-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#7c876e}.feed-dots{display:flex;gap:4px}.feed-dots i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #1d281c1f}.feed-remix{pointer-events:auto;text-decoration:underline;text-underline-offset:2px}.feed-actions{position:absolute;right:12px;bottom:22px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:14px}.feed-action{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#3c4934;width:60px}.feed-action>svg{box-sizing:content-box;padding:12px;border-radius:50%;background:#fbfcf8eb;box-shadow:0 4px 18px #1d281c1c}.feed-action:hover:not(:disabled)>svg{background:#fff}.feed-action.liked{color:#cf483b}.feed-start>svg{background:var(--acid)!important;color:#293220}.feed-more{position:relative}.feed-menu{position:absolute;right:66px;bottom:0;min-width:200px;background:#fbfcf8;border:1px solid #dce2d1;border-radius:12px;box-shadow:0 14px 40px #1d281c33;padding:6px;display:flex;flex-direction:column}.feed-menu button{display:flex;align-items:center;gap:9px;padding:10px;border-radius:7px;font-size:12px;text-align:left;color:#3c4934}.feed-menu button:hover{background:#eef2e4}.feed-menu-note{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.4px;color:#97a285;padding:10px 10px 4px;border-top:1px solid #e7eadd;margin-top:4px}.feed-menu .feed-report{color:#a83a2c;padding:8px 10px 8px 30px}.feed-menu .feed-report:hover{background:#fbe3da}.feed-top{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:5}.feed-top .gallery-tabs{background:#e4e6dbd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 18px #1d281c14}.feed-close{position:fixed;top:18px;right:18px;z-index:6;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fbfcf8;color:#2d3828;box-shadow:0 6px 24px #0d140e33}.feed-end{height:96px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#8a987a}body:has(.feed){overflow:hidden}@media(max-width:760px){.feed-overlay .feed-scroller{width:100%;height:100%;margin:0;border-radius:0}.feed-info h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.feed-poster,.feed-card.is-live .feed-canvas{transition:none}}.gallery-tabs{display:inline-grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;background:#eceee4;border-radius:8px;flex-shrink:0}.gallery-tabs button{border-radius:5px;padding:8px 16px;font-size:11px;font-weight:500;color:#7b8372}.gallery-tabs button[aria-pressed=true]{background:#fff;color:#35472c;box-shadow:0 1px 5px #25351c0b}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.gallery-preview{background:#eff0e7;display:block;width:100%;aspect-ratio:4/5;position:relative;overflow:hidden;padding:0}.gallery-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.gallery-preview>span{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:9px;color:#465a36;background:#fbfcf8e6;border-radius:999px;padding:6px 11px;display:flex;align-items:center;gap:6px;white-space:nowrap;opacity:0;transition:opacity .2s}.gallery-preview:hover img{transform:scale(1.03)}.gallery-preview:hover>span,.gallery-preview:focus-visible>span{opacity:1}.gallery-details{padding:11px 12px 9px;display:flex;flex-direction:column;gap:4px}.gallery-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.gallery-title h3{font-family:Manrope,Arial,sans-serif;font-size:13px;letter-spacing:-.3px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-like{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:600;color:#7f8f6c;flex-shrink:0}.gallery-like:hover:not(:disabled){border-color:#e8b3a4;color:#cf483b}.gallery-like.liked{background:#fbeee9;border-color:#f1c9bd;color:#cf483b}.gallery-like:disabled{opacity:1;cursor:progress}.gallery-byline,.gallery-report{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:29px}.gallery-byline small{font-size:9px;color:#9da78e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-byline>span{display:flex;flex-shrink:0}.gallery-byline .icon-button{width:26px;height:26px;color:#a5ad98}.gallery-report{justify-content:flex-start;gap:4px}.gallery-report button:not(.icon-button){font-size:9px;padding:6px 8px;border-radius:5px;background:#f5f2ea;color:#8a5a45}.gallery-report button:not(.icon-button):hover{background:#fbe3da;color:#a83a2c}.gallery-report .icon-button{width:26px;height:26px;margin-left:auto;color:#a5ad98}.gallery-skeleton .gallery-preview,.gallery-skeleton i{background:linear-gradient(100deg,#eff0e7 40%,#f6f7f0,#eff0e7 60%) 0 0/200% 100%;animation:gallery-shimmer 1.4s linear infinite}.gallery-skeleton i{display:block;height:9px;border-radius:4px;width:62%;margin:4px 0}.gallery-skeleton i+i{width:38%}@keyframes gallery-shimmer{to{background-position:-200% 0}}.gallery-state{padding:50px 10px;text-align:center;font-size:12px;color:#8a987a}.gallery-state .button,.gallery-more .button{gap:8px}.gallery-more{text-align:center;margin-top:18px;font-size:11px;color:#8a987a}.gallery-more p{margin:0 0 4px}.turnstile-slot:not(:empty){margin-top:10px}.seed-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed #b4bfa0;border-radius:9px;padding:12px 14px;margin:-10px 0 24px;font-size:11px;color:#758961}.seed-panel strong{color:#3f5230}.seed-panel input{height:36px;border:1px solid var(--line);border-radius:6px;padding:0 10px;background:#fff;min-width:220px}.seed-panel .button{height:36px;gap:8px}@media(max-width:760px){.gallery-tabs{display:grid}.gallery-tabs button{font-size:12px;padding:10px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:11px}.gallery-details{padding:9px 9px 7px}.gallery-title h3{font-size:12px}.gallery-byline small{font-size:10px}.gallery-preview>span{opacity:1;font-size:10px}}@media(max-width:420px){.gallery-grid{gap:8px}.gallery-like{height:26px;padding:0 8px}}@media(prefers-reduced-motion:reduce){.gallery-preview img{transition:none}.gallery-skeleton .gallery-preview,.gallery-skeleton i{animation:none}}.share-sheet{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:32px;align-items:start}.share-preview{position:relative;aspect-ratio:4 / 5;border-radius:14px;overflow:hidden;background:#efeee8;box-shadow:0 14px 34px #2f3a2418}.share-preview.square{aspect-ratio:1}.share-preview img{width:100%;height:100%;object-fit:cover;display:block}.share-preview-badge{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#ffffffe0;font-size:11px;font-weight:600}.share-body{display:flex;flex-direction:column;min-width:0}.share-section+.share-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.share-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.share-title{display:flex;align-items:center;gap:6px;margin:0;font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.3px}.share-section>.share-title{margin-bottom:12px}.share-hint{font-size:12px;color:var(--muted)}.share-section .share-hint{margin:8px 0 0}.share-title-row .share-hint{margin:0}.share-note,.share-as{font-size:13px;line-height:1.5;color:#5f6757;margin:0 0 10px}.share-inline-link{display:inline-flex;align-items:center;gap:4px;padding:0;font-size:13px;color:#4f6b2f;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.share-inline-link:hover{color:var(--ink)}.share-field-row{display:flex;gap:8px}.share-input{flex:1;min-width:0;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:14px;color:var(--ink)}.share-input::placeholder{color:#a7ad9c}.share-input:focus{outline:2px solid #d4e89a;outline-offset:0;border-color:#a9b98a}.share-rename{width:100%;margin-bottom:8px}.share-field-row .button{height:46px;padding:0 20px;border-radius:11px;font-size:13px;gap:8px}.share-error{margin:10px 0 0;padding:9px 12px;border-radius:9px;background:#fbeee9;color:#a33d2c;font-size:12px;line-height:1.5}.share-url{flex:1;min-width:0;height:46px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-published .share-title{color:#3f5a26}.share-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.share-seg{display:inline-flex;gap:2px;padding:3px;border-radius:11px;background:#eef0e7}.share-seg button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:8px;font-size:13px;color:#5f6757}.share-seg button[aria-pressed=true]{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px #0000001a}.share-download{width:100%;height:46px;border-radius:11px;background:#fff;color:var(--ink);font-size:13px;gap:8px}.share-download small{font-size:12px;font-weight:400;color:var(--muted)}.share-download:hover:not(:disabled){background:#f3f5ec}.share-body .progress-track{margin-top:10px}.share-links{display:flex;flex-wrap:wrap;gap:4px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.share-link{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;margin-left:-12px;border-radius:9px;font-size:13px;color:#4a5242}.share-link+.share-link{margin-left:0}.share-link:hover:not(:disabled){background:#eff0e8;color:var(--ink)}@media(max-width:760px){.share-sheet{grid-template-columns:1fr;gap:20px}.share-preview{width:100%;max-width:210px;justify-self:center}.share-title-row{flex-wrap:wrap}}@media(max-width:420px){.share-field-row{flex-direction:column}.share-field-row>*{flex:none;width:100%}}main[hidden]{display:none!important}.page{padding:36px 38px 80px;min-height:calc(100svh - 140px)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-head .eyebrow{color:#8d9a7b}.page-head h1{font-family:Manrope,Arial,sans-serif;font-size:54px;line-height:1;letter-spacing:-2.6px;font-weight:500;margin:10px 0 12px}.page-head p{margin:0;max-width:470px;font-size:13px;line-height:1.65;color:#859176}.page-head .button{flex-shrink:0;gap:9px}.gallery-page .gallery-grid{grid-template-columns:repeat(4,1fr);gap:20px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.collection-card .saved-preview{height:320px}.collection-card .saved-details h3{font-size:13px}.collection-card .saved-details small{font-size:10px}.collection-actions{display:flex;flex-shrink:0}.collection-actions .icon-button{color:#a5ad98}.collection-actions .icon-button:hover{color:#3c4934}.tabbar{display:none}@media(max-width:1200px){.gallery-page .gallery-grid,.collection-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){:root{--tabbar: calc(62px + env(safe-area-inset-bottom)) }body{padding-bottom:var(--tabbar)}.site-header nav{display:none!important}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:150;height:var(--tabbar);padding-bottom:env(safe-area-inset-bottom);background:#f9f9f5f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.tabbar-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#8a8c80}.tabbar-link.selected{color:var(--ink);font-weight:650}.tabbar-link .count{position:absolute;top:7px;left:calc(50% + 9px)}.toast{bottom:calc(var(--tabbar) + 12px)}.page{padding:24px 20px 40px}.page-head{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:22px}.page-head h1{font-size:38px;letter-spacing:-1.6px}.page-head p{font-size:13px}.gallery-page .gallery-grid,.collection-grid{grid-template-columns:repeat(2,1fr);gap:11px}.collection-card .saved-preview{height:220px}.collection-card .saved-details{flex-direction:column;align-items:flex-start;gap:6px}}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-400.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-500.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-600.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-700.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-800.ttf) format("truetype")}:root{font-family:DM Sans,Arial,sans-serif;color:#272e27;background:#f9f9f5;font-synthesis:none;font-weight:400;--ink: #272e27;--muted: #85897c;--line: #e4e6dc;--acid: #d9f36a;--paper: #f9f9f5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button{color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #758440;outline-offset:4px}button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}input{min-width:0}::selection{background:var(--acid)}.app{max-width:2000px;margin:0 auto}.site-header{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;gap:72px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,Arial,sans-serif;font-size:30px;letter-spacing:-1.7px;font-weight:800;line-height:1}.brand-icon{color:#3c4934;transform:rotate(-7deg)}.site-header nav{align-self:stretch;display:flex;align-items:stretch;gap:29px}.nav-link{font-size:12px;position:relative;color:#8a8c80;padding:0;display:flex;gap:7px;align-items:center}.nav-link.selected{color:var(--ink);font-weight:650}.nav-link.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ink)}.nav-link:hover{color:var(--ink)}.count{border-radius:4px;background:#e7eadd;padding:2px 5px;font-size:10px}.mobile-help{display:none!important}.project-bar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.project-title{display:flex;align-items:center;gap:15px;min-width:0}.project-title>input{border:1px solid transparent;background:transparent;width:145px;font-size:14px;font-weight:600;color:var(--ink);border-radius:4px;padding:7px 5px}.project-title>input:hover{border-color:var(--line)}.project-title>input:focus{outline:0;border-color:#a9b18c;background:#fff}.project-actions{display:flex;gap:13px;align-items:center}.history-actions{display:flex;gap:2px;margin-right:6px;padding-right:20px;border-right:1px solid var(--line)}.icon-button{width:34px;height:34px;display:inline-flex;justify-content:center;align-items:center;padding:0;flex-shrink:0;border-radius:6px}.icon-button:hover:not(:disabled),.icon-button.active{background:#e6e9db}.button{height:42px;display:inline-flex;justify-content:center;align-items:center;gap:14px;border-radius:7px;font-size:11px;font-weight:600;padding:0 17px;border:1px solid var(--line);white-space:nowrap}.button-primary{background:var(--acid);border-color:var(--acid);color:#293220}.button-primary:hover:not(:disabled){background:#c9e657;box-shadow:0 3px 8px #77852b18}.button-quiet{border-color:transparent;background:transparent;gap:8px}.button-quiet:hover{background:#eff0e8}.studio-layout{margin:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 334px;min-height:580px;height:calc(100svh - 375px);max-height:800px;border:1px solid #e1e4d9;border-radius:12px;overflow:hidden}.stage{min-height:0;position:relative;overflow:hidden;transition:background-color .3s;color:#30382b;isolation:isolate}.stage-grain{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.stage-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(#737b6014 1px,transparent 1px),linear-gradient(90deg,#737b6014 1px,transparent 1px);background-size:90px 90px;-webkit-mask-image:linear-gradient(to top,#000,transparent 70%);mask-image:linear-gradient(to top,#000,transparent 70%);pointer-events:none}.stage-heading{position:absolute;top:39px;left:37px;z-index:2;pointer-events:none}.eyebrow{display:block;font-size:8px;letter-spacing:1.25px;line-height:1.5;font-weight:600}.stage-heading h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(39px,4.3vw,65px);font-weight:500;letter-spacing:-3.6px;line-height:1.08;margin:20px 0 16px}.stage-heading h1>span{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;letter-spacing:-4.2px}.canvas-host{position:absolute;inset:0 -7% 15px 14%;z-index:3;cursor:grab;touch-action:none}.canvas-host:active{cursor:grabbing}.canvas-host canvas{display:block;width:100%;height:100%}.racket-shadow{position:absolute;bottom:12%;left:39%;width:34%;height:17px;border-radius:50%;background:#4b553f22;filter:blur(12px);transform:rotate(-4deg);z-index:1;pointer-events:none}.stage-design-caption{position:absolute;bottom:88px;left:38px;z-index:4;pointer-events:none;display:flex;gap:13px}.stage-design-caption strong{font-size:14px;font-weight:500;margin:7px 0 9px;display:block}.tiny-palette{display:flex;gap:3px}.tiny-palette span{width:17px;height:5px;border-radius:1px}.stage-controls{position:absolute;z-index:5;bottom:20px;left:27px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.background-switch{display:flex;gap:6px;align-items:center;border-radius:7px;padding:6px;border:1px solid #616b4b15;background:#f9f9f780;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.background-switch button{border-radius:50%;width:18px;height:18px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #45503825;padding:0}.background-switch button[aria-pressed=true]{outline:1px solid #727d5f;outline-offset:2px}.view-controls{display:flex;align-items:center;gap:1px;padding:3px 4px;background:#f9f9f5c4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #59644415;border-radius:8px;color:var(--ink)}.view-controls .icon-button{width:29px;height:29px;border-radius:4px}.tool-divider{width:1px;height:15px;margin:0 4px;background:#cfd3c4}.dark-stage{color:#eceee4}.dark-stage .stage-grid{filter:invert(1)}.scene-loading,.scene-error{position:absolute;z-index:6;inset:30%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-size:12px;text-align:center}.scene-error{background:var(--paper);inset:20%;border:1px solid var(--line);border-radius:12px;padding:20px;color:var(--ink)}.config-panel{background:#fcfcf9;border-left:1px solid var(--line);display:flex;flex-direction:column;position:relative;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d9ddcd transparent}.model-options{position:absolute;left:0;right:0;top:calc(100% + 5px);background:#fff;border:1px solid var(--line);box-shadow:0 8px 30px #303c201a;border-radius:7px;overflow:hidden}.model-options button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px;text-align:left}.model-options button:hover{background:#f0f3e7}.model-options strong{font-size:12px;font-weight:600}.model-options small{display:block;color:#8a917e;font-size:9px;margin-top:5px}.edit-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:0 25px;border-bottom:1px solid var(--line)}.edit-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#929886;padding:10px 0 13px;position:relative}.edit-tabs button:hover{color:#29351d}.edit-tabs button.selected{color:#3e5032;font-weight:650}.edit-tabs button.selected:after{content:"";height:2px;background:#667b48;position:absolute;bottom:-1px;left:0;right:0}.editor-content{padding:22px 25px 13px;flex:1}.section-label{display:flex;align-items:center;justify-content:space-between;line-height:1.5}.section-label>span:first-child{font-size:8px;letter-spacing:.5px;color:#a1a793}.section-label b{font-size:10px;color:#484f40;letter-spacing:0;font-weight:500;margin-left:7px}.section-label>span:last-child{font-size:7px;color:#a3a894;letter-spacing:.9px}.parts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0 0}.part-button{height:65px;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;font-size:9px;color:#8a927b}.part-button:hover{background:#f3f5ea}.part-button.selected{border-color:#8f9d75;background:#f2f5e9;color:#3d4c2c}.part-symbol{width:24px;height:24px;display:block}.part-symbol.frame{border:3px solid var(--part-color);width:19px;height:25px;border-radius:50%;transform:rotate(28deg)}.part-symbol.strings{width:22px;height:23px;border:1px solid #c6cbb9;border-radius:3px;background-image:repeating-linear-gradient(0deg,transparent,transparent 4px,var(--part-color) 4px,var(--part-color) 5px),repeating-linear-gradient(90deg,transparent,transparent 4px,var(--part-color) 4px,var(--part-color) 5px);filter:brightness(.88)}.part-symbol.grip{width:11px;height:24px;border-radius:2px;background:repeating-linear-gradient(15deg,transparent,transparent 4px,#0002 4px,#0002 5px),var(--part-color);transform:rotate(30deg);box-shadow:inset 0 0 0 1px #0001}.part-symbol.logo{font-weight:800;font-style:italic;font-family:Manrope,Arial,sans-serif;font-size:25px;line-height:25px;color:var(--part-color)}.selection-dot{position:absolute;right:5px;top:5px;background:#738952;border-radius:50%;width:3px;height:3px}.color-section-label{margin-top:25px}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:11px 9px;margin-top:16px}.swatches button{width:100%;aspect-ratio:1;border-radius:50%;position:relative;border:1px solid #00000008;display:grid;place-items:center;padding:0}.swatches button:hover{transform:scale(1.1)}.swatches button.selected:after{content:"";position:absolute;inset:-4px;border:1px solid #7c8768;border-radius:50%;pointer-events:none}.custom-color{border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:10px;padding:8px 9px;margin-top:21px}.color-picker-label{width:28px;height:29px;position:relative;display:block;cursor:pointer}.color-picker-label input{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;z-index:2;cursor:pointer}.color-picker-label>span{display:block;width:28px;height:29px;border:1px solid #0001;border-radius:3px}.custom-color>label:nth-child(2){flex:1}.custom-color>label:nth-child(2)>span{font-size:6px;letter-spacing:1px;color:#a0a591;display:block}.custom-color>label:nth-child(2)>input{background:none;border:0;width:100%;font-family:DM Sans,Arial,sans-serif;font-size:10px;letter-spacing:1px;font-weight:500;padding:3px 0 0;color:#5c654d;outline:none}.custom-color>button{display:flex;align-items:center;color:#a0a88e;padding:5px}.quick-finish{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:10px;color:#89927b}.quick-finish button{display:flex;gap:7px;align-items:center;font-size:10px;color:#566446}.finish-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#adb994,#6d7e58)}.finish-dot.gloss{background:linear-gradient(140deg,#fff,#829766 35%,#aebc9a 60%,#4b6240)}.finish-dot.metal{background:linear-gradient(120deg,#788965,#f7ffdf 35%,#596a45 55%,#c5d2b0 90%)}.finish-dot.glass{background:linear-gradient(120deg,#c6d6b6,#edf6e5,#b4c5a4);box-shadow:inset 0 0 0 1px #a2af96}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.finish-card{border:1px solid var(--line);height:99px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;font-size:10px;color:#768267;position:relative}.finish-card.selected{border-color:#91a174;background:#f2f5eb}.finish-card>svg{position:absolute;right:9px;top:9px}.material-orb{height:42px;width:42px;border-radius:50%;box-shadow:2px 4px 7px #15250b1c}.material-orb.matte{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--orb-color),white 30%),var(--orb-color) 50%,color-mix(in srgb,var(--orb-color),black 27%))}.material-orb.gloss{background:radial-gradient(ellipse at 30% 22%,#fff 0%,#fff8 8%,transparent 22%),radial-gradient(circle at 35% 30%,var(--orb-color) 10%,color-mix(in srgb,var(--orb-color),black 30%) 75%,var(--orb-color))}.material-orb.metal{background:linear-gradient(135deg,var(--orb-color),#f8ffe9 30%,color-mix(in srgb,var(--orb-color),black 20%) 50%,var(--orb-color) 70%,#f8ffe9 95%)}.material-orb.glass{background:radial-gradient(ellipse at 30% 20%,#fff 3%,transparent 20%),radial-gradient(circle at 65% 70%,transparent 30%,color-mix(in srgb,var(--orb-color),transparent 15%)),linear-gradient(130deg,#fff8,transparent);box-shadow:inset 0 0 2px 1px #fff,2px 4px 7px #15250b1c}.panel-hint{font-size:10px;color:#939c87;line-height:1.75;margin:16px 0 0}.panel-hint.intro{margin:9px 0 18px}.pattern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pattern-grid button{font-size:9px;padding:0 0 7px;border:1px solid var(--line);border-radius:6px;overflow:hidden;color:#727f61}.pattern-grid button.selected{border-color:#92a271;background:#edf2e3}.pattern-sample{display:block;height:48px;background:var(--pattern-base);margin-bottom:7px}.pattern-sample.stripe{background:repeating-linear-gradient(125deg,var(--pattern-base),var(--pattern-base) 8px,var(--pattern-accent) 8px,var(--pattern-accent) 11px)}.pattern-sample.speckle{background-color:var(--pattern-base);background-image:radial-gradient(var(--pattern-accent) 1.5px,transparent 1.5px),radial-gradient(var(--pattern-accent) 2px,transparent 2px);background-size:13px 17px,22px 23px;background-position:0 0,7px 5px}.pattern-sample.wave{background:repeating-radial-gradient(ellipse at 0 0,var(--pattern-base),var(--pattern-base) 6px,var(--pattern-accent) 7px,var(--pattern-accent) 9px,var(--pattern-base) 11px)}.pattern-settings{display:flex;flex-direction:column;gap:17px;margin:20px 0}.pattern-settings label{font-size:10px;color:#7c896e;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.pattern-settings input[type=color]{width:27px;height:25px;padding:0;border:1px solid var(--line);background:transparent;cursor:pointer}.pattern-settings input[type=range]{width:100%;margin:14px 0 0;height:3px;accent-color:#849964;cursor:pointer}.upload-button{border:1px dashed #b4bfa0;border-radius:7px;display:flex;align-items:center;gap:10px;width:100%;padding:13px 10px;text-align:left;color:#758961}.upload-button.selected{background:#edf4df}.upload-button>span{flex:1}.upload-button strong{font-weight:500;font-size:10px;display:block}.upload-button small{font-size:7px;display:block;margin-top:5px;color:#a0a791}.text-button{font-size:9px;text-decoration:underline;display:flex;align-items:center;gap:5px;color:#879476}.remove-pattern{margin:11px auto 0}.text-input-label{display:block;font-size:8px;letter-spacing:1px;color:#8f9c7c}.text-input-label>span{float:right;color:#aab29e;letter-spacing:0}.text-input-label input{width:100%;height:53px;background:#f5f7ee;border:1px solid var(--line);border-radius:6px;font-size:23px;font-weight:700;padding:0 13px;color:#445336;letter-spacing:-.5px;margin-top:9px;text-transform:uppercase}.text-input-label input::placeholder{font-size:16px;color:#bac3ad}.type-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.type-styles button{border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;gap:7px;align-items:center;padding:10px 0;font-size:8px;color:#859471}.type-styles button>span{font-size:25px;font-weight:800;color:#4b5e3c}.type-styles button.selected{border-color:#8e9e75;background:#f0f4e8}.type-italic>span{font-style:italic}.type-outline>span{-webkit-text-stroke:1px #4b5e3c;color:transparent!important}.logo-toggle{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#82916d;margin:20px 0}.logo-toggle button{width:30px;height:18px;background:#d2d8c9;border-radius:12px;padding:2px;display:flex;align-items:center}.logo-toggle button>span{width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .2s}.logo-toggle button.on{background:#829b5c}.logo-toggle button.on>span{transform:translate(12px)}.signature-color{display:flex;align-items:center;gap:7px;font-size:10px;color:#6e8057;padding:0}.signature-color>span{display:block;width:15px;height:15px;border-radius:50%;border:1px solid #0001}.signature-color>svg{margin-left:auto}.text-note{font-size:9px}.inspiration{margin:24px 37px 22px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:23px}.inspiration-heading{display:flex;flex-direction:column;padding-top:2px}.inspiration-heading>.eyebrow{font-size:7px;color:#9da28f;letter-spacing:1.1px}.inspiration-heading h2{font-family:Manrope,Arial,sans-serif;font-size:22px;letter-spacing:-.8px;line-height:1.25;font-weight:500;margin:10px 0 14px}.inspiration-heading h2>span{color:#8d9680}.preset-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.preset-card{display:grid;grid-template-columns:66px minmax(0,1fr);text-align:left;background:#f6f6ef;border:1px solid #e6e8de;border-radius:7px;overflow:hidden;padding:0;min-height:125px;position:relative}.preset-card.selected{border-color:#b9c3a1}.preset-card:hover{border-color:#8d9e6d;transform:translateY(-3px);box-shadow:0 4px 10px #5061320a}.preset-art{position:relative;height:100%;overflow:hidden}.preset-number{position:absolute;top:8px;left:8px;font-size:7px;color:#29322270;z-index:1}.preset-arrow{position:absolute;bottom:7px;right:7px;color:#29322270;display:flex}.preset-info{padding:15px 9px 10px;display:flex;flex-direction:column;justify-content:center;min-width:0}.preset-info>strong{font-size:11px;font-weight:500;letter-spacing:-.3px;line-height:1.4}.preset-colors{display:flex;gap:3px;margin-top:17px}.preset-colors>i{width:9px;height:9px;display:block;border-radius:50%;border:1px solid #00000008}.site-footer{margin:0 38px;height:40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a0a591;font-size:8px}.site-footer>span:first-child{color:#818a74;font-size:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;background:#2d3828;color:#f1f7e8;border:1px solid #586946;padding:15px 17px;border-radius:10px;box-shadow:0 6px 30px #121d1a20;font-size:12px;width:max-content;max-width:calc(100% - 30px);animation:toast-in .25s ease-out}.toast>svg{color:#d4ee80;flex-shrink:0}.toast>button{color:#d3dfc4;display:flex;padding:0;flex-shrink:0}.dialog{padding:0;border:1px solid #dce2d1;background:#fbfcf8;color:var(--ink);border-radius:16px;max-width:min(560px,calc(100vw - 32px));width:560px;max-height:calc(100svh - 60px);box-shadow:0 20px 100px #1e302b33;overflow-y:auto;scrollbar-width:thin}.dialog::backdrop{background:#1c281a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-wide{width:820px;max-width:min(820px,calc(100vw - 32px))}.dialog-inner{padding:31px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.dialog-heading .eyebrow{font-size:8px;color:#8d9a7b}.dialog-heading h2{font-family:Manrope,Arial,sans-serif;font-size:28px;letter-spacing:-1.2px;font-weight:500;margin:7px 0 0}.dialog-description{font-size:12px;line-height:1.8;color:#859176;margin:0 0 20px}.help-steps{display:flex;flex-direction:column;gap:23px;margin:28px 0}.help-steps>div{display:flex;gap:20px}.step-icon{width:52px;height:58px;border-radius:9px;background:#eef3e3;flex-shrink:0;display:grid;place-items:center;color:#748b55}.help-steps .eyebrow{font-size:8px;color:#9aab86}.help-steps h3{font-size:15px;font-weight:500;margin:4px 0 7px}.help-steps p{font-size:11px;line-height:1.7;color:#879778;margin:0}.help-note{background:#f0f4e8;border-radius:8px;font-size:10px;line-height:1.7;color:#8a987b;padding:15px;margin:24px 0}.help-note strong{color:#6d8057;display:block;font-weight:500;margin-bottom:3px}.full-width{width:100%}.empty-collection{padding:40px 10px;text-align:center}.empty-collection>span{display:grid;place-items:center;width:90px;height:90px;background:#eef3e4;border-radius:50%;color:#789556;margin:0 auto 20px}.empty-collection h3{font-size:20px;letter-spacing:-.6px;font-weight:500}.empty-collection p{font-size:12px;line-height:1.7;color:#8a987a}.empty-collection .button{margin-top:15px}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.saved-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.saved-preview{background:#eff0e7;display:block;width:100%;height:210px;position:relative}.saved-preview>span{position:absolute;bottom:10px;left:0;right:0;font-size:9px;color:#819167;display:flex;align-items:center;justify-content:center;gap:10px}.saved-preview:hover{background:#e7eddc}.saved-details{padding:12px;display:flex;align-items:center;justify-content:space-between}.saved-details h3{font-size:11px;margin:0 0 5px;font-weight:500}.saved-details small{color:#9da78e;font-size:8px}.saved-details .icon-button{color:#a5ad98;width:26px}.preview-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:11px;color:#8e9a7b}.progress-track{height:3px;background:#e3eacb;border-radius:3px;overflow:hidden;margin-top:8px}.progress-track>span{display:block;height:100%;background:#8ca943;transform-origin:left;transform:scaleX(0);transition:transform .1s linear}.spin{animation:spin 1.3s linear infinite}.focus-mode .stage{position:fixed;inset:0;z-index:100;border-radius:0}.focus-mode .canvas-host{left:0;right:0}.focus-mode .stage-heading{top:45px;left:45px}.focus-mode .stage-controls{bottom:30px;left:40px;right:40px}.focus-mode .stage-design-caption{left:45px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(min-width:1650px){.studio-layout{grid-template-columns:minmax(0,1fr) 365px}.editor-content{padding-top:26px}.stage-heading h1{font-size:74px}.stage-heading{top:50px;left:50px}.inspiration{grid-template-columns:230px 1fr}.preset-card{grid-template-columns:90px 1fr}.preset-info{padding-left:17px}.preset-info>strong{font-size:13px}.preset-card{min-height:140px}}@media(max-width:1200px){.site-header{gap:40px;padding:0 28px}.project-bar{padding:0 28px}.studio-layout{margin:0 18px;grid-template-columns:minmax(0,1fr) 310px}.editor-content{padding-left:21px;padding-right:21px}.edit-tabs{margin-left:21px;margin-right:21px}.stage-heading{left:27px;top:32px}.stage-heading h1{font-size:47px;letter-spacing:-2.5px}.stage-heading h1>span{letter-spacing:-3px}.stage-controls{left:20px;right:17px}.stage-design-caption{left:27px}.inspiration{margin-left:28px;margin-right:28px;grid-template-columns:160px 1fr;gap:20px}.preset-list{gap:9px}.preset-card{grid-template-columns:50px 1fr;min-height:118px}.preset-info{padding-left:7px;padding-right:5px}.preset-info>strong{font-size:9px}.preset-colors{gap:2px}.preset-colors>i{width:7px;height:7px}.inspiration-heading h2{font-size:20px}.site-footer{margin-left:28px;margin-right:28px}.site-footer>span:first-child{font-size:8px}}@media(max-width:1000px){.site-header nav{margin-left:auto}.studio-layout{grid-template-columns:minmax(0,1fr) 300px}.stage-heading h1{font-size:39px}.stage-heading{left:25px;top:30px}.canvas-host{left:-6%;right:-26%;top:24px}.inspiration{grid-template-columns:140px 1fr;gap:14px}.preset-list{display:flex;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.preset-card{flex:0 0 151px;grid-template-columns:58px 1fr}.preset-info>strong{font-size:10px}.site-footer>span:nth-child(2){max-width:340px;text-align:center;line-height:1.5}.stage-controls{left:15px;right:12px}.view-controls .icon-button{width:25px;height:29px}.background-switch{gap:5px;padding:5px}.background-switch button{width:15px;height:15px}}@media(max-width:760px){.site-header{height:66px;padding:0 20px;gap:20px}.brand{font-size:25px;gap:7px}.brand-icon svg{width:27px;height:31px}.site-header nav{gap:23px}.nav-link{font-size:11px}.site-header nav .nav-link:last-child{display:none}.mobile-help{display:flex!important;margin-left:0;width:27px}.project-bar{padding:0 20px;height:69px;gap:10px}.project-title{gap:0;flex:1}.project-title>input{font-size:12px;width:120px;padding-left:0}.project-actions{gap:7px}.history-actions{border:0;margin:0;padding:0;gap:0}.history-actions .icon-button{width:28px}.history-actions .icon-button svg{width:16px}.button{height:37px;font-size:10px;padding:0 12px;gap:9px}.save-button{padding:0 7px}.save-button span{display:none}.studio-layout{margin:0 13px;display:flex;flex-direction:column;min-height:0;height:auto;max-height:none;border-radius:10px;overflow:visible}.stage{height:520px;border-radius:10px 10px 0 0;flex:none}.stage-heading{top:29px;left:25px}.stage-heading h1{font-size:43px;letter-spacing:-2.8px;margin-top:16px}.stage-heading h1>span{letter-spacing:-3px}.canvas-host{inset:8px -3% 30px 11%}.stage-design-caption{bottom:78px;left:25px}.stage-design-caption strong{font-size:12px}.stage-controls{left:20px;right:20px;bottom:17px}.view-controls .icon-button{width:28px}.background-switch{gap:7px;padding:6px}.background-switch button{width:17px;height:17px}.config-panel{border-left:0;border-top:1px solid var(--line);border-radius:0 0 10px 10px;overflow:visible}.edit-tabs{margin:3px 24px 0}.edit-tabs button{font-size:11px;gap:8px;padding:14px 0}.editor-content{padding:23px 24px 20px}.section-label b{font-size:11px}.section-label>span:first-child{font-size:9px}.section-label>span:last-child{font-size:8px}.parts-grid{gap:10px;margin-top:13px}.part-button{height:70px;font-size:10px}.color-section-label{margin-top:23px}.swatches{gap:15px;margin-top:18px;grid-template-columns:repeat(8,1fr)}.swatches button{max-width:40px;justify-self:center}.custom-color{margin-top:22px;padding:10px 13px}.color-picker-label,.color-picker-label>span{width:32px;height:32px}.custom-color>label:nth-child(2)>span{font-size:7px}.custom-color>label:nth-child(2)>input{font-size:12px}.quick-finish{font-size:11px;margin-top:17px}.quick-finish button{font-size:11px}.inspiration{margin:28px 24px 24px;display:block}.inspiration-heading{position:relative}.inspiration-heading h2{font-size:23px;margin:10px 0 20px}.inspiration-heading h2 br{display:none}.inspiration-heading h2>span{margin-left:5px}.preset-list{gap:11px;margin:0 -11px;padding:0 11px 10px;scroll-snap-type:x mandatory}.preset-card{flex-basis:175px;grid-template-columns:70px 1fr;min-height:128px;scroll-snap-align:start}.preset-info{padding:15px 10px}.preset-info>strong{font-size:11px}.preset-colors{gap:3px}.preset-colors>i{width:9px;height:9px}.site-footer{height:auto;margin:0 24px;padding:20px 0 25px;flex-direction:column;gap:12px;text-align:center}.site-footer>span:first-child{font-size:11px}.site-footer>span:nth-child(2){font-size:9px;max-width:310px;line-height:1.6}.finish-grid{grid-template-columns:repeat(4,1fr)}.finish-card{height:100px;font-size:10px}.panel-hint{font-size:11px}.pattern-sample{height:60px}.pattern-grid button,.pattern-settings label{font-size:11px}.pattern-settings input[type=range]{margin-top:20px;height:5px}.pattern-settings{gap:25px;margin:22px 0}.upload-button{padding:16px}.upload-button strong{font-size:12px}.upload-button small,.text-input-label{font-size:9px}.type-styles{gap:12px}.type-styles button{font-size:10px;padding:13px 0}.type-styles button>span{font-size:30px}.logo-toggle{font-size:12px;margin:23px 0}.signature-color{font-size:12px}.text-note{font-size:10px}.dialog{max-height:calc(100svh - 30px)}.dialog-inner{padding:23px}.dialog-heading h2{font-size:25px}.saved-grid{grid-template-columns:repeat(2,1fr);gap:11px}.saved-preview{height:190px}.saved-details{padding:9px}.toast{bottom:16px;font-size:11px;line-height:1.5;padding:12px 14px}.focus-mode .stage{height:100svh}.focus-mode .stage-heading{left:25px;top:30px}.focus-mode .stage-controls{left:20px;right:20px;bottom:25px}.focus-mode .stage-design-caption{left:25px}}@media(max-width:420px){.site-header{padding:0 16px;gap:14px}.brand{font-size:23px}.site-header nav{gap:16px}.nav-link{font-size:10px}.mobile-help{width:23px}.project-bar{padding:0 16px}.project-title>input{width:94px;font-size:11px}.project-actions{gap:4px}.history-actions .icon-button{width:25px}.project-actions>.button-primary{font-size:9px;padding:0 10px;gap:7px}.stage{height:475px}.stage-heading h1{font-size:38px}.stage-heading{left:20px;top:28px}.canvas-host{inset:10px -12% 20px 6%}.stage-design-caption{left:20px}.stage-controls{left:14px;right:12px}.view-controls .icon-button{width:25px}.background-switch{gap:5px;padding:5px}.background-switch button{width:16px;height:16px}.edit-tabs{margin-left:20px;margin-right:20px}.editor-content{padding-left:20px;padding-right:20px}.swatches{gap:13px}.inspiration{margin-left:22px;margin-right:22px}.inspiration-heading h2{font-size:20px}.finish-grid{gap:7px}.material-orb{width:34px;height:34px}.finish-card{height:85px;font-size:9px}.dialog-inner{padding:20px}.dialog-heading h2{font-size:22px}.dialog-heading .eyebrow{font-size:6px}.saved-details h3{font-size:10px}.saved-grid{gap:8px}.help-steps{gap:20px}.help-steps>div{gap:13px}.step-icon{width:45px;height:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spin{animation-duration:2s!important}}@media(max-width:760px){.stage{position:sticky;top:-94px;z-index:10}.stage-heading h1{font-size:35px;letter-spacing:-2px}.stage-heading h1>span{letter-spacing:-2.5px}.canvas-host{inset:70px -10% 22px 5%}.focus-mode .canvas-host{inset:65px -8% 20px 0}.config-panel{z-index:9}.stage-controls{isolation:isolate}}@media(max-width:420px){.stage-heading h1{font-size:33px}.canvas-host{inset:70px -16% 18px 2%}.stage-heading h1>span{letter-spacing:-2px}}.edit-tabs{grid-template-columns:repeat(5,1fr)}.edit-tabs button{font-size:10px;gap:6px}.stage-specs{display:block;font-size:9px;color:var(--muted);margin-top:8px;font-variant-numeric:tabular-nums}.camera-presets{position:absolute;z-index:5;right:25px;top:60px;display:flex;gap:2px;padding:4px;border:1px solid #30372a15;background:#ffffff60;border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.camera-presets button{border:0;background:none;font:500 10px var(--font-body, "DM Sans", sans-serif);color:#676e60;border-radius:5px;padding:7px 10px;cursor:pointer}.camera-presets button[aria-pressed=true]{color:#283124;background:#fff;box-shadow:0 1px 5px #00000008}.dark-stage .camera-presets{background:#ffffff14;border-color:#ffffff20}.dark-stage .camera-presets button{color:#c5ccbe}.dark-stage .camera-presets button[aria-pressed=true]{background:#e5edcc;color:#283124}.form-intro{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.form-intro h3{font-size:14px;margin:0 0 6px;letter-spacing:-.35px}.form-intro p{font-size:10px;color:var(--muted);margin:0}.form-intro .icon-button{width:28px;height:28px}.spec-control{margin:0 0 23px}.spec-control>label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:500;gap:10px}.spec-control output{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:#465338;background:#ecf0df;border-radius:5px;padding:4px 7px;white-space:nowrap}.spec-control input[type=range]{display:block;width:100%;margin:18px 0 9px;appearance:none;background:linear-gradient(to right,#687c48 0 var(--range-progress),#e6e8df var(--range-progress) 100%);height:3px;border-radius:3px;cursor:pointer;touch-action:pan-y}.spec-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;width:17px;height:17px;border:4px solid #586c39;border-radius:50%;box-shadow:0 0 0 4px #f8f8f2}.spec-control input[type=range]::-moz-range-thumb{background:#fff;width:10px;height:10px;border:4px solid #586c39;border-radius:50%}.spec-control input[type=range]:focus-visible{outline:2px solid #8ba74e;outline-offset:8px}.spec-range{display:flex;justify-content:space-between;color:#93998c;font-size:8px;font-variant-numeric:tabular-nums}.spec-control p,.spec-options p{font-size:9px;line-height:1.6;color:#858b7e;margin:9px 0 0}.spec-options{border:0;padding:0;margin:0 0 24px}.spec-options legend{font-size:11px;font-weight:500;width:100%;display:flex;justify-content:space-between;margin-bottom:13px;padding:0}.spec-options legend span{font-size:7px;color:#919888;letter-spacing:.7px}.spec-options>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.spec-options button{border:1px solid #e3e6db;border-radius:6px;background:#fafbf6;padding:10px 0;font-size:11px;font-family:inherit;color:#747d67;cursor:pointer}.spec-options button.selected{background:#edf2de;border-color:#a1b275;color:#3f5029}.spec-details{border-top:1px solid #e5e7df;padding:15px 0 0;margin:0 0 15px}.spec-details summary{font-size:11px;font-weight:500;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.spec-details summary::-webkit-details-marker{display:none}.spec-details[open] summary svg{transform:rotate(180deg)}.spec-details-body{padding-top:20px}.spec-details-body>p{font-size:10px;line-height:1.7;color:#7d8574;margin:0 0 16px}.spec-details-body>.spec-note{padding:10px 12px;background:#f0f2e9;border-radius:6px;font-size:9px}.references .spec-details-body>a{display:block;text-decoration:none;padding:10px 0;border-bottom:1px solid #eceee6}.references a strong{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#586e3d}.references a span{display:block;font-size:8px;line-height:1.7;color:#8c9384;margin-top:5px}.form-panel .references{margin-bottom:0}.form-panel{padding-bottom:3px}.config-panel{min-height:0}.editor-content{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d6dbcc transparent;overscroll-behavior:auto}.form-panel .spec-control:last-child{margin-bottom:0}@media(min-width:761px){.studio-layout{height:660px;max-height:calc(100svh - 170px);min-height:580px}.config-panel{display:flex;flex-direction:column}.edit-tabs{flex-shrink:0}.editor-content{flex:1;min-height:0}}@media(max-width:760px){.editor-content{overflow:visible}.camera-presets{top:60px;right:20px}.camera-presets button{font-size:9px;padding:6px 8px}.stage-specs{font-size:8px}.edit-tabs button{font-size:10px;gap:7px}.form-intro h3{font-size:16px}.form-intro p{font-size:11px}.spec-control>label,.spec-options legend,.spec-details summary{font-size:13px}.spec-control output{font-size:13px}.spec-control{margin-bottom:26px}.spec-control p,.spec-options p{font-size:10px}.spec-range{font-size:9px}.spec-control input[type=range]{margin-top:23px;margin-bottom:13px}.spec-control input[type=range]::-webkit-slider-thumb{width:22px;height:22px;border-width:5px}.spec-details-body>p{font-size:11px}.references a strong{font-size:11px}.references a span{font-size:9px}.spec-options button{padding:12px 0;font-size:12px}.stage-design-caption{bottom:74px}}@media(max-width:760px){.edit-tabs{position:sticky;top:426px;z-index:11;background:#fafbf6;box-shadow:0 -4px #fafbf6,0 5px #fafbf6}}@media(max-width:420px){.edit-tabs{top:381px}}@media(max-width:760px){html{scroll-padding-top:486px}.edit-tabs{margin-left:0;margin-right:0;padding-left:24px;padding-right:24px}.spec-control,.editor-content{scroll-margin-top:486px}}@media(max-width:420px){html{scroll-padding-top:441px}.edit-tabs{padding-left:20px;padding-right:20px}.spec-control,.editor-content{scroll-margin-top:441px}}.brand-icon{display:flex;align-items:center;transform:none}.preset-card{grid-template-columns:80px minmax(0,1fr);min-height:140px}.racket-thumbnail{position:absolute;inset:8px 0 4px;display:flex;align-items:center;justify-content:center;pointer-events:none}.racket-thumbnail img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 4px 2px #28371622);transition:transform .25s ease}.preset-card:hover .racket-thumbnail img{transform:rotate(-4deg) scale(1.04)}.racket-thumbnail.large{inset:3px 10px 25px}.saved-preview:hover .racket-thumbnail img{transform:rotate(-3deg)}.thumbnail-placeholder{font-size:8px;letter-spacing:1px;color:#46523b70;text-align:center;padding:4px}.racket-thumbnail.pending:before{content:"";position:absolute;inset:15%;border-radius:40%;background:radial-gradient(ellipse,#ffffff70,transparent 70%)}@media(min-width:1001px)and (max-width:1200px){.preset-card{grid-template-columns:62px minmax(0,1fr)}}@media(max-width:1000px){.preset-card{flex-basis:185px}}@media(prefers-reduced-motion:reduce){.racket-thumbnail img{transition:none}.preset-card:hover .racket-thumbnail img,.saved-preview:hover .racket-thumbnail img{transform:none}}.closeup-stage .stage-heading h1{font-size:36px;letter-spacing:-1.5px;line-height:1.1}.closeup-stage .stage-heading h1>span{letter-spacing:-1.5px}.closeup-stage .racket-shadow{opacity:0}@media(max-width:760px){.closeup-stage .stage-heading h1{font-size:25px;margin-top:12px}.closeup-stage .stage-heading{top:24px;left:20px}.camera-presets button{padding-left:7px;padding-right:7px}}.text-target{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;background:#eceee4;border-radius:8px;margin-bottom:24px}.text-target button{border:0;border-radius:5px;padding:10px 6px;font:500 11px var(--font-body, Arial);background:transparent;color:#7b8372;cursor:pointer}.text-target button[aria-pressed=true]{background:#fff;color:#35472c;box-shadow:0 1px 5px #25351c0b}.inscription-colors{display:flex;gap:5px;margin:16px 0 24px}.inscription-colors>button{display:flex;align-items:center;gap:5px;flex:1;justify-content:center;background:#f5f6f0;border:1px solid #e2e6d9;border-radius:6px;font:500 9px var(--font-body, Arial);color:#6f7963;min-height:34px;padding:4px;cursor:pointer}.inscription-colors>button[aria-pressed=true]{border-color:#9aa986;color:#35472c;background:#eef2e4}.inscription-colors i{width:9px;height:9px;border-radius:50%;border:1px solid #33442b22}.auto-ink{background:linear-gradient(135deg,#263129 50%,#f5f1e6 50%)}.custom-ink{width:28px;position:relative;display:grid;place-items:center;background:#eff1e7;border:1px solid #e2e6d9;border-radius:6px}.custom-ink input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.custom-ink span{font-size:18px;color:#5e6b52;pointer-events:none}.inscription-inspect{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:#e9eedb;border:1px solid #d8e0c7;border-radius:8px;padding:16px;color:#3f5230;font-family:inherit;cursor:pointer}.inscription-inspect:hover{background:#e0e8cf}.inscription-inspect strong{display:block;font-size:11px;font-weight:600}.inscription-inspect small{display:block;font-size:9px;color:#7b876a;margin-top:5px}.frame-text-panel .text-input-label input{font-size:15px;font-weight:500;letter-spacing:0}.frame-text-panel .text-note{margin-top:20px}@media(max-width:760px){.text-target button{font-size:12px}.inscription-colors>button{font-size:10px;min-height:40px}.inscription-inspect{padding:18px}.inscription-inspect strong{font-size:13px}.inscription-inspect small{font-size:10px}}.closeup-stage .canvas-host{inset:0 0 15px}.closeup-stage .stage-heading{z-index:4}.frame-text-panel .text-input-label input{text-transform:none}@media(max-width:760px){.closeup-stage .canvas-host{inset:90px 0 20px}.closeup-stage .camera-presets{top:68px;right:16px}}.project-title{gap:8px;color:#a3a897}.project-title>input{width:220px}.section-label>span:first-child,.section-label>span:last-child{font-size:11px;letter-spacing:0;color:var(--muted)}.section-label b{margin-left:0;font-size:12px;font-weight:600;color:#3d4536}.section-label-spaced{margin-bottom:14px}.panel-hint{font-size:11px}.text-input-label{font-size:10px}.stage-design-caption{bottom:84px}.stage-design-caption strong{font-size:15px;font-weight:600;margin:0 0 6px}.stage-specs{font-size:11px;margin:0 0 10px}.camera-presets button{font-size:11px}.drag-hint{position:absolute;left:50%;top:24px;transform:translate(-50%);z-index:6;display:flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:#ffffffa8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #30372a12;color:#5f6757;font-size:11px;white-space:nowrap;pointer-events:none;animation:hint-in .5s ease .8s both}.dark-stage .drag-hint{background:#ffffff14;border-color:#ffffff20;color:#c5ccbe}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,-6px)}}.preset-info>strong{font-size:13px;font-weight:600}.preset-colors{margin-top:8px}.help-note{font-size:12px}.site-footer{height:56px;font-size:12px;color:#8f9484}.site-footer>span:first-child{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:15px;letter-spacing:-.6px;color:var(--ink)}.site-footer>a{display:flex;align-items:center;gap:4px;color:#6f775f;white-space:nowrap}.site-footer>a:hover{color:var(--ink)}.edit-tabs button{font-size:11px}.stage-controls{pointer-events:none}.stage-controls>*{pointer-events:auto}@media(min-width:761px){.edit-tabs{margin-top:12px}}@media(min-width:1001px){.camera-presets{inset:auto auto 20px 50%;transform:translate(-50%)}.focus-mode .camera-presets{bottom:30px}}@media(max-width:1200px){.preset-info>strong{font-size:12px}}@media(max-width:1000px){.drag-hint{display:none}}@media(max-width:760px){.stage-heading{display:none}.camera-presets,.closeup-stage .camera-presets{top:22px;right:auto;left:50%;transform:translate(-50%)}.project-title>input{width:120px}.project-title>svg{display:none}.stage-design-caption{bottom:74px}.stage-design-caption strong{font-size:13px}.stage-specs{font-size:10px}.site-footer>span:first-child{font-size:15px}.site-footer>span:nth-child(2){font-size:11px}}@media(max-width:420px){.project-title>input{width:94px}}