@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@700;900&family=Space+Grotesk:wght@500;600;700;800&display=swap";:root{--bg: #f7f2e9;--bg-strong: #efe6d7;--panel: rgba(255, 255, 255, .9);--panel-strong: rgba(255, 255, 255, .98);--panel-soft: rgba(246, 250, 247, .9);--ink: #171a1f;--ink-soft: #5f6673;--line: rgba(29, 24, 19, .08);--line-strong: rgba(29, 24, 19, .14);--tomato: #ff633d;--mint: #00a77e;--butter: #f0c348;--sky: #456ed8;--shadow-soft: 0 16px 44px rgba(63, 45, 31, .08);--shadow-strong: 0 30px 76px rgba(63, 45, 31, .14);--radius-2xl: 18px;--radius-xl: 14px;--radius-lg: 12px;--radius-md: 10px;--radius-pill: 999px;--font-display: "Space Grotesk", "Noto Sans SC", sans-serif;--font-hero: "Noto Serif SC", "Noto Sans SC", serif;--font-body: "Noto Sans SC", "Plus Jakarta Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 8% 6%,rgba(255,99,61,.13),transparent 28%),radial-gradient(circle at 88% 16%,rgba(0,167,126,.14),transparent 30%),linear-gradient(rgba(63,45,31,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(63,45,31,.032) 1px,transparent 1px),linear-gradient(180deg,#fffaf2,#f7f2e9 54%,#eef5f0);background-size:auto,auto,30px 30px,30px 30px,auto}body:before{display:none}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,h3,small,strong,span,li{text-wrap:pretty}canvas{display:block;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;z-index:1;width:min(1460px,calc(100% - 32px));margin:0 auto;padding:0 0 64px}.site-corner-brand{position:fixed;top:16px;left:max(18px,calc((100vw - 1460px)/2));z-index:30;display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 10px 7px 7px;border:1px solid rgba(29,24,19,.055);border-radius:999px;background:#fffdf88f;box-shadow:0 8px 18px #3f2d1f09;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s var(--ease),transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.site-corner-brand .brand-mark{width:18px;height:18px;border-radius:6px}.site-corner-brand:hover,.site-corner-brand:focus-visible{border-color:#08ad8624;background:#ffffffc7;outline:none}.app-shell:has(.site-header.is-visible) .site-corner-brand{opacity:0;pointer-events:none;transform:translateY(-8px)}.site-header{position:fixed;top:16px;left:50%;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1460px,calc(100% - 32px));padding:10px 12px;border:1px solid var(--line);border-radius:18px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:color-mix(in srgb,var(--panel-strong) 95%,transparent);box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;transform:translate(-50%) translateY(-22px) scale(.985);transition:opacity .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease)}.site-header.is-visible,.site-header:focus-within{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1)}.brand-lockup{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:20px;height:20px;border-radius:8px;background:radial-gradient(circle at 30% 30%,var(--tomato) 0 18%,transparent 19%),radial-gradient(circle at 70% 30%,var(--butter) 0 18%,transparent 19%),radial-gradient(circle at 30% 70%,var(--mint) 0 18%,transparent 19%),radial-gradient(circle at 70% 70%,var(--sky) 0 18%,transparent 19%),#ffffffe6;box-shadow:inset 0 0 0 1px #1717170d,0 8px 18px #3f2d1f14}.brand-copy{display:flex;flex-direction:column}.brand-copy strong,.site-nav a,.header-cta,.eyebrow,.card-kicker,.canvas-caption strong,.action-button,.stage-button,.mini-tag,.stat-card strong,.moment-card h3,.section-heading h2,.hero-copy h1,.studio-welcome-copy h1,.summary-hero h3,.shelf-copy h3{font-family:var(--font-display)}.brand-copy strong{font-size:1.02rem}.brand-copy small,.site-nav a,.hero-note,.section-heading p,.moment-card p,.summary-hero p,.recommend-card p,.shelf-copy p,.upload-zone p,.field-inline small,.field-label,.canvas-caption span,.stage-hint,.empty-inline,.empty-shelf p{color:var(--ink-soft)}.site-nav{display:flex;align-items:center;gap:18px}.site-nav a{font-weight:700}.site-main{display:grid;gap:20px}.site-footer{display:flex;justify-content:center;padding:10px 0 0}.site-footer-record{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid rgba(29,24,19,.07);border-radius:var(--radius-pill);background:#fff9;color:#171a1fad;font-size:.86rem;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.site-footer-record:hover,.site-footer-record:focus-visible{color:var(--ink);border-color:#00a77e2e;background:#ffffffd1;outline:none;transform:translateY(-1px)}#studio,#community,#community-gallery{scroll-margin-top:108px}.hero-panel,.moments-panel,.studio-panel,.community-panel,.shelf-panel{border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--panel);box-shadow:var(--shadow-strong)}.hero-panel{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:26px;padding:34px}.eyebrow{margin:0 0 10px;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}.hero-copy h1,.studio-welcome-copy h1,.section-heading h2{margin:0;line-height:.94;letter-spacing:0}.hero-copy h1{font-size:clamp(3.2rem,6vw,6.2rem)}.studio-welcome-copy h1{display:grid;gap:0;max-width:none;font-family:var(--font-hero);font-size:clamp(3.6rem,6.1vw,6.45rem);font-weight:900;line-height:.91;letter-spacing:-.07em}.hero-text,.hero-note,.studio-lead,.section-heading p,.moment-card p,.summary-hero p,.recommend-card p,.upload-zone p{line-height:1.75}.hero-actions,.upload-actions,.sidebar-actions,.shelf-actions,.choice-row,.choice-stack,.tag-row,.toggle-grid{display:flex;gap:12px;flex-wrap:wrap}.hero-stack{position:relative;min-height:640px}.hero-card,.stage-pane,.shelf-card,.moment-card,.studio-card{overflow:hidden}.hero-card{position:absolute;display:grid;grid-template-rows:auto 1fr;border-radius:30px;border:1px solid rgba(23,23,23,.08);background:#ffffffeb;box-shadow:0 24px 70px #42220f24}.hero-card-source{top:0;right:112px;bottom:126px;left:0}.hero-card-result{top:114px;right:0;bottom:80px;left:164px;transform:rotate(-5deg)}.hero-card-sheet{right:10px;bottom:8px;width:260px;transform:rotate(5deg)}.canvas-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin:12px 12px 0;border-radius:18px;border:1px solid rgba(29,24,19,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-caption span{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1d181399}.canvas-caption strong{font-size:1.08rem;line-height:1.12}.canvas-surface,.canvas-mini-sheet,.canvas-sheet{padding:16px}.hero-card .canvas-surface{height:calc(100% - 46px);min-height:0}.hero-card .canvas-mini-sheet{min-height:0}.float-sticker{position:absolute;display:grid;gap:2px;padding:12px 14px;border-radius:20px;border:2px solid rgba(23,23,23,.08);box-shadow:var(--shadow-soft)}.float-sticker strong{font-family:var(--font-display);font-size:1rem}.float-sticker small{font-size:.82rem;color:#171717b8}.sticker-mint{left:-2px;top:298px;background:#d8ffeb;transform:rotate(-7deg);z-index:5}.sticker-yellow{top:26px;right:18px;background:#fff1a8;transform:rotate(8deg)}.section-heading{max-width:880px}.section-heading-tight{margin-bottom:22px}.moments-panel,.studio-panel,.community-panel,.shelf-panel{padding:30px}.studio-panel-prime{padding:0 0 30px;border:0;background:transparent;box-shadow:none}.studio-welcome{display:grid;grid-template-columns:minmax(410px,.82fr) minmax(640px,1.18fr);gap:32px;align-items:stretch;min-height:100svh;padding:36px 0 18px}.studio-welcome-copy,.studio-welcome-side{display:grid;gap:18px}.studio-welcome-copy{align-self:stretch;min-height:0;padding-top:clamp(18px,4.2svh,42px);grid-template-rows:auto minmax(0,1fr)}.hero-masthead-copy{display:grid;gap:1px}.hero-masthead-copy strong{font-family:var(--font-display);font-size:.9rem;line-height:1;letter-spacing:-.01em}.hero-masthead-copy small{color:var(--ink-soft);font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.03em}.studio-welcome-side.hero-stack-home{position:relative;display:block;min-height:506px;margin-left:0;isolation:isolate}.studio-lead{max-width:35rem;margin:0;font-size:clamp(1.04rem,1.25vw,1.22rem);color:#171a1fb8}.welcome-heading{display:grid;gap:12px;max-width:35rem}.hero-side-stack{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;max-width:41rem;height:100%;padding:16px;border:1px solid rgba(29,24,19,.08);border-radius:28px;background:radial-gradient(circle at 16% 0%,rgba(69,110,216,.08),transparent 30%),radial-gradient(circle at 100% 100%,rgba(255,99,61,.08),transparent 24%),linear-gradient(180deg,#ffffffa3,#fffaf3c7);box-shadow:0 24px 60px #3f2d1f17;align-content:stretch}.hero-side-stack:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(255,255,255,.62);border-radius:22px;pointer-events:none}.hero-community-entry{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:16px 16px 15px;border:1px solid rgba(29,24,19,.07);border-radius:20px;background:radial-gradient(circle at top right,rgba(69,110,216,.08),transparent 24%),linear-gradient(145deg,#f8fbfff5,#fffcf7eb),#ffffffe6;box-shadow:0 12px 28px #3f2d1f0d,inset 0 1px #ffffffc7;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.hero-community-entry:hover,.hero-community-entry:focus-visible{transform:translateY(-1px);border-color:#456ed829;box-shadow:0 18px 40px #3f2d1f14;outline:none}.hero-community-entry-copy{display:grid;gap:8px;min-width:0}.hero-community-kicker{background:#456ed81a;color:#456ed8}.hero-community-entry-copy strong{font-family:var(--font-display);font-size:1.28rem;line-height:1.16}.hero-community-entry-meta{display:flex;flex-wrap:wrap;gap:8px}.hero-community-tag{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(69,110,216,.1);border-radius:999px;background:#ffffffbd;color:#455f8cdb;font-size:.84rem;font-weight:700;line-height:1}.hero-community-entry-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:999px;background:#ff633deb;color:#fff;font-size:1rem;font-weight:800;white-space:nowrap}.hero-line{display:block;width:fit-content;white-space:nowrap}.hero-line-focus{position:relative;display:inline-flex;padding:0 .18em .1em 0;font-style:normal;color:#151719}.hero-line-focus:after{content:"";position:absolute;left:-.03em;right:-.1em;bottom:.1em;height:.18em;border-radius:999px;background:linear-gradient(90deg,#ff633d9e,#f0c3489e,#00a77e38);z-index:-1}.hero-launcher{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding:16px 18px;min-height:100%;border:1px solid rgba(29,24,19,.07);border-radius:20px;background:linear-gradient(135deg,#ffffffed,#fff7ecd1),#ffffffd6;box-shadow:0 14px 34px #3f2d1f0e,inset 0 1px #ffffffd6}.hero-launcher-primary{background:radial-gradient(circle at top right,rgba(255,99,61,.1),transparent 26%),linear-gradient(145deg,#fff8f2f5,#ffffffe6),#ffffffe0}.hero-launcher-copy{display:grid;gap:8px}.hero-launcher .hero-actions{margin-top:auto}.quickstart-kicker{display:inline-flex;align-items:center;width:fit-content;min-height:30px;padding:0 11px;border-radius:var(--radius-pill);background:#00a77e1a;color:var(--mint);font-family:var(--font-display);font-size:.76rem;font-weight:700;letter-spacing:0}.hero-launcher p{margin:0;color:var(--ink-soft);font-size:.98rem;line-height:1.55}.hero-action-note{display:block;margin-top:-2px;color:#5f6673b8;font-size:.84rem;line-height:1.45}.app-shell.is-community-page .site-corner-brand{top:12px;left:max(10px,calc((100vw - 1460px)/2 - 8px));gap:7px;padding:6px 10px 6px 6px;border-color:#1d18130d;border-radius:18px;background:#fffdf8d1;box-shadow:0 10px 24px #3f2d1f0d}.app-shell.is-community-page .site-corner-brand .brand-mark{width:16px;height:16px;border-radius:5px}.app-shell.is-community-page .site-corner-brand .hero-masthead-copy strong{font-size:.84rem}.app-shell.is-community-page .site-corner-brand .hero-masthead-copy small{display:none}.canvas-caption-copy{display:grid;gap:4px;min-width:0}.canvas-caption-tag{display:inline-flex;align-items:center;justify-content:center;min-width:74px;min-height:32px;padding:0 12px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em}.welcome-note-inline{display:grid;gap:6px;padding:15px 18px;width:fit-content;max-width:31rem;border-radius:20px;border:1px solid rgba(24,21,18,.08);background:radial-gradient(circle at top right,rgba(255,212,77,.16),transparent 32%),#ffffffc7}.welcome-note-inline strong{font-family:var(--font-display);font-size:1.02rem}.welcome-note-inline span{color:var(--ink-soft);line-height:1.6}.studio-welcome-side{align-content:start}.welcome-note-card,.welcome-metric,.launch-card{border:1px solid rgba(24,21,18,.08);background:#ffffffdb;box-shadow:var(--shadow-soft)}.welcome-note-card{display:grid;gap:8px;padding:16px;border-radius:24px;background:radial-gradient(circle at top right,rgba(255,212,77,.18),transparent 34%),linear-gradient(180deg,#fffffffa,#fff7ecf0)}.welcome-note-card strong{font-family:var(--font-display);font-size:1.24rem}.welcome-note-card p{margin:0;color:var(--ink-soft);line-height:1.65}.welcome-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.welcome-metric{display:grid;gap:6px;padding:16px 17px;border-radius:22px}.welcome-metric span{color:var(--ink-soft);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.welcome-metric strong{font-family:var(--font-display);font-size:1.02rem}.welcome-metric small{color:var(--ink-soft)}.launch-gallery{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.08fr) minmax(240px,.72fr);gap:14px;margin-top:14px}.launch-card{display:grid;grid-template-rows:auto 1fr;min-height:184px;overflow:hidden;border-radius:28px}.launch-card .canvas-surface,.launch-card .canvas-mini-sheet{height:138px;min-height:138px}.launch-card-result{transform:translateY(12px);background:radial-gradient(circle at top right,rgba(255,90,54,.1),transparent 30%),#fffffff0}.launch-card-sheet{background:radial-gradient(circle at top right,rgba(127,178,255,.12),transparent 30%),#ffffffeb}.hero-stack-home .hero-card{box-shadow:0 28px 84px #3b1e0a24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-stack-home:before{content:"";position:absolute;top:26px;right:14px;bottom:28px;left:40px;border-radius:42px;background:radial-gradient(circle at 48% 36%,rgba(255,255,255,.96),transparent 40%),radial-gradient(circle at 70% 72%,rgba(255,220,165,.22),transparent 30%);z-index:0;pointer-events:none}.hero-stack-home .hero-card-source{top:76px;right:292px;bottom:154px;left:-18px;transform:rotate(-10deg);z-index:1;background:linear-gradient(180deg,#fafffbfa,#f0f8f4f0),#fffffff5}.hero-stack-home .hero-card-result{top:14px;right:18px;bottom:118px;left:158px;transform:rotate(3deg);z-index:3;border-color:#ff6b3d1f;background:linear-gradient(180deg,#fffffffc,#fffbf4f2),#fffffffa;box-shadow:0 40px 92px #432a182e}.hero-stack-home .hero-card-sheet{right:-14px;bottom:78px;width:236px;transform:rotate(9deg);z-index:2;border-color:#9bb9ee2e;background:linear-gradient(180deg,#f9fcfffa,#f1f8fff0),#fffffff5}.hero-stack-home .canvas-surface{height:calc(100% - 58px)}.hero-stack-home .sticker-mint{left:-2px;top:328px;z-index:6}.hero-stack-home .hero-card-source .canvas-caption{background:linear-gradient(135deg,#d8ffebd6,#fffffff0);border-color:#2d988129}.hero-stack-home .hero-card-result .canvas-caption{background:linear-gradient(135deg,#fff2e9fa,#fffffff7);border-color:#ff6b3d24}.hero-stack-home .hero-card-sheet .canvas-caption{background:linear-gradient(135deg,#eef5fff0,#fffffff5);border-color:#9bb9ee2e}.hero-stack-home .hero-card-source .canvas-caption-tag{background:#2d988124;color:#247665}.hero-stack-home .hero-card-result .canvas-caption-tag{background:#ff6b3d1f;color:#cb5d36}.hero-stack-home .hero-card-sheet .canvas-caption-tag{background:#9bb9ee2e;color:#587eb9}.hero-stack-home .hero-card-source canvas{filter:saturate(.82) contrast(.98) brightness(1.02)}.hero-stack-home .hero-card-result canvas{filter:saturate(1.16) contrast(1.08) brightness(1.01)}.hero-stack-home .hero-card-sheet canvas{filter:saturate(.72) contrast(1.08) brightness(1.05)}.hero-compare-rail{position:absolute;left:18px;right:108px;bottom:22px;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-compare-item{display:grid;gap:8px;padding:13px 14px 14px;border-radius:20px;border:1px solid rgba(29,24,19,.08);background:#ffffffeb;box-shadow:0 18px 40px #432a181a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-compare-item span{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#1d18138a}.hero-compare-item strong{font-family:var(--font-display);font-size:.95rem;line-height:1.26}.hero-compare-item.is-source{background:linear-gradient(135deg,#d8ffebad,#fffffff5);transform:translateY(10px)}.hero-compare-item.is-result{background:linear-gradient(135deg,#fff2e9eb,#fffffffa);transform:translateY(-2px)}.hero-compare-item.is-sheet{background:linear-gradient(135deg,#eef5ffe6,#fffffff5);transform:translateY(14px)}.conversion-demo{display:grid;gap:16px;align-self:start;padding:18px;border-radius:26px;border:1px solid rgba(29,24,19,.1);background:radial-gradient(circle at 10% 12%,rgba(255,99,61,.13),transparent 28%),radial-gradient(circle at 86% 12%,rgba(69,110,216,.12),transparent 30%),#ffffffdb;box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.demo-topbar,.demo-output-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-topbar span,.demo-output-row span{color:var(--ink-soft);font-family:var(--font-mono);font-size:.76rem}.demo-topbar strong{font-family:var(--font-display);font-size:clamp(1.12rem,1.35vw,1.42rem);letter-spacing:-.02em}.demo-stage{position:relative;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.06fr) minmax(0,.98fr);gap:14px;min-height:440px;padding:16px;overflow:hidden;border-radius:22px;border:1px solid rgba(29,24,19,.08);background:linear-gradient(rgba(29,24,19,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(29,24,19,.035) 1px,transparent 1px),linear-gradient(180deg,#fffcf5eb,#fffffff5);background-size:18px 18px,18px 18px,auto}.demo-stage:before,.demo-stage:after{content:"";position:absolute;top:52%;z-index:0;width:13%;height:3px;border-radius:999px;background:linear-gradient(90deg,#ff633d29,#ff633dc2);opacity:.22;transform:scaleX(.48);transform-origin:left;transition:opacity .24s var(--ease),transform .24s var(--ease)}.demo-stage:before{left:29%}.demo-stage:after{left:62%;background:linear-gradient(90deg,#456ed829,#456ed8c2)}.demo-panel{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr;overflow:hidden;min-height:402px;border-radius:20px;border:1px solid rgba(23,26,31,.08);background:#fffffff2;box-shadow:0 20px 52px #3f2d1f1a;filter:saturate(.92) contrast(.98);--demo-offset-y: 0px;transform:translateY(var(--demo-offset-y)) scale(1);transition:border-color .22s var(--ease),box-shadow .22s var(--ease),filter .22s var(--ease),transform .22s var(--ease)}.demo-panel .canvas-caption{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:5px;margin:10px;border-radius:14px;background:#ffffffd6}.demo-panel .canvas-caption span{white-space:nowrap}.demo-panel .canvas-caption strong{font-size:clamp(1rem,1.15vw,1.22rem);line-height:1.08}.demo-panel .canvas-surface,.demo-panel .canvas-mini-sheet{height:328px;min-height:328px}.demo-panel-source{--demo-offset-y: 8px;animation-delay:0s;background:linear-gradient(180deg,#fffffffa,#f4fffaf0),#fffffff2}.demo-panel-source .canvas-surface{background:transparent}.demo-panel-result{--demo-offset-y: 0px;animation-delay:2.25s;border-color:#ff633d29;background:linear-gradient(180deg,#fffffffc,#fff7f1f2),#fffffff7}.demo-panel-sheet{--demo-offset-y: 8px;animation-delay:4.5s;border-color:#456ed829;background:linear-gradient(180deg,#fffffffa,#f5f8fff2),#fffffff5}.demo-panel-sheet .canvas-mini-sheet{height:calc(100% - 92px);min-height:0;margin:10px 10px 72px;padding:12px;border-radius:16px;background:#ffffffb8}.demo-sheet-codes{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;border:1px solid rgba(69,110,216,.12);border-radius:14px;background:#ffffffc2;box-shadow:0 14px 28px #32508c1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.demo-sheet-codes span{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;color:#151f32c2;font-family:var(--font-mono);font-size:.68rem;font-weight:700;line-height:1}.demo-sheet-codes i{width:12px;height:12px;border:1px solid rgba(23,26,31,.08);border-radius:999px}.demo-sheet-codes b{color:#151f327a;font:inherit}.demo-panel.is-active{filter:saturate(1.14) contrast(1.04);transform:translateY(var(--demo-offset-y)) scale(1.012);box-shadow:0 28px 72px #3f2d1f29,0 0 0 5px #ff633d1a}.demo-panel-source.is-active{border-color:#00a77e4d;box-shadow:0 28px 72px #3f2d1f24,0 0 0 5px #00a77e1f}.demo-panel-result.is-active{border-color:#ff633d57}.demo-panel-sheet.is-active{border-color:#456ed84d;box-shadow:0 28px 72px #3f2d1f24,0 0 0 5px #456ed81f}.demo-panel-result .canvas-caption{border-color:#f25f3a2e;background:#fff6f2f5}.demo-panel-sheet .canvas-caption{border-color:#5077d82e;background:#f5f8fff5}.demo-flowbar{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:44px;padding-top:18px}.demo-flowbar:before{content:"";position:absolute;top:6px;left:0;right:0;height:2px;border-radius:999px;background:#171a1f14}.demo-flow-progress{position:absolute;top:6px;left:0;height:2px;width:18%;border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--tomato),var(--sky));transition:width .28s var(--ease)}.demo-flow-step{position:relative;min-height:28px;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;text-align:center;transition:color .18s var(--ease),transform .18s var(--ease)}.demo-flow-step:before{content:"";position:absolute;top:-16px;left:50%;width:10px;height:10px;border:2px solid rgba(255,255,255,.95);border-radius:999px;background:#171a1f2e;box-shadow:0 0 0 1px #171a1f14;transform:translate(-50%) scale(.92);transition:background .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.demo-flow-step:hover,.demo-flow-step:focus-visible,.demo-flow-step.is-active{color:var(--tomato);transform:translateY(-1px)}.demo-flow-step.is-active:before{background:var(--tomato);box-shadow:0 0 0 1px #ff633d33,0 0 0 6px #ff633d1c;transform:translate(-50%) scale(1.18)}.conversion-demo.is-step-source .demo-flow-progress{width:18%}.conversion-demo.is-step-result .demo-flow-progress{width:52%}.conversion-demo.is-step-sheet .demo-flow-progress{width:100%}.conversion-demo.is-step-source .demo-stage:before,.conversion-demo.is-step-result .demo-stage:before,.conversion-demo.is-step-sheet .demo-stage:after{opacity:1;transform:scaleX(1)}.conversion-demo.is-step-source .demo-flow-step:nth-of-type(1),.conversion-demo.is-step-result .demo-flow-step:nth-of-type(2),.conversion-demo.is-step-sheet .demo-flow-step:nth-of-type(3){color:var(--tomato)}.demo-output-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.demo-output-row div{display:grid;gap:4px;min-height:52px;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:#ffffffb8}.demo-output-row strong{font-family:var(--font-display);font-size:1.02rem}@keyframes demoFocus{0%,25%{box-shadow:0 22px 58px #3f2d1f1a,0 0 #ff633d00;filter:saturate(.9) contrast(.98)}11%,18%{box-shadow:0 28px 68px #3f2d1f29,0 0 0 5px #ff633d1c;filter:saturate(1.16) contrast(1.04)}to{box-shadow:0 22px 58px #3f2d1f1a,0 0 #ff633d00;filter:saturate(.9) contrast(.98)}}@keyframes connectorPulse{0%,24%{opacity:.24;transform:scaleX(.42);transform-origin:left}36%,56%{opacity:1;transform:scaleX(1);transform-origin:left}80%,to{opacity:.24;transform:scaleX(.42);transform-origin:left}}@keyframes demoProgress{0%{width:4%}33%{width:34%}66%{width:67%}to{width:100%}}.stage-hero-copy h3,.stage-metric strong,.budget-banner strong,.save-state-card strong{font-family:var(--font-display)}.stage-hero-copy p,.budget-banner p,.save-state-card p{margin:0;color:var(--ink-soft);line-height:1.65}.moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.moments-panel-secondary{background:#ffffffbd}.moment-card{padding:22px;border-radius:var(--radius-xl);border:1px solid var(--line);background:#ffffffbd}.moment-card small{display:inline-flex;margin-bottom:14px;padding:6px 10px;border-radius:var(--radius-pill);background:#ff5a361a;color:var(--tomato);font-family:var(--font-mono)}.moment-card h3{margin:0 0 10px;font-size:1.26rem;line-height:1.1}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:14px;align-items:start}.result-rail{display:grid;gap:14px;align-items:start}.control-stack{display:grid;gap:18px}.advanced-workbench{grid-column:1 / -1;border:1px solid rgba(23,23,23,.08);border-radius:18px;background:linear-gradient(135deg,#ffffffdb,#f6faf7b8),#fffc;box-shadow:0 12px 34px #1f2a320f;overflow:hidden}.advanced-workbench summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px;padding:0 22px;list-style:none;cursor:pointer}.advanced-workbench summary::-webkit-details-marker{display:none}.advanced-summary-copy{display:grid;gap:5px}.advanced-summary-copy strong{font-family:var(--font-display);font-size:1.18rem}.advanced-summary-copy small,.advanced-summary-meta{color:var(--ink-soft)}.advanced-summary-meta{font-family:var(--font-mono);font-size:.82rem;white-space:nowrap}.advanced-workbench summary:after{content:"展开";display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:#00a77e1a;color:var(--mint);font-family:var(--font-display);font-weight:800}.advanced-workbench[open] summary{border-bottom:1px solid rgba(23,23,23,.07)}.advanced-workbench[open] summary:after{content:"收起"}.advanced-control-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);padding:16px}.studio-card{border-radius:14px;border:1px solid rgba(23,23,23,.08);background:#ffffffd6;box-shadow:0 10px 34px #1f2a3212}.studio-card-controls,.studio-card-sidebar{padding:20px}.studio-card-stage{padding:20px;background:#ffffffe0}.studio-card-stage.is-dragover{border-color:#009b847a;box-shadow:0 18px 52px #009b8424,0 0 0 5px #009b841f}.card-topline{display:grid;gap:6px;margin-bottom:18px}.card-kicker{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:0 10px;border-radius:var(--radius-pill);background:#009b841a;color:var(--mint);font-size:.76rem;letter-spacing:0;text-transform:none}.card-topline strong,.summary-hero h3{font-size:1.28rem;line-height:1.04}.upload-zone{display:grid;gap:10px;padding:24px;border:1.5px dashed rgba(0,155,132,.28);border-radius:14px;background:#f6faf7d1;transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.upload-zone.is-dragover{border-color:#009b848f;transform:translateY(-2px);box-shadow:0 18px 42px #009b841f}.upload-label,.summary-kicker,.section-mini-head span{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;text-transform:none}.upload-zone h3{margin:0;font-family:var(--font-display);font-size:1.38rem;line-height:1.18}.field-block{display:grid;gap:12px;margin-top:18px}.advanced-panel{margin-top:18px;border:1px solid rgba(23,23,23,.08);border-radius:14px;background:#ffffffa8}.advanced-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 16px;list-style:none;cursor:pointer}.advanced-panel summary::-webkit-details-marker{display:none}.advanced-panel summary span{font-family:var(--font-display);font-weight:700}.advanced-panel summary small{color:var(--ink-soft)}.advanced-panel summary:after{content:"+";display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#00a77e1a;color:var(--mint);font-family:var(--font-display);font-weight:800}.advanced-panel[open]{padding-bottom:16px}.advanced-panel[open] summary{border-bottom:1px solid rgba(23,23,23,.07)}.advanced-panel[open] summary:after{content:"−"}.advanced-panel .field-block{padding:0 16px}.field-titleline{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-note{font-size:.84rem;color:var(--sky)}.field-label{font-size:.94rem;font-weight:700}.text-input,.range-input{width:100%}.text-input{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#ffffffe6;color:var(--ink);outline:none}.text-input:focus{border-color:#009b8466;box-shadow:0 0 0 4px #009b8414}.range-input{accent-color:var(--mint)}.field-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-inline strong{font-family:var(--font-display)}.inline-reset{padding:0;border:0;background:transparent;color:var(--sky);font-weight:700}.preset-grid{display:grid;gap:12px}.preset-tile,.choice-pill,.chip-button,.toggle-pill,.stage-button{border:1px solid var(--line);background:#ffffffeb;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.preset-tile{display:grid;gap:6px;padding:16px;text-align:left;border-radius:12px}.preset-tile strong,.choice-pill span{font-family:var(--font-display);font-size:1rem}.preset-tile small,.choice-pill small{color:var(--ink-soft)}.preset-tile.is-active,.choice-pill.is-active,.chip-button.is-active,.stage-button.is-active{border-color:#009b8452;background:#ebfbf6f5;box-shadow:0 12px 28px #009b841a}.choice-stack{flex-direction:column}.choice-pill{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:14px 16px;border-radius:12px;text-align:left}.choice-pill small{white-space:nowrap}.chip-button{padding:12px 14px;border-radius:12px}.choice-row-wrap{row-gap:10px}.prep-preview-shell{display:grid;gap:14px;margin-top:18px;padding:16px;border-radius:14px;border:1px solid rgba(23,23,23,.08);background:#f5f8ffc2}.prep-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.prep-preview-head strong{display:block;margin-bottom:4px;font-family:var(--font-display)}.prep-preview-head small{color:var(--ink-soft)}.prep-canvas{min-height:250px;border-radius:12px}.slider-stack{display:grid;gap:12px}.slider-field{display:grid;gap:8px}.slider-field span,.cost-field span{font-size:.88rem;font-weight:700}.slider-field small{color:var(--ink-soft)}.style-grid{display:grid;gap:12px}.style-tile{display:grid;gap:8px;padding:15px 16px;text-align:left;border-radius:12px;border:1px solid var(--line);background:#fffffff0;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.style-tile.is-active{border-color:#7fb2ff5c;box-shadow:0 14px 32px #7fb2ff1f}.style-tile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.style-tile-head strong{font-family:var(--font-display);font-size:1rem}.style-tile-head span{color:var(--sky);font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.style-tile small{color:var(--ink-soft)}.toggle-grid{display:grid;gap:12px;margin-top:18px}.toggle-pill{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px}.toggle-pill input{inline-size:16px;block-size:16px;accent-color:var(--mint)}.action-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:0;border-radius:12px;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),color .18s var(--ease),opacity .18s var(--ease)}.action-button:hover:not(:disabled){transform:translateY(-1px)}.action-button:disabled{opacity:.48;cursor:not-allowed}.action-button-primary{background:var(--tomato);color:#fff;box-shadow:0 14px 28px #f25f3a38}.action-button-ghost{background:#ffffffd1;color:var(--ink);border:1px solid var(--line)}.action-button-dark{background:var(--ink);color:#fff}.action-button-wide{width:100%}.action-button.is-danger{color:#ad4331}.header-cta{min-width:120px}.stage-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}.stage-workbench-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.34fr);gap:18px;padding:20px;border-radius:18px;border:1px solid rgba(23,23,23,.08);background:radial-gradient(circle at 6% 8%,rgba(255,99,61,.16),transparent 32%),radial-gradient(circle at 86% 20%,rgba(0,167,126,.14),transparent 38%),linear-gradient(135deg,#fffcf7f7,#f6fffbe6)}.stage-workbench-copy{display:grid;align-content:center;gap:10px}.stage-workbench-copy h2{margin:0;font-family:var(--font-display);font-size:clamp(1.85rem,2.45vw,2.7rem);line-height:1.02}.stage-workbench-copy p{max-width:38rem;margin:0;color:var(--ink-soft);font-size:1.02rem;line-height:1.65}.stage-drop-zone{display:grid;place-items:center;align-content:center;gap:8px;min-height:148px;padding:18px;border:1.5px dashed rgba(255,99,61,.38);border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(255,99,61,.18),transparent 44%),#ffffffe0;color:var(--ink);text-align:center;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.stage-drop-zone:hover,.stage-drop-zone:focus-visible,.studio-card-stage.is-dragover .stage-drop-zone{border-color:#ff633dad;box-shadow:0 18px 42px #ff633d21;transform:translateY(-1px)}.stage-drop-zone strong{font-family:var(--font-display);font-size:1.15rem}.stage-drop-zone span{color:var(--ink-soft);line-height:1.45}.stage-result-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr) auto;gap:12px;align-items:center;margin-top:12px;padding:12px;border-radius:18px;border:1px solid rgba(23,23,23,.08);background:#ffffffc7}.stage-current-copy{display:grid;gap:4px}.stage-current-copy span,.stage-simple-metrics span{color:var(--ink-soft);font-family:var(--font-mono);font-size:.76rem}.stage-current-copy strong{font-family:var(--font-display);font-size:1.32rem;line-height:1.08}.stage-current-copy small{color:var(--ink-soft);line-height:1.45}.stage-simple-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stage-simple-metrics article{display:grid;gap:4px;min-height:64px;padding:12px;border-radius:12px;border:1px solid rgba(23,23,23,.08);background:#f6faf7d1}.stage-simple-metrics strong{font-family:var(--font-display);font-size:1.04rem}.stage-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;padding:6px;border-radius:14px;background:#f6faf7db;border:1px solid var(--line)}.stage-button{min-height:42px;padding:10px 12px;border-radius:10px;font-size:.94rem}.stage-hero{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr);gap:14px;padding:18px;border-radius:14px;border:1px solid rgba(23,23,23,.08);background:#f6faf7b8}.stage-hero-copy h3{margin:0 0 8px;font-size:1.86rem;line-height:1.06}.stage-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stage-metric{display:grid;gap:4px;padding:14px;border-radius:12px;border:1px solid rgba(23,23,23,.08);background:#ffffffe0}.stage-metric span{color:var(--ink-soft);font-family:var(--font-mono);font-size:.76rem;letter-spacing:0;text-transform:uppercase}.stage-metric strong{font-size:1rem}.stage-metric small{color:var(--ink-soft)}.stage-chip-row{width:100%}.stage-board{position:relative;margin-top:18px}.stage-pane{display:grid;grid-template-rows:auto 1fr;min-height:600px;border-radius:14px;border:1px solid rgba(23,23,23,.08);background:#ffffffe6;box-shadow:inset 0 1px #fffc}.stage-pane .canvas-surface{height:500px;min-height:500px}.stage-pane .canvas-sheet{min-height:500px}.stage-processing{position:absolute;top:16px;right:16px;bottom:16px;left:16px;z-index:3;display:grid;place-content:center;gap:6px;text-align:center;border-radius:14px;border:1px solid rgba(23,23,23,.08);background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft)}.stage-processing strong{font-family:var(--font-display);font-size:1.1rem}.stage-processing span{color:var(--ink-soft)}.summary-hero{padding:18px;margin-bottom:18px;border-radius:14px;background:#f6faf7c2}.summary-kicker{margin:0 0 8px;color:var(--mint)}.summary-headline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.summary-hero h3{margin:0 0 10px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{display:grid;gap:8px;padding:16px;border-radius:12px;background:#ffffffe6;border:1px solid rgba(23,23,23,.08)}.stat-card span{font-size:.84rem;color:var(--ink-soft)}.stat-card strong{font-size:1.14rem}.recommend-card,.palette-section{margin-top:18px;padding:18px;border-radius:14px;border:1px solid rgba(23,23,23,.08);background:#ffffffdb}.recommend-head,.section-mini-head,.shelf-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.recommend-head strong,.section-mini-head strong{font-family:var(--font-display)}.workload-banner{display:grid;gap:4px;margin-top:14px;padding:12px 14px;border-radius:18px;background:#16b28614}.workload-banner strong{font-family:var(--font-display)}.workload-banner small,.estimator-note{color:var(--ink-soft);line-height:1.65}.estimate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.budget-banner{margin-top:14px;padding:14px 16px;border-radius:12px;border:1px solid transparent}.budget-banner strong{display:block;margin-bottom:4px}.budget-banner.is-pending{background:#fff3eaeb;border-color:#ff5a3629}.budget-banner.is-warning{background:#fff9e0eb;border-color:#ffd44d3d}.budget-banner.is-ready{background:#dffff3eb;border-color:#16b28633}.cost-field{display:grid;gap:8px}.estimate-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.mini-stat{display:grid;gap:6px;padding:12px;border-radius:12px;background:#fffffff0;border:1px solid rgba(23,23,23,.08)}.mini-stat span{font-size:.82rem;color:var(--ink-soft)}.mini-stat strong{font-family:var(--font-display);font-size:1rem}.cost-breakdown{display:grid;gap:10px;margin-top:14px}.cost-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.cost-line span{color:var(--ink-soft)}.cost-line strong{font-family:var(--font-display)}.pack-list{display:grid;gap:10px;margin-top:14px}.pack-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(23,23,23,.06)}.pack-item:first-child{border-top:0}.pack-item-copy{display:grid;gap:4px}.pack-item-copy strong{font-family:var(--font-mono)}.pack-item-copy small{color:var(--ink-soft)}.palette-list{display:grid;gap:12px;margin-top:14px}.palette-item{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:12px}.palette-swatch{position:relative;width:16px;height:16px;border-radius:999px;border:1px solid rgba(23,23,23,.08);overflow:hidden}.palette-copy{display:grid;gap:2px}.palette-copy strong{font-family:var(--font-mono);font-size:.88rem}.palette-copy small,.palette-count,.shelf-copy small{color:var(--ink-soft)}.flow-palette-list .palette-count{min-width:3.5ch;justify-self:end;font-family:var(--font-mono);font-size:.78rem;font-weight:900;font-variant-numeric:tabular-nums;text-align:right}.sidebar-actions{display:grid;gap:10px;margin-top:18px}.sidebar-actions-prime{padding:14px;border:1px solid rgba(23,23,23,.08);border-radius:16px;background:linear-gradient(135deg,#fff6f1eb,#ffffffd1),#ffffffdb}.mini-tag{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#fffaf3f0;border:1px solid rgba(23,23,23,.08);font-size:.8rem}.save-state-card{margin-top:18px;padding:16px 18px;border-radius:14px;border:1px solid rgba(23,23,23,.08);background:#f5f8ffb8}.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.shelf-panel.is-compact{padding:18px;border-radius:14px;background:#ffffffd6;box-shadow:0 10px 34px #1f2a3212}.shelf-panel.is-compact .section-heading{max-width:none}.shelf-panel.is-compact .section-heading .eyebrow{margin-bottom:8px}.shelf-panel.is-compact .section-heading h2{font-size:1.18rem;line-height:1.08}.shelf-panel.is-compact .section-heading p{margin:8px 0 0;font-size:.92rem;line-height:1.55}.shelf-panel.is-compact .shelf-grid{grid-template-columns:1fr;gap:12px;margin-top:14px}.shelf-panel.is-compact .shelf-card{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border-radius:16px}.shelf-panel.is-compact .shelf-thumb{border-radius:12px}.shelf-panel.is-compact .shelf-copy h3{font-size:1rem}.shelf-panel.is-compact .shelf-copy p{margin:0;font-size:.86rem}.shelf-panel.is-compact .shelf-actions{grid-column:1 / -1}.shelf-panel.is-compact .shelf-actions .action-button{flex:1;min-height:40px}.shelf-panel.is-compact .empty-shelf{margin-top:14px;padding:16px;border-radius:16px}.shelf-card{display:grid;gap:14px;padding:16px;border-radius:24px;border:1px solid var(--line);background:#ffffffe0}.shelf-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;background:linear-gradient(180deg,#fffaf2,#ffe8d6)}.shelf-copy{display:grid;gap:8px}.shelf-copy h3{margin:0;font-size:1.18rem;line-height:1.02}.site-main-community{gap:18px;padding-top:40px}.community-shell{display:grid;gap:20px}.community-panel{position:relative;overflow:hidden}.community-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 14%,rgba(255,99,61,.12),transparent 28%),radial-gradient(circle at 88% 16%,rgba(69,110,216,.1),transparent 32%),linear-gradient(rgba(63,45,31,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(63,45,31,.028) 1px,transparent 1px);background-size:auto,auto,24px 24px,24px 24px;opacity:.9;pointer-events:none}.community-panel>*{position:relative;z-index:1}.community-head,.community-gallery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.community-heading{max-width:44rem}.community-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:8px}.community-preview-grid,.community-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.community-card{display:grid;gap:14px;padding:16px;border-radius:24px;border:1px solid rgba(29,24,19,.08);background:linear-gradient(180deg,#fffffff0,#fffaf4db),#ffffffe0;box-shadow:0 18px 46px #3f2d1f14}.community-card-gallery{gap:12px;padding:14px}.community-card-media{position:relative;min-height:264px;padding:12px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,99,61,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(0,167,126,.12),transparent 28%),#f8f3eceb}.community-card-gallery .community-card-media{min-height:220px}.community-card-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(29,24,19,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(29,24,19,.032) 1px,transparent 1px);background-size:18px 18px;opacity:.7;pointer-events:none}.community-media-main{position:relative;min-height:240px;border-radius:16px;overflow:hidden;background:#ffffffb8;box-shadow:inset 0 0 0 1px #1d18130f}.community-card-gallery .community-media-main{min-height:196px}.community-media-image{display:block;width:100%;height:100%;object-fit:cover}.community-media-skeleton{min-height:inherit;height:100%;background:linear-gradient(90deg,#ffffff7a,#ffffffe6,#ffffff7a);background-size:200% 100%;animation:communityPulse 1.8s var(--ease) infinite}.community-media-fallback{display:grid;align-content:center;gap:8px;min-height:inherit;height:100%;padding:22px;border:1px dashed rgba(29,24,19,.18);background:#ffffff9e}.community-media-fallback strong{font-family:var(--font-display);font-size:1rem}.community-media-fallback span{color:var(--ink-soft);line-height:1.55}.community-pattern-float{position:absolute;top:16px;right:14px;width:126px;padding:8px;border-radius:18px;border:1px solid rgba(29,24,19,.08);background:#ffffffeb;box-shadow:0 14px 34px #3f2d1f1f;transform:rotate(4deg)}.community-pattern-image,.community-pattern-placeholder{display:block;width:100%;aspect-ratio:14 / 11;border-radius:12px;overflow:hidden;background:#f7f2e9f5}.community-pattern-placeholder{display:grid;place-items:center;color:var(--ink-soft);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.community-card-body{display:grid;gap:10px}.community-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.community-card-topline small{color:#5f6673e0;font-family:var(--font-mono);font-size:.7rem}.community-card h3{margin:0;font-size:1.12rem;line-height:1.08}.community-card p{margin:0;color:var(--ink-soft);line-height:1.58}.community-meta-row{display:flex;flex-wrap:wrap;gap:8px}.community-meta-row span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(29,24,19,.08);background:#ffffffb8;color:#171a1fc7;font-size:.82rem}.community-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.community-filter-chip{min-height:38px;padding:0 14px;border:1px solid rgba(29,24,19,.08);border-radius:999px;background:#ffffffb8;color:#171a1fc2;font-weight:700;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.community-filter-chip:hover,.community-filter-chip:focus-visible{transform:translateY(-1px);border-color:#ff633d3d;outline:none}.community-filter-chip.is-active{border-color:#ff633d47;background:#fff5f1eb;box-shadow:0 10px 20px #ff633d14}.community-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:20px 22px;border-radius:20px;border:1px solid rgba(29,24,19,.08);background:linear-gradient(135deg,#fff4eeeb,#f5faffe0),#ffffffe6}.community-footer-cta strong{display:block;font-family:var(--font-display);font-size:1.18rem}.community-footer-cta p{max-width:38rem;margin:8px 0 0;color:var(--ink-soft);line-height:1.65}@keyframes communityPulse{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-inline,.empty-shelf{padding:22px;border-radius:24px;border:1px dashed var(--line-strong);background:#ffffff9e}.empty-shelf{margin-top:24px}.empty-shelf strong{display:block;font-family:var(--font-display);font-size:1.16rem;margin-bottom:8px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:80;display:grid;gap:10px}.toast-item{min-width:220px;max-width:320px;padding:12px 16px;border-radius:18px;background:#171717eb;color:#fff;box-shadow:0 18px 36px #17171733}.toast-enter-active,.toast-leave-active{transition:transform .22s var(--ease),opacity .22s var(--ease)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(14px)}.flow-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 24% 12%,rgba(255,99,61,.22),transparent 32%),radial-gradient(circle at 78% 24%,rgba(0,167,126,.18),transparent 34%),#171a1f6b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.flow-dialog{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px;width:min(920px,100%);max-height:min(720px,calc(100svh - 24px));padding:18px;border:1px solid rgba(255,255,255,.74);border-radius:28px;background:linear-gradient(135deg,#fffcf7fa,#f4fcf7f5),var(--panel-strong);box-shadow:0 42px 120px #171a1f47,inset 0 1px #ffffffe6;overflow:hidden}.flow-dialog.is-step-result{grid-template-rows:auto minmax(0,1fr);width:min(1220px,calc(100vw - 24px));max-height:calc(100svh - 20px);gap:12px}.flow-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 4px 0}.flow-dialog.is-step-result .flow-dialog-head{align-items:center}.flow-dialog-head h2{margin:8px 0 0;font-family:var(--font-hero);font-size:clamp(2rem,4vw,3.6rem);line-height:.98;letter-spacing:-.06em}.flow-dialog.is-step-result .flow-dialog-head h2{font-size:clamp(1.65rem,3vw,2.45rem)}.flow-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#ffffffdb;color:var(--ink);font-family:var(--font-display);font-size:1.35rem;transition:transform .18s var(--ease),background .18s var(--ease)}.flow-close:hover,.flow-close:focus-visible{background:#fff;transform:rotate(6deg) scale(1.04)}.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:6px;border:1px solid var(--line);border-radius:18px;background:#ffffff9e}.flow-step{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--ink-soft);text-align:left;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}.flow-step span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#1d18130f;font-family:var(--font-mono);font-size:.76rem}.flow-step strong{font-family:var(--font-display);font-size:1rem}.flow-step:hover,.flow-step:focus-visible,.flow-step.is-active{border-color:#00a77e3d;background:#ebfbf6e6;color:var(--ink);transform:translateY(-1px)}.flow-step.is-active span{background:var(--mint);color:#fff}.flow-panel{display:grid;gap:16px;min-height:330px;padding:18px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 0% 0%,rgba(255,99,61,.11),transparent 32%),#ffffffc2;overflow:auto;scrollbar-gutter:stable}.flow-copy{display:grid;gap:8px;max-width:48rem}.flow-copy h3{margin:0;font-family:var(--font-display);font-size:clamp(1.45rem,2.6vw,2.25rem);line-height:1.05}.flow-copy p{margin:0;color:var(--ink-soft);line-height:1.7}.flow-panel-upload{position:relative;grid-template-columns:minmax(300px,.82fr) minmax(340px,1fr);align-items:stretch;gap:18px;background:radial-gradient(circle at 12% 16%,rgba(0,167,126,.13),transparent 34%),radial-gradient(circle at 88% 14%,rgba(255,99,61,.15),transparent 32%),linear-gradient(135deg,#ffffffe6,#f7fdf9d1)}.upload-primer{align-content:center;gap:16px;padding:clamp(8px,1.3vw,18px)}.upload-kicker{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:10px;width:fit-content;min-height:42px;padding:8px 14px 8px 12px;border:1px solid rgba(0,167,126,.2);border-radius:999px;background:linear-gradient(135deg,#e8faf4f0,#ffffffe0);box-shadow:0 14px 30px #08ad8614,inset 0 1px #ffffffe6;color:#08735a;font-family:var(--font-display);font-size:.86rem;font-weight:900;letter-spacing:.04em;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.upload-kicker:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--mint);box-shadow:0 0 0 5px #08ad861f}.upload-kicker:hover,.upload-kicker:focus-visible{border-color:#00a77e57;background:linear-gradient(135deg,#edfcf7,#fffffff0);box-shadow:0 18px 34px #08ad861f,inset 0 1px #fffffff0;outline:none;transform:translateY(-1px)}.upload-kicker:active{transform:scale(.98)}.upload-primer h3{max-width:8.2em;font-size:clamp(2rem,4.2vw,3.5rem);letter-spacing:-.055em;text-wrap:balance}.upload-primer p{max-width:25rem;font-size:1.02rem;color:#28231db8;text-wrap:pretty}.upload-value-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.upload-value-row span{display:inline-flex;align-items:center;min-height:34px;padding:8px 11px;border:1px solid rgba(29,24,19,.08);border-radius:999px;background:#ffffffbd;box-shadow:0 10px 24px #1d18130d;color:#1d1813b8;font-family:var(--font-display);font-size:.9rem}.flow-upload-zone{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;align-content:center;gap:12px;min-height:300px;padding:clamp(24px,4vw,42px);border:1px solid rgba(255,99,61,.28);border-radius:26px;background:radial-gradient(circle at 50% -4%,rgba(255,99,61,.28),transparent 40%),linear-gradient(180deg,#fffffff5,#fff4ece6);box-shadow:0 24px 70px #ff633d29,inset 0 1px #ffffffeb;color:var(--ink);text-align:center;cursor:pointer;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.flow-upload-zone:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:-1;border:1.5px dashed rgba(255,99,61,.34);border-radius:20px;transition:border-color .18s var(--ease),transform .18s var(--ease)}.upload-zone-orbit{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.78),transparent 35%),conic-gradient(from 120deg,#ff633d33,#00a77e2e,#f0c34838,#ff633d33);filter:blur(1px);opacity:.74;transform:translateY(-8px)}.upload-zone-icon{position:relative;display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(255,99,61,.22);border-radius:24px;background:linear-gradient(135deg,#ffffffeb,#ffefe2e6);box-shadow:0 16px 36px #ff633d2e,inset 0 1px #fffffff5}.upload-zone-icon:before,.upload-zone-icon:after,.upload-zone-icon span{content:"";width:12px;height:12px;border-radius:50%;background:var(--tomato);box-shadow:20px 0 0 var(--mint),40px 0 0 var(--butter),0 20px 0 var(--mint),20px 20px 0 var(--tomato),40px 20px 0 var(--mint),0 40px 0 var(--butter),20px 40px 0 var(--mint),40px 40px 0 var(--tomato)}.upload-zone-icon:before{position:absolute;inset:15px auto auto 12px;opacity:.24;transform:translate(4px,5px)}.upload-zone-icon span{position:absolute;inset:12px auto auto 10px}.upload-zone-icon:after{display:none}.flow-upload-zone strong{position:relative;font-family:var(--font-display);font-size:clamp(1.65rem,3vw,2.45rem);line-height:1;letter-spacing:-.035em}.flow-upload-zone>span:not(.upload-zone-orbit):not(.upload-zone-icon){position:relative;color:var(--ink-soft)}.flow-upload-zone small{position:relative;color:#1d181380;font-family:var(--font-mono);font-size:.74rem}.flow-upload-zone:hover,.flow-upload-zone:focus-visible,.flow-upload-zone.is-dragover{border-color:#ff633d85;box-shadow:0 30px 80px #ff633d38,inset 0 1px #fffffff5;transform:translateY(-2px)}.flow-upload-zone:hover:before,.flow-upload-zone:focus-visible:before,.flow-upload-zone.is-dragover:before{border-color:#ff633dad;transform:scale(.985)}.flow-panel-tune{align-content:start;grid-template-columns:minmax(0,1fr);background:radial-gradient(circle at 12% 10%,rgba(255,99,61,.11),transparent 34%),radial-gradient(circle at 92% 8%,rgba(0,167,126,.12),transparent 34%),linear-gradient(135deg,#ffffffe6,#faf6efe0);border-color:#1717170f;box-shadow:0 24px 54px #1d181314,inset 0 1px #ffffffd6}.tune-panel-head{display:grid;gap:6px;padding:14px 18px;border:1px solid rgba(23,23,23,.07);border-radius:24px;background:linear-gradient(135deg,#10241ff5,#085646eb),#10241f;box-shadow:0 20px 46px #10241f29,inset 0 1px #ffffff29;color:#fffdf7}.tune-panel-head span{color:#fffdf7a8;font-size:.78rem;font-weight:900;letter-spacing:.06em}.tune-panel-head strong{max-width:14em;font-family:var(--font-display);font-size:clamp(1.34rem,2.45vw,2rem);line-height:1.04;letter-spacing:-.045em}.flow-tune-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.flow-control-block{display:grid;align-content:start;grid-column:span 3;gap:10px;min-width:0;min-height:110px;padding:14px;border:1px solid rgba(23,23,23,.065);border-radius:22px;background:linear-gradient(180deg,#fffffff2,#fffbf5d1);box-shadow:0 16px 34px #1d18130e,inset 0 1px #ffffffd1}.flow-control-block-wide{grid-column:span 12}.flow-control-block-primary{grid-column:span 6;min-height:132px;padding:16px;background:radial-gradient(circle at 88% 12%,rgba(255,99,61,.11),transparent 36%),linear-gradient(180deg,#fffffff7,#f9fcf6db);box-shadow:0 18px 40px #1d18130f,inset 0 1px #ffffffe6}.parameter-badge{flex:0 0 auto;padding:6px 10px;border:0;border-radius:999px;background:#08ad861a;color:#087b63;font-family:var(--font-mono);font-size:.72rem;font-weight:900}.parameter-badge-button{cursor:pointer;transition:background .16s var(--ease),transform .16s var(--ease)}.parameter-badge-button:hover,.parameter-badge-button:focus-visible{background:#08ad8629;outline:none;transform:translateY(-1px)}.parameter-number{width:92px;min-height:40px;border:1px solid rgba(23,23,23,.08);border-radius:15px;background:#fffffff2;color:var(--ink);font:inherit;font-family:var(--font-display);font-size:1.02rem;font-weight:900;text-align:center;outline:none;box-shadow:inset 0 1px #ffffffe0}.parameter-number:focus{border-color:#08ad8657;box-shadow:0 0 0 4px #08ad8614}.flow-panel-tune .choice-row{gap:8px}.flow-panel-tune .choice-row-wrap{flex-wrap:wrap;overflow-x:visible;padding-bottom:0;scrollbar-width:thin}.flow-panel-tune .choice-row-wrap .chip-button{flex:0 0 auto}.flow-panel-tune .choice-stack{gap:8px}.flow-panel-tune .choice-pill,.flow-panel-tune .chip-button{border-color:#17171712;border-radius:16px;background:#ffffffb8;box-shadow:inset 0 1px #ffffffad}.flow-panel-tune .choice-pill{min-height:48px;padding:11px 12px}.flow-panel-tune .choice-pill small{max-width:10rem;overflow:hidden;text-align:right;text-overflow:ellipsis}.flow-panel-tune .chip-button{min-height:38px;padding:8px 12px;color:#171a1fb8;font-size:.84rem;font-weight:850}.brand-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.flow-panel-tune .brand-chip{min-width:0;display:inline-flex;align-items:center;justify-content:center;padding-inline:14px;font-family:var(--font-display);font-size:.95rem;text-align:center}.flow-panel-tune .choice-pill:hover,.flow-panel-tune .choice-pill:focus-visible,.flow-panel-tune .chip-button:hover,.flow-panel-tune .chip-button:focus-visible{border-color:#08ad863d;background:#fff;outline:none;transform:translateY(-1px)}.flow-panel-tune .choice-pill.is-active,.flow-panel-tune .chip-button.is-active{border-color:#08ad865c;background:#ebfbf6fa;color:#087b63;box-shadow:inset 0 0 0 1px #08ad8614,0 14px 28px #08ad861a}.flow-live-summary,.flow-result-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flow-live-summary article,.flow-result-card{position:relative;display:grid;gap:6px;padding:16px;border:1px solid rgba(23,23,23,.08);border-radius:16px;background:#f6faf7db}.flow-panel-tune .flow-live-summary{gap:8px}.flow-panel-tune .flow-live-summary article{min-height:54px;padding:9px 12px;border-radius:18px;background:#ffffffb8}.flow-panel-tune .flow-live-summary strong{font-size:1.08rem}.flow-result-card-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.flow-result-card-button:hover,.flow-result-card-button:focus-visible{border-color:#ff5a3657;box-shadow:0 16px 34px #1b130a1a;outline:none;transform:translateY(-2px)}.flow-result-overview{display:grid;gap:11px;padding:12px;border-color:#08ad8629;border-radius:18px;background:linear-gradient(145deg,#f4fcf9fa,#fffffffa);box-shadow:inset 0 1px #ffffffe0,0 12px 24px #08ad860f}.flow-result-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.flow-result-overview-copy{display:grid;gap:3px;min-width:0;text-align:left}.flow-result-overview-copy>span{color:#183228;font-family:var(--font-display);font-size:.88rem;font-weight:800;white-space:nowrap}.flow-result-overview-copy>small{color:#171a1f85;font-size:.66rem;line-height:1.3}.flow-result-overview-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border-radius:999px;border:1px solid rgba(8,173,134,.1);background:#ffffffe0;color:#144c3ed1;font-family:var(--font-mono);font-size:.66rem;font-weight:800;line-height:1;white-space:nowrap}.flow-result-overview-strip{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(72px,.68fr) minmax(0,1.12fr);gap:8px}.flow-result-overview-metric{display:grid;gap:4px;min-width:0;padding:11px 11px 12px;border:1px solid rgba(20,36,31,.06);border-radius:15px;background:#ffffffe6;box-shadow:inset 0 1px #ffffffb8;text-align:left}.flow-result-overview-metric-size{justify-items:start}.flow-result-overview-size{display:inline-flex;align-items:baseline;gap:4px;color:#17201d;font-family:var(--font-display);font-size:clamp(.84rem,.96vw,.98rem);font-variant-numeric:tabular-nums;letter-spacing:-.045em;line-height:1;white-space:nowrap}.flow-result-overview-size b{font:inherit;font-weight:900}.flow-result-overview-size i{color:#171a1f61;font-size:.72em;font-style:normal;letter-spacing:0}.flow-result-overview-metric:nth-child(2){align-content:center;justify-items:center;padding-inline:9px;text-align:center}.flow-result-overview-metric span{color:#171a1f8f;font-family:var(--font-mono);font-size:.68rem;white-space:nowrap}.flow-result-overview-metric strong{color:#17201d;font-family:var(--font-display);font-size:1rem;line-height:1.02;letter-spacing:-.035em;white-space:nowrap}.flow-result-overview-metric:last-child strong{font-size:.96rem}.flow-live-summary span,.flow-result-cards span{color:var(--ink-soft);font-family:var(--font-mono);font-size:.78rem}.flow-live-summary strong,.flow-result-cards strong{font-family:var(--font-display);font-size:1.35rem}.flow-panel-result{min-height:440px}.flow-dialog.is-step-result .flow-panel-result{min-height:0;justify-items:center;gap:0;padding:12px;overflow:hidden}.flow-dialog.is-step-result .flow-panel-result .flow-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;max-width:none}.flow-dialog.is-step-result .flow-panel-result .flow-copy h3{font-size:clamp(1.28rem,2vw,1.7rem)}.flow-dialog.is-step-result .flow-panel-result .flow-copy p{max-width:28rem;line-height:1.5}.flow-result-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:14px;min-height:0}.flow-dialog.is-step-result .flow-result-layout{grid-template-columns:minmax(0,848px) minmax(246px,286px);gap:12px;width:min(100%,1146px);margin-inline:auto}.flow-dialog.is-step-result .flow-result-layout.is-paint-active{grid-template-columns:minmax(0,864px) minmax(232px,262px);width:min(100%,1158px)}.flow-result-preview,.flow-result-summary{min-width:0;border:1px solid var(--line);border-radius:18px;background:#ffffffb8}.flow-result-preview{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.flow-preview-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;border-bottom:1px solid var(--line);background:#f6faf7b8}.flow-preview-canvas{position:relative;display:grid;place-items:center;min-height:430px;padding:0;overflow:hidden}.flow-preview-canvas.is-paint-active{box-shadow:inset 0 0 0 2px #08ad862e}.flow-dialog.is-step-result .flow-preview-canvas{height:clamp(540px,calc(100svh - 148px),760px);min-height:0;padding:0}.flow-dialog.is-step-result .flow-preview-canvas.is-sheet-view{padding:0;background:radial-gradient(circle at 18px 18px,rgba(8,173,134,.06) 0 2px,transparent 2.5px) 0 0 / 22px 22px,linear-gradient(135deg,#fffffff5,#fffaf2e0)}.canvas-tool-dock{position:absolute;z-index:4;top:14px;right:14px;left:auto;display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;flex-wrap:nowrap;gap:8px;width:max-content;max-width:calc(100% - 28px);padding:7px 8px;border:1px solid rgba(23,23,23,.07);border-radius:22px;background:#ffffffd6;box-shadow:0 16px 42px #1b130a14,inset 0 1px #ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:none;transform-origin:top right;transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.canvas-tool-dock.is-editing{border-color:#08ad8638;background:linear-gradient(135deg,#edfcf7eb,#ffffffd6);box-shadow:0 18px 44px #08ad861a,inset 0 1px #ffffffd1}.canvas-tool-handle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:6px 12px 6px 10px;border:1px solid rgba(23,26,31,.08);border-radius:999px;background:#fffcf7e6;color:#17201d;cursor:pointer;font:inherit;transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.canvas-tool-handle:hover,.canvas-tool-handle:focus-visible,.canvas-tool-dock:hover .canvas-tool-handle,.canvas-tool-dock:focus-within .canvas-tool-handle,.canvas-tool-dock.is-pinned .canvas-tool-handle{border-color:#08ad8647;background:#edfcf7f5;box-shadow:0 10px 24px #08ad861a;outline:none;transform:translateY(-1px)}.canvas-tool-handle:disabled{cursor:default;transform:none}.canvas-tool-handle-glyph{position:relative;width:18px;height:18px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(8,173,134,.96) 0 2.2px,transparent 2.3px),radial-gradient(circle at 50% 16%,rgba(16,36,31,.22) 0 1.4px,transparent 1.5px),radial-gradient(circle at 16% 50%,rgba(16,36,31,.22) 0 1.4px,transparent 1.5px),radial-gradient(circle at 84% 50%,rgba(16,36,31,.22) 0 1.4px,transparent 1.5px),radial-gradient(circle at 50% 84%,rgba(16,36,31,.22) 0 1.4px,transparent 1.5px);box-shadow:inset 0 0 0 1px #08ad8629}.canvas-tool-handle-copy{display:grid;gap:1px;text-align:left}.canvas-tool-handle-copy strong{font-size:.8rem;font-weight:900;line-height:1}.canvas-tool-handle-copy small{color:#171a1f8a;font-size:.63rem;font-weight:800;line-height:1}.canvas-tool-dock-body{display:inline-flex;align-items:center;gap:8px;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translate(10px);transition:max-width .22s var(--ease),opacity .18s var(--ease),transform .18s var(--ease)}.canvas-tool-dock:hover .canvas-tool-dock-body,.canvas-tool-dock:focus-within .canvas-tool-dock-body,.canvas-tool-dock.is-pinned .canvas-tool-dock-body,.canvas-tool-dock.is-editing .canvas-tool-dock-body{max-width:780px;opacity:1;pointer-events:auto;transform:translate(0)}.canvas-tool-actions{display:flex;align-items:center;gap:4px;padding:2px;border-radius:999px;background:#f5f8ffc2}.canvas-tool-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:34px;padding:0 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:#17201d;cursor:pointer;font:inherit;font-size:.74rem;font-weight:950;letter-spacing:-.01em;white-space:nowrap;transition:background .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease),color .16s var(--ease),transform .16s var(--ease)}.canvas-tool-button:hover,.canvas-tool-button:focus-visible{border-color:#08ad8647;background:#fffffff0;color:#087b63;outline:none;transform:translateY(-1px);box-shadow:0 8px 18px #1b130a14}.canvas-tool-button.is-active{border-color:#08ad8647;background:#10241f;color:#fff;box-shadow:0 10px 22px #10241f24}.canvas-tool-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.canvas-inline-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:2;top:18px;right:18px;display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 9px 6px 7px;border:1px solid rgba(23,23,23,.08);border-radius:999px;background:#ffffffd1;box-shadow:0 14px 34px #1b130a1a,inset 0 1px #ffffffb8;color:var(--ink);cursor:pointer;font:inherit;font-size:.78rem;font-weight:800;letter-spacing:.01em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.canvas-inline-switch:hover,.canvas-inline-switch:focus-within{border-color:#08ad8652;box-shadow:0 16px 38px #08ad8624,inset 0 1px #ffffffd6;transform:translateY(-1px)}.canvas-inline-switch.is-active{border-color:#08ad8657;background:#edfcf7e6}.canvas-inline-switch-track{position:relative;width:30px;height:18px;border-radius:999px;background:#1717171f;box-shadow:inset 0 0 0 1px #17171714;transition:background .18s var(--ease),box-shadow .18s var(--ease)}.canvas-inline-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 2px 5px #1b130a2e;transition:transform .18s var(--ease)}.canvas-inline-switch.is-active .canvas-inline-switch-track{background:var(--mint);box-shadow:inset 0 0 0 1px #08806824}.canvas-inline-switch.is-active .canvas-inline-switch-track:after{transform:translate(12px)}.canvas-inline-switch-text{line-height:1}.canvas-tool-dock .canvas-inline-switch{position:static;z-index:auto;top:auto;right:auto;min-height:34px;box-shadow:none;background:#f5f8ffcc}.paint-mode-chip{position:absolute;z-index:2;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:7px 10px;border:1px solid rgba(8,173,134,.18);border-radius:999px;background:#edfcf7e6;box-shadow:0 14px 34px #08ad861f,inset 0 1px #ffffffc7;color:#087b63;font-size:.74rem;font-weight:900;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.paint-mode-chip strong{color:#10241f;font-family:var(--font-mono);font-size:.78rem}.paint-selection-box{position:absolute;z-index:3;pointer-events:none;border:2px solid rgba(8,173,134,.86);border-radius:6px;background:linear-gradient(135deg,#08ad862e,#ffffff14);box-shadow:0 0 0 3px #ffffffb8,0 10px 26px #08ad862e}.flow-preview-scroll{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;padding:0;overflow:hidden}.flow-preview-scroll.is-result-view{padding:0}.flow-preview-scroll.is-sheet-view{padding:0;overflow:hidden}.flow-preview-scroll .canvas-surface,.flow-preview-scroll .canvas-sheet{width:100%!important;height:100%!important}.flow-preview-canvas .canvas-surface,.flow-preview-canvas .canvas-sheet{display:block;box-sizing:border-box;width:100%!important;min-height:408px;height:408px;padding:12px}.flow-preview-canvas.is-paint-active .canvas-surface,.flow-preview-canvas.is-paint-active .canvas-sheet{cursor:crosshair}.flow-dialog.is-step-result .flow-preview-canvas .canvas-surface,.flow-dialog.is-step-result .flow-preview-canvas .canvas-sheet{height:100%;min-height:0;padding:0}.flow-dialog.is-step-result .flow-preview-canvas.is-sheet-view .canvas-sheet{padding:0}.flow-result-summary{display:grid;align-content:start;gap:12px;padding:12px;overflow:hidden}.flow-dialog.is-step-result .flow-result-summary{grid-template-rows:auto auto minmax(64px,1fr) auto auto;gap:10px;min-height:0;overflow:hidden}.flow-dialog.is-step-result .flow-result-summary.is-merge-active{grid-template-rows:auto auto minmax(0,1fr) auto auto}.flow-dialog.is-step-result .flow-result-cards{grid-template-columns:1fr;gap:0}.flow-dialog.is-step-result .flow-result-cards strong{font-size:1.12rem}.flow-color-strip{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;overflow-x:auto}.flow-color-dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:0 0 auto;width:24px;height:24px;padding:0;border-radius:999px;border:1px solid rgba(23,23,23,.12);box-shadow:inset 0 0 0 3px #ffffff80;cursor:pointer;overflow:hidden;transition:border-color .16s var(--ease),opacity .16s var(--ease),transform .16s var(--ease)}.flow-color-dot:hover,.flow-color-dot:focus-visible{border-color:#17171785;outline:none;transform:translateY(-1px) scale(1.08)}.flow-color-dot.is-muted{opacity:.34;filter:grayscale(.8)}.flow-color-dot.is-muted:after{content:"";position:absolute;top:10px;right:-4px;bottom:10px;left:-4px;background:#171717b8;transform:rotate(-42deg)}.flow-palette-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:34px;color:#171a1fa3}.flow-palette-toolbar:not(.is-merging):not(.is-painting){justify-content:flex-end;min-height:0}.flow-palette-toolbar.is-merging,.flow-palette-toolbar.is-painting{padding:10px;border:1px solid rgba(8,173,134,.14);border-radius:18px;background:linear-gradient(135deg,#edfcf7eb,#ffffffd1);color:#087b63;box-shadow:inset 0 1px #ffffffc7}.palette-toolbar-copy{display:grid;min-width:0;gap:2px}.palette-toolbar-copy span{color:#17201d;font-size:.82rem;font-weight:950;letter-spacing:-.01em}.flow-palette-toolbar.is-merging .palette-toolbar-copy span,.flow-palette-toolbar.is-painting .palette-toolbar-copy span{color:#087b63}.palette-toolbar-copy small{overflow:hidden;color:#171a1f7a;font-size:.68rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.palette-toolbar-actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.flow-palette-toolbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(23,26,31,.08);border-radius:999px;background:#ffffffd6;color:#17201d;cursor:pointer;font:inherit;font-size:.74rem;font-weight:900;padding:7px 12px;box-shadow:0 8px 18px #1e342c0f;transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.flow-palette-toolbar button:hover,.flow-palette-toolbar button:focus-visible{border-color:#08ad864d;background:#fff;color:#087b63;outline:none;transform:translateY(-1px)}.flow-palette-toolbar button:disabled{cursor:not-allowed;opacity:.42;transform:none}.palette-merge-panel{display:grid;gap:10px;min-height:0;padding:12px;border:1px solid rgba(8,173,134,.14);border-radius:22px;background:#f6fdf9e0;overflow:auto;box-shadow:inset 0 1px #ffffffd1,0 14px 30px #26544614}.merge-recommend-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(23,23,23,.06);border-radius:18px;background:#fff}.merge-recommend-copy{display:grid;min-width:0;gap:2px}.merge-recommend-copy span,.merge-picker-head small,.merge-recommend-target small{color:#171a1f7a;font-size:.68rem;font-weight:800}.merge-recommend-copy strong{color:#10241f;font-family:var(--font-mono);font-size:1rem}.merge-recommend-copy small{overflow:hidden;color:#171a1f94;font-size:.72rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.merge-recommend-target{display:inline-flex;align-items:center;gap:8px;min-width:88px;padding:8px 10px;border-radius:999px;background:#edfcf7f2;color:#087b63}.merge-recommend-target span:last-child{display:grid;gap:1px}.merge-recommend-target strong{font-family:var(--font-mono);font-size:.82rem}.merge-picker-block{display:grid;gap:7px}.merge-picker-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.merge-picker-head span{color:#17201d;font-size:.78rem;font-weight:900}.merge-source-list,.merge-target-list{display:grid;gap:7px}.merge-source-list{grid-auto-flow:column;grid-auto-columns:minmax(74px,max-content);overflow-x:auto;padding-bottom:3px}.merge-target-list{grid-auto-flow:column;grid-auto-columns:minmax(86px,max-content);overflow-x:auto;padding-bottom:3px}.merge-source-button,.merge-target-button,.merge-confirm-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit}.merge-source-button,.merge-target-button{display:inline-flex;align-items:center;min-width:0;gap:7px;min-height:36px;padding:6px 9px;border:1px solid rgba(23,23,23,.07);border-radius:999px;background:#ffffffb8;color:#171a1fb8;font-size:.74rem;font-weight:900;transition:background .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease)}.merge-source-button{justify-content:flex-start}.merge-source-button small,.merge-target-button small{margin-left:auto;color:#171a1f75;font-family:var(--font-mono);font-weight:800}.merge-source-button:hover,.merge-source-button:focus-visible,.merge-target-button:hover,.merge-target-button:focus-visible{border-color:#08ad8638;background:#fff;outline:none;transform:translateY(-1px) scale(1.01)}.merge-source-button.is-active,.merge-target-button.is-active{border-color:#08ad866b;background:#fff;color:#087b63;box-shadow:inset 0 0 0 1px #08ad8614,0 8px 18px #08ad861a}.merge-confirm-button{min-height:40px;border-radius:999px;background:#10241f;color:#fff;font-size:.86rem;font-weight:900;transition:opacity .16s var(--ease),transform .16s var(--ease)}.merge-confirm-button:hover,.merge-confirm-button:focus-visible{outline:none;transform:translateY(-1px)}.merge-confirm-button:disabled{cursor:not-allowed;opacity:.38;transform:none}.palette-item-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:2px 0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left;border-radius:12px;transition:background .16s var(--ease),opacity .16s var(--ease),transform .16s var(--ease)}.palette-item-button:hover,.palette-item-button:focus-visible{background:#08ad8614;outline:none;transform:translate(2px)}.palette-item-button.is-muted{opacity:.46}.palette-item-button.is-merge-mode,.palette-item-button.is-paint-mode{grid-template-columns:20px minmax(0,1fr) auto;gap:11px;min-height:48px;padding:9px 10px;border:1px solid rgba(23,23,23,.065);background:#ffffffc7;opacity:1;box-shadow:0 8px 18px #1e342c00}.palette-item-button.is-merge-mode .palette-copy,.palette-item-button.is-paint-mode .palette-copy{align-content:center;justify-content:center;min-height:100%}.palette-item-button.is-merge-mode .palette-copy strong,.palette-item-button.is-merge-mode .palette-copy small,.palette-item-button.is-paint-mode .palette-copy strong,.palette-item-button.is-paint-mode .palette-copy small{line-height:1.08}.palette-item-button.is-merge-mode:hover,.palette-item-button.is-merge-mode:focus-visible,.palette-item-button.is-paint-mode:hover,.palette-item-button.is-paint-mode:focus-visible{border-color:#08ad8642;background:#fff;box-shadow:0 10px 24px #1e342c14}.palette-item-button.is-merge-selected,.palette-item-button.is-paint-selected{border-color:#08ad8661;background:linear-gradient(135deg,#edfcf7fa,#ffffffe6);box-shadow:inset 0 0 0 1px #08ad8614,0 12px 24px #08ad861f;transform:translate(2px)}.palette-item-button.is-merge-target.is-merge-selected{border-color:#ff77435c;background:linear-gradient(135deg,#fff9f1fa,#ffffffeb);box-shadow:inset 0 0 0 1px #ff77431a,0 12px 24px #ff77431a}.palette-item-button.is-muted .palette-swatch{filter:grayscale(.85)}.palette-item-button.is-muted .palette-swatch:after{content:"";position:absolute;top:8px;right:-4px;bottom:8px;left:-4px;background:#171717ad;transform:rotate(-42deg)}.flow-palette-list{display:grid;gap:10px;max-height:190px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#ffffffa8;overflow:auto}.flow-palette-list.is-merge-list,.flow-palette-list.is-paint-list{gap:8px;padding:8px;border-color:#08ad8629;background:linear-gradient(180deg,#edfcf76b,#ffffffd1)}.flow-dialog.is-step-result .flow-palette-list{min-height:0;max-height:none}.merge-action-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(16,36,31,.08);border-radius:20px;background:linear-gradient(135deg,#fff,#f6fdf9f5);box-shadow:0 14px 30px #1e342c1a}.merge-action-bar div{display:grid;min-width:0;gap:2px}.merge-action-bar span{overflow:hidden;color:#171a1f85;font-size:.7rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.merge-action-bar strong{color:#10241f;font-size:.8rem;font-weight:950}.merge-action-bar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:86px;min-height:38px;border:0;border-radius:999px;background:#10241f;color:#fff;cursor:pointer;font:inherit;font-size:.84rem;font-weight:900;transition:opacity .16s var(--ease),transform .16s var(--ease)}.merge-action-bar button:hover,.merge-action-bar button:focus-visible{outline:none;transform:translateY(-1px)}.merge-action-bar button:disabled{cursor:not-allowed;opacity:.38;transform:none}.flow-result-actions{display:grid;gap:8px}.flow-dialog.is-step-result .flow-result-actions{grid-template-columns:1fr;gap:8px}.flow-dialog.is-step-result .flow-result-actions .action-button{min-height:40px;padding:0 10px;font-size:.92rem;width:100%}.flow-dialog.is-step-result .toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}.flow-dialog.is-step-result .result-toggle-row{grid-template-columns:minmax(0,1fr)}.flow-dialog.is-step-result .toggle-pill{min-width:0;padding:10px 12px;font-size:.9rem}.bead-style-card{display:grid;gap:10px;padding:12px;border:1px solid rgba(23,23,23,.06);border-radius:22px;background:#fff;box-shadow:inset 0 1px #ffffffb8}.bead-style-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.bead-style-title{color:#171a1f94;font-size:.72rem;font-weight:900}.bead-style-head small{color:#171a1f6b;font-size:.68rem;font-weight:800}.bead-style-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border:1px solid rgba(23,23,23,.06);border-radius:18px;background:#f6f6f2bd}.bead-style-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:40px;padding:7px 8px;border:0;border-radius:14px;background:transparent;color:#171a1f8f;cursor:pointer;font-size:.82rem;font-weight:800;transition:background .18s var(--ease),box-shadow .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.bead-style-icon{position:relative;flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:linear-gradient(90deg,rgba(23,23,23,.09) 1px,transparent 1px),linear-gradient(rgba(23,23,23,.09) 1px,transparent 1px),#ffffffb8;background-size:7px 7px;box-shadow:inset 0 0 0 1px #17171714}.bead-style-option-round .bead-style-icon{border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.94) 0 21%,transparent 23%),radial-gradient(circle at 50% 50%,rgba(8,173,134,.96) 0 62%,transparent 64%),#08ad861f;box-shadow:inset 0 0 0 1px #08ad8629}.bead-style-option:hover,.bead-style-option:focus-visible{background:#ffffffdb;outline:none;transform:translateY(-1px)}.bead-style-option.is-active{background:#fff;color:#087b63;box-shadow:inset 0 0 0 1px #08ad862e,0 8px 18px #08ad861f}.bead-style-option.is-active .bead-style-icon{box-shadow:inset 0 0 0 1px #08ad8633,0 3px 8px #08ad8624}.flow-dialog-actions{display:flex;justify-content:space-between;gap:12px;padding:4px 4px 0;background:linear-gradient(180deg,#fffcf700,#fffcf7f5 34%)}.flow-dialog-actions .action-button{min-width:132px}.flow-dialog-enter-active,.flow-dialog-leave-active{transition:opacity .22s var(--ease),transform .22s var(--ease)}.flow-dialog-enter-from,.flow-dialog-leave-to{opacity:0;transform:translateY(14px) scale(.985)}@media (min-width: 1181px){html,body,#app{height:100%;overflow:hidden}.app-shell{height:100svh;padding-bottom:0;overflow:hidden}.site-main,.studio-panel-prime{height:100%}.studio-panel-prime{padding-bottom:0}.studio-welcome{height:100%;min-height:0;grid-template-columns:minmax(380px,.72fr) minmax(680px,1.28fr);gap:30px;padding:54px 0 14px;overflow:hidden}.conversion-demo{max-height:calc(100svh - 72px);overflow:hidden;transform:translateY(-6px)}.demo-stage{min-height:0;height:clamp(380px,calc(100svh - 305px),500px)}.demo-panel{min-height:0}.demo-panel .canvas-surface,.demo-panel .canvas-mini-sheet{height:100%;min-height:0}}@media (min-width: 1181px){html.is-community-route,body.is-community-route,body.is-community-route #app{min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto}.app-shell.is-community-page{min-height:100svh;height:auto;padding-bottom:64px;overflow:visible}.app-shell.is-community-page .site-main{height:auto}}@media (max-width: 1180px){.studio-grid,.studio-welcome,.stage-hero{grid-template-columns:1fr}.studio-welcome{align-items:start;min-height:auto;padding-top:84px}.studio-welcome-copy{height:auto;grid-template-rows:auto auto}.hero-side-stack{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;grid-template-rows:auto auto;align-content:start}.hero-side-stack:before{display:none}.conversion-demo{max-width:780px}.guide-step-row{grid-template-columns:1fr}.hero-stack-home .hero-card-source{top:64px;right:232px;bottom:148px;left:-8px}.hero-stack-home .hero-card-result{top:10px;right:22px;bottom:116px;left:126px}.hero-stack-home .hero-card-sheet{width:218px;bottom:86px}.hero-compare-rail{right:74px;bottom:18px}.stage-pane{min-height:560px}.shelf-grid,.moment-grid,.community-preview-grid{grid-template-columns:1fr 1fr}.community-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.estimate-grid,.estimate-summary{grid-template-columns:1fr 1fr}.flow-tune-grid{grid-template-columns:1fr}.flow-panel-tune .flow-control-block,.flow-panel-tune .flow-control-block-primary,.flow-panel-tune .flow-control-block-wide{grid-column:1 / -1;min-height:auto}.flow-result-layout{grid-template-columns:1fr}}@media (min-width: 821px) and (max-width: 1180px){.studio-welcome{grid-template-columns:minmax(280px,.6fr) minmax(0,1.4fr);align-items:start;gap:18px;min-height:calc(100svh - 20px);padding-top:70px}.studio-welcome-copy{padding-top:clamp(24px,3.8svh,42px)}.studio-welcome-copy h1{font-size:clamp(2.8rem,5.6vw,4.3rem);line-height:.92}.studio-lead{max-width:28rem}.hero-launcher{max-width:30rem;padding:14px}.hero-community-entry{max-width:30rem}.hero-actions{flex-direction:column;align-items:stretch}.site-main-community{padding-top:30px}.conversion-demo{max-width:none;padding:14px;transform:translateY(-8px)}.demo-stage{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr) minmax(0,.98fr);min-height:0;height:clamp(380px,calc(100svh - 286px),470px)}.demo-panel{min-height:0;--demo-offset-y: 0px}.demo-panel .canvas-surface,.demo-panel .canvas-mini-sheet{height:100%;min-height:0}}@media (max-width: 820px){.app-shell{width:min(100%,calc(100% - 16px));padding:8px 0 44px}.site-corner-brand{top:8px;left:8px;border-radius:14px}.app-shell.is-community-page .site-corner-brand{top:8px;left:8px;padding:5px 9px 5px 5px}.site-header{top:8px;flex-wrap:nowrap;justify-content:space-between;gap:10px;border-radius:14px}.site-nav,.brand-copy small{display:none}.header-cta{min-width:auto;min-height:42px;padding:0 14px}.moments-panel,.studio-panel,.community-panel,.shelf-panel{padding:20px;border-radius:28px}.studio-panel-prime{padding:0 0 22px}.moment-grid,.shelf-grid,.community-preview-grid,.community-gallery-grid,.stat-grid,.estimate-grid,.estimate-summary,.stage-hero-metrics,.guide-step-row,.stage-workbench-head,.stage-result-strip{grid-template-columns:1fr}.stage-drop-zone{min-height:122px}.stage-simple-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-welcome{gap:16px;min-height:auto;padding-top:64px}.studio-welcome-copy{padding-top:0}.studio-welcome-copy h1{max-width:100%;font-size:clamp(3rem,12vw,4.15rem);line-height:.9}.hero-line{white-space:normal}.studio-lead{font-size:1rem}.demo-output-row{grid-template-columns:1fr}.hero-launcher{gap:10px;padding:14px}.hero-actions .action-button{width:100%}.hero-community-entry{flex-wrap:wrap;grid-template-columns:1fr;align-items:stretch}.hero-community-entry-cta{width:100%}.community-footer-cta{flex-direction:column;align-items:flex-start}.site-main-community{padding-top:18px}.site-footer{padding-top:4px}.community-head,.community-gallery-head,.community-footer-cta{flex-direction:column;align-items:flex-start}.community-head-actions{justify-content:flex-start;padding-top:0}.community-pattern-float{width:118px}.stage-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.conversion-demo{padding:10px;border-radius:16px}.demo-stage{grid-template-columns:.86fr 1fr .9fr;min-height:330px;padding:10px}.demo-panel{min-height:300px;--demo-offset-y: 0px}.demo-panel .canvas-surface,.demo-panel .canvas-mini-sheet{height:228px;min-height:228px}.demo-panel-sheet .canvas-mini-sheet{height:228px;margin:4px 0 0;padding:16px;border-radius:0;background:transparent}.demo-sheet-codes{display:none}.demo-flowbar{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-button{width:100%}.stage-pane{min-height:460px}.prep-canvas,.stage-pane .canvas-surface,.stage-pane .canvas-sheet{min-height:360px;height:360px}.flow-dialog-backdrop{align-items:end;padding:8px}.flow-dialog{width:100%;height:calc(100svh - 16px);max-height:calc(100svh - 16px);grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;padding:12px;border-radius:22px 22px 0 0}.flow-dialog.is-step-result{height:calc(100svh - 16px);grid-template-rows:auto minmax(0,1fr);gap:10px}.flow-dialog-head{align-items:center;padding:0 2px}.flow-dialog-head h2{margin-top:6px;font-size:clamp(1.75rem,8vw,2.55rem);letter-spacing:-.055em}.flow-close{width:40px;height:40px;flex:0 0 auto}.flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border-radius:16px}.flow-step{flex-direction:column;align-items:flex-start;min-height:58px;gap:5px;padding:8px}.flow-step span{width:28px;height:28px;border-radius:9px}.flow-step strong{font-size:.86rem}.flow-panel{min-height:0;padding:12px;border-radius:18px;overflow:auto;scrollbar-gutter:auto}.flow-panel-upload,.flow-live-summary,.flow-result-cards{grid-template-columns:1fr}.flow-panel-upload{align-content:start;gap:12px;background:radial-gradient(circle at 20% 8%,rgba(0,167,126,.11),transparent 36%),radial-gradient(circle at 82% 18%,rgba(255,99,61,.14),transparent 34%),#ffffffd6}.upload-primer{gap:10px;padding:2px 2px 0}.upload-kicker{padding:6px 10px;font-size:.78rem}.upload-primer h3{max-width:none;font-size:clamp(1.65rem,8vw,2.35rem)}.upload-primer p{max-width:none;font-size:.94rem;line-height:1.55}.upload-value-row{gap:6px}.upload-value-row span{min-height:30px;padding:6px 9px;font-size:.8rem}.flow-upload-zone{min-height:clamp(150px,26svh,210px);padding:22px 18px;border-radius:18px}.flow-upload-zone:before{top:9px;right:9px;bottom:9px;left:9px;border-radius:14px}.upload-zone-orbit{width:140px;height:140px}.upload-zone-icon{width:58px;height:58px;border-radius:18px}.upload-zone-icon:before,.upload-zone-icon span{inset:10px auto auto 8px;width:8px;height:8px;box-shadow:14px 0 0 var(--mint),28px 0 0 var(--butter),0 14px 0 var(--mint),14px 14px 0 var(--tomato),28px 14px 0 var(--mint),0 28px 0 var(--butter),14px 28px 0 var(--mint),28px 28px 0 var(--tomato)}.flow-upload-zone strong{font-size:clamp(1.35rem,6vw,1.9rem)}.flow-upload-zone small{font-size:.68rem}.flow-dialog-actions{padding:2px 0 0;background:transparent}.flow-preview-canvas{min-height:330px}.flow-preview-canvas .canvas-surface,.flow-preview-canvas .canvas-sheet{min-height:310px;height:310px}.flow-dialog.is-step-result .flow-panel-result .flow-copy{align-items:flex-start;flex-direction:column}.flow-dialog.is-step-result .flow-panel-result{overflow:auto;padding:10px}.flow-dialog.is-step-result .flow-result-layout{grid-template-columns:1fr;gap:10px;min-height:auto}.flow-dialog.is-step-result .flow-preview-canvas{height:clamp(260px,44svh,380px)}.flow-dialog.is-step-result .flow-preview-switch{grid-template-columns:repeat(4,minmax(92px,1fr));overflow-x:auto}.flow-dialog.is-step-result .flow-result-summary{grid-template-rows:none;overflow:visible}.flow-dialog.is-step-result .flow-result-cards{grid-template-columns:1fr}.flow-dialog.is-step-result .flow-result-card{min-height:74px}.flow-dialog.is-step-result .flow-result-cards strong{font-size:1rem}.flow-dialog.is-step-result .flow-palette-list{max-height:220px}.flow-dialog.is-step-result .flow-result-actions{grid-template-columns:1fr}}@media (max-width: 560px){.site-corner-brand .hero-masthead-copy small{display:none}.site-main-community{padding-top:54px}.site-footer-record{width:100%;text-align:center}.hero-product-row,.demo-output-row{grid-template-columns:1fr}.demo-stage{grid-template-columns:1fr;min-height:auto}.demo-stage:before,.demo-stage:after{display:none}.demo-panel{min-height:318px}.demo-panel .canvas-surface,.demo-panel .canvas-mini-sheet{height:244px;min-height:244px}.demo-panel-sheet .canvas-mini-sheet{height:244px}.community-card,.community-card-gallery{padding:12px;border-radius:20px}.community-card-media{min-height:220px;padding:10px}.community-media-main,.community-card-gallery .community-media-main{min-height:188px}.community-pattern-float{top:12px;right:10px;width:104px;padding:7px}.community-footer-cta{padding:16px}.flow-dialog-actions{flex-direction:column-reverse}.flow-dialog-actions .action-button{width:100%}}