body{padding-bottom:env(safe-area-inset-bottom,0px)}.hero{padding-top:clamp(40px,8vh,88px)}.hero h1{font-size:clamp(2.6rem,7.6vw,5.6rem)}.head-weft span{color:var(--ink-3)}@media(max-width:860px){.theme-toggle{margin-left:auto}}.studio{position:relative;max-width:calc(var(--maxw) + 2 * var(--gutter));margin:clamp(28px,5vh,52px) auto 0;padding:0 var(--gutter);isolation:isolate}.studio:before{content:"";position:absolute;left:50%;top:14%;width:min(760px,90%);height:46%;transform:translate(-50%);border-radius:50%;background:var(--grad-glow);filter:blur(90px);opacity:.28;z-index:-1;pointer-events:none}.studio-shell{display:grid;gap:12px;padding:12px;border-radius:32px;background:var(--shell);border:1px solid var(--shell-edge);box-shadow:var(--shadow-shell)}.col-stage,.col-controls{min-width:0}.stage{position:relative;display:grid;place-items:center;min-height:190px;padding:14px;border-radius:22px;background-color:var(--paper-2);background-image:radial-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1.3px);background-size:14px 14px;box-shadow:inset 0 1px 3px #00000012}#stage-canvas{display:block;max-width:100%;max-height:min(54vh,560px);width:auto;height:auto;border-radius:8px;box-shadow:var(--shadow-card);touch-action:auto}.stage.blurring #stage-canvas{touch-action:none;cursor:crosshair}.stage-chip,.blur-hint{position:absolute;font-size:12px;font-weight:600;border-radius:999px;padding:6px 12px;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;pointer-events:none}.stage-chip{top:10px;left:10px;color:var(--ink-2);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft)}.blur-hint{left:50%;bottom:10px;transform:translate(-50%);background:var(--ink);color:var(--paper)}.drop-hint{position:absolute;top:8px;right:8px;bottom:8px;left:8px;display:none;place-items:center;border-radius:16px;border:2px dashed var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:700;font-size:17px;pointer-events:none}.stage.drop .drop-hint{display:grid}.pick-row{margin-top:12px}.pick-btns{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.pick,.paste{min-height:56px}.pick{min-width:0;padding-left:16px;padding-right:16px}.paste{padding-left:20px;padding-right:22px}.pick svg,.paste svg{flex:none;width:21px;height:21px}.paste-box{display:grid;gap:4px;justify-items:center;margin-top:10px}.paste-target{display:grid;place-items:center;width:100%;min-height:64px;padding:12px 16px;border-radius:18px;border:2px dashed color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--well));color:var(--ink);font-size:16px;font-weight:600;text-align:center;caret-color:transparent;overflow:hidden;-webkit-user-select:text;user-select:text}.paste-target:empty:before{content:attr(data-touch);color:var(--accent)}@media(hover:hover)and (pointer:fine){.paste-target:empty:before{content:attr(data-desk)}}.paste-box .text-btn{margin-top:0}.pick-note{margin:10px 0 2px;text-align:center;font-size:13px;color:var(--ink-3)}.pick-note .desk{display:none}@media(hover:hover)and (pointer:fine){.pick-note .desk{display:inline}}.col-controls{display:grid;gap:22px;align-content:start;padding:20px 16px 18px;border-radius:24px;background:var(--card-face);box-shadow:var(--shadow-card)}.group{display:grid;gap:10px;min-width:0;justify-items:start}.group>*{max-width:100%}.label{justify-self:stretch;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.label span:last-child:not(:first-child){font-family:var(--font);font-size:12.5px;letter-spacing:0;text-transform:none;text-align:right;color:var(--ink-2)}.rail{justify-self:stretch;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 28px 6px 6px;margin:-6px -16px -6px -6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 84%,transparent);mask-image:linear-gradient(to right,#000 84%,transparent)}.rail::-webkit-scrollbar{display:none}.swatch{flex:0 0 auto;display:grid;gap:7px;justify-items:center;width:70px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;scroll-snap-align:start}.swatch .thumb{display:block;width:70px;height:53px;border-radius:13px;box-shadow:var(--shadow-card);transition:box-shadow .15s ease,transform .15s ease}.swatch:hover .thumb{transform:translateY(-1px)}.swatch .name{font-size:12px;font-weight:500;color:var(--ink-2);white-space:nowrap}.swatch[aria-pressed=true] .thumb{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--accent),0 8px 18px -8px #2f6bff99}.swatch[aria-pressed=true] .name{color:var(--ink);font-weight:650}.row2{display:grid;gap:22px}.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:999px;background:var(--well);box-shadow:inset 0 1px 3px #00000014}.seg button{min-height:38px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--ink-2);font:inherit;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .15s ease,color .15s ease}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--card-face);color:var(--ink);box-shadow:var(--shadow-card)}.cr{display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-1px;border-top:2px solid currentColor;border-left:2px solid currentColor}.cr-small{border-top-left-radius:3px}.cr-medium{border-top-left-radius:6px}.cr-large{border-top-left-radius:11px}.tools{display:flex;gap:8px;flex-wrap:wrap}.tool{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--btn-g);box-shadow:var(--shadow-soft);color:var(--ink);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}.tool-sm{min-height:38px;padding:0 15px;font-size:13.5px}.tool svg{width:17px;height:17px}.tool[aria-pressed=true]{background:var(--grad-blue);color:#fff;box-shadow:inset 0 1px #ffffff59,0 8px 18px -8px #2f6bffb3}.tool:disabled{opacity:.45;cursor:default}.count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);font-family:var(--mono);font-size:11.5px}.handle-row{justify-self:stretch;display:flex;gap:10px;align-items:center}.switch{flex:none;position:relative;width:50px;height:30px;padding:0;border:0;border-radius:999px;background:var(--well);box-shadow:inset 0 1px 3px #0000001f;cursor:pointer;transition:background .2s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#fff,#f1f1f1);box-shadow:0 1px 2px #0003,0 3px 8px -2px #0003;transition:transform .2s ease}.switch[aria-checked=true]{background:var(--grad-blue);box-shadow:inset 0 1px 2px #0000001f}.switch[aria-checked=true]:after{transform:translate(20px)}.handle-input{flex:1;min-width:0;height:46px;padding:0 18px;border:0;border-radius:999px;background:var(--well);box-shadow:inset 0 1px 3px #00000014;color:var(--ink);font:inherit;font-size:16px;font-weight:500}.handle-input::placeholder{color:var(--ink-3)}.handle-input:focus-visible{outline-offset:2px}.actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.act{min-height:52px;font-size:16px}.act svg{width:19px;height:19px}#save-btn .i-share,#save-btn.is-share .i-down{display:none}#save-btn.is-share .i-share{display:block}.text-btn{justify-self:center;margin-top:-12px;padding:6px 10px;border:0;background:none;color:var(--ink-2);font:inherit;font-size:13.5px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink-3);cursor:pointer}.trust{display:flex;gap:10px;align-items:flex-start;margin:0;padding-top:16px;border-top:1px solid var(--rule);font-size:13px;line-height:1.5;color:var(--ink-2)}.trust svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--ok)}@media(max-width:959px){body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.actions{position:fixed;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;max-width:520px;margin:0 auto;padding:8px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border:1px solid var(--shell-edge);box-shadow:0 1px 2px #0000000f,0 18px 40px -18px #0006;transform:translateY(calc(100% + 40px));transition:transform .3s cubic-bezier(.2,.7,.2,1)}.dock-in.has-shot .actions{transform:none}.text-btn{margin-top:-8px}}.mini{display:none}@media(max-width:959px){.mini{position:fixed;top:calc(76px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:45;display:block;padding:5px;border:1px solid var(--shell-edge);border-radius:16px;background:var(--glass);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 1px 2px #00000014,0 18px 36px -14px #00000073;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transform-origin:top right;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.mini canvas{display:block;width:auto;height:auto;max-width:38vw;max-height:22vh;border-radius:11px}.has-shot.mini-in .mini{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease}}@media(prefers-reduced-motion:reduce){.mini{transition:none!important}}@media(min-width:960px){.studio-shell{gap:16px;padding:16px;border-radius:40px}.col-stage{position:sticky;top:96px;align-self:start}.stage{min-height:440px;padding:26px;border-radius:28px}#stage-canvas{max-height:64vh;border-radius:10px}.col-controls{padding:24px;border-radius:28px}.studio-shell{grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr)}.rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:12px 8px;overflow:visible;margin:-6px;padding:6px;-webkit-mask-image:none;mask-image:none}.swatch{width:auto;align-content:start}.swatch .thumb{width:100%;height:auto;aspect-ratio:4 / 3;border-radius:11px}.swatch .name{font-size:11.5px;line-height:1.25;white-space:normal;text-align:center}}.steps{list-style:none;padding:0;margin:48px 0 0;display:grid;gap:14px}.step{position:relative;padding:26px 24px 28px;border-radius:28px;background:var(--card-face);box-shadow:var(--shadow-card)}.step .num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--grad-blue);color:#fff;font-weight:700;box-shadow:inset 0 1px #ffffff59,0 8px 18px -8px #2f6bffb3}.step h3{margin-top:18px;font-size:21px}.step p{margin-top:10px;color:var(--ink-2);font-size:16px}@media(min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}.style-groups{margin-top:48px;display:grid;gap:14px}.sg{padding:24px;border-radius:28px;background:var(--card-face);box-shadow:var(--shadow-card)}.sg h3{font-size:20px}.sg p{margin-top:8px;color:var(--ink-2);font-size:15.5px}.chips{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}.chips li{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--btn-g);box-shadow:var(--shadow-soft);font-size:14px;font-weight:550}.chips i{width:22px;height:22px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent)}.specs{margin-top:14px;display:grid;gap:14px}.spec{padding:24px;border-radius:28px;background:var(--paper-2)}.spec h3{font-size:18px}.spec p{margin-top:8px;color:var(--ink-2);font-size:15px}.spec b{color:var(--ink);font-weight:600}@media(min-width:860px){.style-groups{grid-template-columns:repeat(2,1fr)}.specs{grid-template-columns:repeat(3,1fr)}}.privacy-band{position:relative;display:grid;gap:28px;padding:clamp(28px,5vw,64px);border-radius:40px;background:var(--shell);border:1px solid var(--shell-edge);box-shadow:var(--shadow-shell);overflow:hidden;isolation:isolate}.privacy-band:before{content:"";position:absolute;right:-10%;top:-20%;width:60%;height:80%;border-radius:50%;background:var(--grad-glow);filter:blur(90px);opacity:.22;z-index:-1}.privacy-copy h2{font-size:clamp(2.2rem,5vw,3.7rem)}.privacy-copy>p:last-child{margin-top:20px;color:var(--ink-2);font-size:18px;max-width:34em}.promises{list-style:none;padding:0;display:grid;gap:10px;align-content:start}.promises li{position:relative;padding:18px 20px 18px 58px;border-radius:20px;background:var(--card-face);box-shadow:var(--shadow-card);color:var(--ink-2);font-size:15.5px;line-height:1.5}.promises li:before{content:"✓";position:absolute;left:18px;top:17px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--well);box-shadow:inset 0 2px 3px #00000014,0 1px #ffffffe6;color:var(--ok);font-size:12px;font-weight:800}.promises b{color:var(--ink);font-weight:600}@media(min-width:960px){.privacy-band{grid-template-columns:1fr 1fr;gap:48px;align-items:center}}.fit{margin-top:48px;display:grid;gap:14px}.fit-col{padding:26px 24px;border-radius:28px;background:var(--card-face);box-shadow:var(--shadow-card)}.fit-col.not{background:var(--paper-2);box-shadow:none}.fit-col h3{font-size:20px}.fit-col ul{list-style:none;padding:0;margin-top:16px;display:grid;gap:12px}.fit-col li{position:relative;padding-left:30px;color:var(--ink-2);font-size:16px;line-height:1.5}.fit-col li:before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:800;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.fit-col.not li:before{content:"–";color:var(--ink-3);background:color-mix(in srgb,var(--ink) 8%,transparent)}.fit-col a{color:var(--accent)}@media(min-width:860px){.fit{grid-template-columns:1fr 1fr}}#weft{padding-top:clamp(56px,8vh,96px)}.sister{display:flex;align-items:center;gap:20px;max-width:860px;margin:0 auto;padding:22px 26px 22px 22px;border-radius:30px;background:var(--card-face);box-shadow:var(--shadow-card);color:var(--ink);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.sister:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0000000f,0 20px 40px -20px #2f6bff8c}.sister-mark{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:var(--btn-g);box-shadow:var(--shadow-soft)}.sister-copy{display:grid;gap:4px}.sister-k{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.sister-copy b{font-size:19px;letter-spacing:-.02em}.sister-copy span:last-child{color:var(--ink-2);font-size:15px;line-height:1.5}.sister-go{margin-left:auto;font-size:22px;color:var(--ink-3)}@media(max-width:560px){.sister{align-items:flex-start;padding:18px;gap:14px}.sister-mark{width:52px;height:52px;border-radius:16px}.sister-mark svg{width:30px;height:30px}.sister-go{display:none}}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:60;width:max-content;max-width:calc(100% - 32px);padding:11px 18px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:500;text-align:center;box-shadow:0 14px 30px -12px #00000073}.coffee{position:fixed;left:12px;right:12px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:45;max-width:440px;margin:0 auto;display:grid;gap:14px;padding:18px;border-radius:24px;background:var(--card-face);box-shadow:0 1px 2px #0000000f,0 24px 50px -20px #0006;font-size:14.5px;color:var(--ink-2)}.coffee b{color:var(--ink)}.coffee div{display:flex;gap:8px}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:end center;background:#0a0a0c80}.sheet{display:grid;gap:14px;width:100%;max-width:520px;max-height:100dvh;overflow:auto;padding:22px max(20px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));border-radius:28px 28px 0 0;background:var(--card-face)}.sheet h2{font-size:21px;letter-spacing:-.03em}.sheet img{width:100%;max-height:46vh;object-fit:contain;border-radius:14px;background:var(--paper-2)}.sheet p{color:var(--ink-2);font-size:15px}.sheet-btns{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.sheet-btns .btn{padding-left:12px;padding-right:12px}@media(min-width:960px){.toast,.coffee{bottom:32px}.sheet-wrap{place-items:center}.sheet{border-radius:28px;padding:24px}}@media(prefers-reduced-motion:reduce){.actions,.swatch .thumb,.switch,.switch:after,.sister{transition:none}}