:root{color:#2c2330;font-synthesis:none;text-rendering:optimizelegibility;--ink:#2c2330;--muted:#827482;--line:#4534421f;--pink:#f5aaca;--mint:#bce7dc;--surface:#ffffffd6;background:#f7f6f4;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Hiragino Sans,Yu Gothic UI,sans-serif}*{box-sizing:border-box}html{background:#f7f6f4;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 8% 0,#fbc7de75,#0000 34rem),radial-gradient(circle at 100% 44%,#b8e7dc6b,#0000 36rem),#f7f6f4;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #dd699e47}.app-shell{width:min(1440px,100%);margin:0 auto;padding:32px clamp(18px,4vw,58px) 80px}.masthead{align-items:center;gap:12px;min-height:56px;margin-bottom:28px;display:flex}.brand-mark{background:linear-gradient(155deg,#423244,#241c27);border-radius:15px;flex:none;width:48px;height:48px;position:relative;box-shadow:inset 0 1px #fff3,0 10px 24px #35223429}.brand-mark span{background:#fff9f5;border-radius:999px;width:25px;height:7px;position:absolute;left:10px}.brand-mark span:first-child{top:14px}.brand-mark span:nth-child(2){width:30px;top:28px}.brand-mark i{color:#ffb3d4;font-size:14px;font-style:normal;position:absolute;top:4px;right:5px}.eyebrow{color:#9e8297;letter-spacing:.24em;margin:0 0 4px;font-size:11px;font-weight:800}.brand-copy{gap:1px;display:grid}.masthead h1{letter-spacing:-.045em;margin:0;font-size:clamp(23px,3vw,30px);font-weight:590}.brand-copy>span{color:#9a8796;letter-spacing:.055em;font-size:9px;font-weight:680}.privacy-pill{color:#55766c;background:#f5fbf9bf;border:1px solid #3e726321;border-radius:999px;margin-left:auto;padding:8px 12px;font-size:11px;font-weight:650}.landing{justify-items:center;gap:18px;width:min(620px,100%);margin:clamp(32px,8vh,92px) auto 0;display:grid}.landing.is-dragging .drop-card{border-color:#cb5e9080;transform:scale(1.012);box-shadow:0 0 0 6px #f5aaca2e,0 28px 70px #3e2d3b1a}.drop-card{cursor:pointer;background:radial-gradient(circle at 25% 8%,#fffffffa,#0000 18rem),linear-gradient(150deg,#fff4f8e0,#f4faf8eb);border:1px solid #5c47581a;border-radius:36px;place-items:center;width:100%;min-height:390px;padding:46px 34px 40px;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid;box-shadow:inset 0 1px #ffffffe6,0 22px 58px #3e2d3b14}.drop-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 28px 70px #3e2d3b1f}.drop-art{width:min(300px,72%);height:146px;margin-bottom:24px;display:block;position:relative}.drop-art i{background:#ffffffc2;border:1px solid #56455321;border-radius:13px;width:88%;height:41px;position:absolute;left:4%;box-shadow:0 8px 18px #3d2f3b12}.drop-art i:first-child{top:5px;transform:rotate(-1.8deg)}.drop-art i:nth-child(2){top:52px;left:8%;transform:rotate(1.2deg)}.drop-art i:nth-child(3){top:99px;left:2%;transform:rotate(-.6deg)}.drop-art i:after{content:"";opacity:.82;background:linear-gradient(145deg,#f5b8d1,#a8ded2);border-radius:50% 50% 44% 56%;width:46px;height:46px;position:absolute;top:-5px;right:10px}.drop-art b{color:#be6f96;font-size:20px;font-weight:500;position:absolute;top:4px;right:0}.drop-card strong{letter-spacing:-.02em;font-size:20px;font-weight:720}.drop-card small{color:#948592;margin-top:8px;font-size:12px}.landing-privacy{color:#81747e;margin:0;font-size:11px;font-weight:600}.landing-privacy span{color:#78a898;vertical-align:2px;font-size:7px}.preparing-card{text-align:center;background:#ffffffc7;border:1px solid #ffffffe6;border-radius:38px;justify-items:center;width:min(660px,100%);margin:9vh auto 0;padding:clamp(34px,6vw,70px);display:grid;box-shadow:0 30px 80px #4732431a}.preparing-card h2{letter-spacing:-.04em;margin:10px 0 28px;font-size:clamp(23px,4vw,38px);font-weight:580}.preparing-card>p:last-child{color:#796b77;max-width:500px;margin:24px 0 0;line-height:1.8}.progress-orbit{width:76px;height:76px;margin-bottom:24px;position:relative}.progress-orbit span{border:3px solid #f5c5da;border-right-color:#79cdb8;border-radius:50%;animation:1.1s linear infinite spin;position:absolute;inset:4px}.progress-orbit i{color:#be668f;place-items:center;font-size:20px;font-style:normal;display:grid;position:absolute;inset:0}.progress-track{background:#eee8ed;border-radius:999px;width:min(440px,100%);height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#ee9fc2,#8bd6c4);height:100%;transition:width .25s;display:block}.preparing-card>strong{color:#8f7186;margin-top:9px;font-size:13px}@keyframes spin{to{transform:rotate(1turn)}}.workspace{grid-template-columns:minmax(420px,.94fr) minmax(430px,1.06fr);align-items:start;gap:clamp(28px,4vw,64px);display:grid}.preview-column{min-width:0;position:sticky;top:18px}.preview-topline{color:#8c7a89;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;font-size:11px;font-weight:700;display:flex}.preview-topline button{color:#9d5477;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;min-height:44px;padding:6px 0}.canvas-stage{background:#fff;border-radius:36px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 54px #32283021}.canvas-stage canvas{touch-action:pan-y;cursor:default;width:100%;height:100%;display:block}.canvas-stage.is-adjusting{box-shadow:0 0 0 3px #d56b9d33,0 24px 54px #32283021}.canvas-stage.is-adjusting canvas{touch-action:none;cursor:grab}.canvas-stage.is-adjusting canvas:active{cursor:grabbing}.drag-hint{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#29232ab3;border:1px solid #ffffffbd;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:700;position:absolute;bottom:14px;right:14px}.preview-adjust{justify-content:center;margin-top:12px;display:flex}.adjust-trigger{border:1px solid var(--line);color:#695a67;cursor:pointer;background:#ffffffd1;border-radius:999px;min-height:44px;padding:9px 14px;font-size:11px;font-weight:760}.preview-adjust.is-open{border:1px solid var(--line);background:#ffffffe6;border-radius:18px;gap:10px;padding:12px;display:grid;box-shadow:0 10px 28px #3a2b3714}.adjust-title,.adjust-tools{justify-content:space-between;align-items:center;gap:10px;display:flex}.adjust-title strong{font-size:12px}.adjust-title>button{color:#fff;cursor:pointer;background:#382d39;border:0;border-radius:999px;min-height:44px;padding:6px 14px;font-size:10px;font-weight:760}.member-pills{gap:5px;display:flex}.member-pills button{border:1px solid var(--line);color:#746671;cursor:pointer;background:#fff;border-radius:999px;min-height:44px;padding:8px 12px;font-size:10px;font-weight:760}.member-pills button.is-selected{color:#6e3e55;background:#fbe2ed;border-color:#dc85ad}.controls{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.inspector-tabs{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#e8e3e7b8;border:1px solid #ffffffd6;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:3px;width:100%;min-width:0;padding:4px;display:grid;box-shadow:0 10px 30px #3e2d3b0b}.inspector-tabs button{color:#766873;cursor:pointer;background:0 0;border:0;border-radius:12px;min-height:44px;padding:10px 8px;font-size:11px;font-weight:700}.inspector-tabs button.is-selected{color:#312733;background:#fffffff0;box-shadow:0 3px 10px #3b2d391a}.control-section,.action-stack{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffc2;border:1px solid #ffffffe0;border-radius:28px;min-width:0;padding:24px;box-shadow:0 16px 45px #3e2d3b0e}.inspector-panel{min-width:0;min-height:310px;animation:.22s both reveal-panel;overflow:hidden}@keyframes reveal-panel{0%{opacity:0;transform:translateY(4px)}}.control-intro h2{letter-spacing:-.055em;margin:2px 0 10px;font-size:clamp(32px,4vw,50px);font-weight:480}.control-intro>p:last-child{color:#7f707c;margin:0;line-height:1.7}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-heading h3{letter-spacing:-.025em;margin:1px 0 0;font-size:18px;font-weight:650}.section-heading>span{color:#a18e9d;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.panel-kicker{color:#a38d9e;letter-spacing:.2em;margin:0;font-size:8px;font-weight:800}.variation-action{border:1px solid var(--line);color:#786a76;cursor:pointer;background:#ffffffd1;border-radius:999px;min-height:44px;padding:7px 12px;font-size:10px;font-weight:760}.theme-scroller{scroll-snap-type:x proximity;scrollbar-width:none;grid-template-rows:repeat(2,1fr);grid-auto-columns:minmax(168px,42%);grid-auto-flow:column;gap:8px;width:100%;min-width:0;max-width:100%;padding:2px 2px 6px;display:grid;overflow-x:auto}.theme-scroller::-webkit-scrollbar{display:none}.theme-scroller button{border:1px solid var(--line);text-align:left;cursor:pointer;scroll-snap-align:start;background:#ffffffc7;border-radius:16px;grid-template-columns:54px 1fr;align-items:center;gap:10px;min-height:78px;padding:10px;display:grid}.theme-scroller button strong,.theme-scroller button small{display:block}.theme-scroller button strong{font-size:13px}.theme-scroller button small{color:#92828f;margin-top:4px;font-size:9px;line-height:1.35}.theme-scroller button.is-selected{border-color:color-mix(in srgb, var(--theme-ink), transparent 52%);background:color-mix(in srgb, var(--theme-surface), #fff 28%);box-shadow:0 8px 18px #4d3a4814}.theme-preview{background:var(--theme-surface);border-radius:13px;width:54px;height:54px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff9e}.theme-preview:before,.theme-preview:after{content:"";background:#fffc;border-radius:5px;height:10px;position:absolute;left:8px;right:8px;box-shadow:0 3px 7px #2d252d1a}.theme-preview:before{top:12px;transform:rotate(-2deg)}.theme-preview:after{top:31px;transform:rotate(1.5deg)}.theme-preview i:first-child{z-index:2;background:var(--theme-ink);opacity:.76;border-radius:50%;width:17px;height:17px;position:absolute;top:7px;right:5px}.theme-preview i:nth-child(2){z-index:2;background:var(--theme-ink);opacity:.5;width:6px;height:6px;position:absolute;bottom:5px;left:6px;transform:rotate(45deg)}.member-privacy-list{gap:10px;display:grid}.privacy-row{grid-template-columns:104px 1fr;align-items:center;gap:10px;display:grid}.member-label{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-weight:760;display:flex}.member-label span{color:#fff;background:#372b37;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.segmented,.preset-row,.target-toggle{background:#eee9ed;border-radius:12px;padding:3px;display:flex}.segmented button,.preset-row button,.target-toggle button{color:#756673;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;min-height:42px;padding:9px 10px;font-size:11px;font-weight:740}.segmented button.is-selected,.preset-row button.is-selected,.target-toggle button.is-selected{color:#433641;background:#fff;box-shadow:0 3px 9px #3f303d1a}.live-adjuster{background:linear-gradient(150deg,#fff8fbe0,#f4fbf9e0)}.member-switcher{margin-bottom:14px}.select-control,.range-control{color:#796a76;gap:7px;font-size:11px;font-weight:750;display:grid}.select-control select{border:1px solid var(--line);color:#3b3039;background:#ffffffe6;border-radius:12px;width:100%;padding:12px 38px 12px 13px}.range-control input{accent-color:#d671a0}.nudge-grid{grid-template-columns:repeat(3,48px);justify-content:center;gap:5px;margin:18px auto 12px;display:grid}.nudge-grid button{color:#655362;cursor:pointer;background:#ffffffdb;border:1px solid #634a5c1f;border-radius:12px;height:44px;font-weight:850}.nudge-grid .reset-dot{color:#dc82aa;font-size:10px}.transform-row{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.transform-row button,.secondary-action{border:1px solid var(--line);cursor:pointer;background:#ffffffd9;border-radius:12px;min-height:44px;padding:11px;font-size:11px;font-weight:750}.two-selects{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.action-stack{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;display:block}.primary-action{color:#fff;cursor:pointer;background:#322735;border:0;border-radius:17px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:15px 22px;font-weight:760;display:flex;box-shadow:0 10px 24px #32273529}.primary-action>span{border:1.5px solid #ffffffb8;border-top:0;border-radius:4px;place-items:center;width:21px;height:21px;padding-bottom:2px;font-size:15px;line-height:1;display:grid}.primary-action:disabled{opacity:.6;cursor:wait}.completion-card{background:#f7fcfad1;border:1px solid #5a786c21;border-radius:22px;grid-template-columns:auto 1fr;gap:12px;padding:18px;display:grid;box-shadow:0 14px 38px #3e2d3b0f}.completion-check{color:#fff;background:#6b9f8f;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.completion-card strong{font-size:15px}.completion-card p{color:#7d7079;margin:4px 0 0;font-size:11px;line-height:1.5}.completion-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.completion-actions button{border:1px solid var(--line);cursor:pointer;background:#ffffffe6;border-radius:13px;min-height:44px;font-size:11px;font-weight:720}.completion-actions button:last-child{color:#456f63;background:#e7f3ef;border-color:#0000}.completion-card small{color:#66897e;text-align:center;grid-column:1/-1}.error-message{color:#a63d5d;grid-column:1/-1;margin:14px 0 0;font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:960px){.workspace{grid-template-columns:minmax(0,1fr)}.preview-column{z-index:auto;background:0 0;padding-top:0;position:relative;top:auto}.canvas-stage{border-radius:28px;width:min(520px,100%);max-height:57vh;margin:0 auto}.canvas-stage canvas{object-fit:contain}.preview-topline,.preview-adjust{width:min(520px,100%);margin-left:auto;margin-right:auto}}@media (max-width:720px){.app-shell{padding:14px 14px calc(38px + env(safe-area-inset-bottom))}.masthead{min-height:48px;margin-bottom:16px}.brand-mark{border-radius:13px;width:42px;height:42px}.brand-mark span{transform-origin:0;left:8px;transform:scale(.78)}.brand-mark span:first-child{top:12px}.brand-mark span:nth-child(2){top:25px}.brand-mark i{font-size:12px}.masthead h1{font-size:24px}.privacy-pill{display:none}.landing{gap:15px;width:100%;margin-top:clamp(28px,7vh,64px)}.drop-card{border-radius:28px;min-height:min(440px,58vh);padding:34px 22px 32px}.drop-art{width:min(270px,82%);height:138px;margin-bottom:22px}.workspace{gap:24px}.preview-topline{padding:0 3px;font-size:10px}.canvas-stage{border-radius:24px;max-height:55vh}.drag-hint{bottom:8px;right:8px}.preview-adjust.is-open{width:min(520px,100% - 8px)}.adjust-tools{flex-direction:column;align-items:stretch}.member-pills button{flex:1}.target-toggle{width:100%}.controls{gap:12px}.inspector-tabs{border-radius:15px}.control-section{border-radius:22px;padding:18px}.inspector-panel{min-height:300px}.theme-scroller{grid-auto-columns:minmax(164px,72%)}.privacy-row{grid-template-columns:1fr}.member-label{padding-left:3px}.two-selects{grid-template-columns:1fr}.action-stack{box-shadow:none;border-radius:0;padding:0;position:static}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}