/* shell.css */
/* Shared product shell: restrained B2B SaaS, white canvas + a single blue-violet signal. */
:root{--sj-ink:#171725;--sj-muted:#6e7082;--sj-line:#e8e9f0;--sj-line-strong:#dce0ea;--sj-paper:#fff;--sj-surface:#f7f8fb;--sj-accent:#4f46e5;--sj-accent-dark:#3730a3;--sj-accent-soft:#eef0ff;--sj-shadow:0 18px 45px rgba(27,31,61,.07)}
body.site-home,body.site-admin{background:var(--sj-paper);color:var(--sj-ink);letter-spacing:-.012em}
body.site-home::before,body.site-admin::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - 580px),rgba(230,232,240,.45) calc(50% - 580px),rgba(230,232,240,.45) calc(50% - 579px),transparent calc(50% - 579px),transparent calc(50% + 579px),rgba(230,232,240,.45) calc(50% + 579px),rgba(230,232,240,.45) calc(50% + 580px),transparent calc(50% + 580px))}
.site-home header,.site-admin .top{height:68px;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(255,255,255,.94);border-color:var(--sj-line);backdrop-filter:blur(18px);box-shadow:none}
.site-home .brand,.site-admin .brand{font-size:16px;font-weight:800;gap:9px;letter-spacing:-.035em}.site-home .mark,.site-admin .mark{width:28px;height:28px;border-radius:7px;background:var(--sj-accent);box-shadow:none}.site-home .mark svg,.site-admin .mark svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-home .top-nav{display:flex;gap:20px;margin-right:auto;margin-left:38px}.site-home .top-nav a{color:var(--sj-muted);font-size:13px;font-weight:700;text-decoration:none}.site-home .top-nav a:hover{color:var(--sj-accent)}.site-home .head-actions{gap:8px;font-size:13px}.site-home .ghost{border:0;border-radius:7px;background:transparent;color:#343448;padding:8px 10px;box-shadow:none;font-weight:700}.site-home .ghost:last-child{background:var(--sj-ink);color:#fff}.site-home .ghost:hover{background:var(--sj-surface)}.site-home .ghost:last-child:hover{background:var(--sj-accent-dark)}
.site-home main{width:min(1160px,100%);padding:0 20px 72px}.site-home .product-hero{min-height:392px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);gap:58px;align-items:center;padding:72px 4px 62px;border-bottom:1px solid var(--sj-line)}.site-home .eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--sj-accent);font-size:12px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.site-home .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.site-home h1{font-size:clamp(42px,5.2vw,62px);line-height:.99;max-width:620px;margin:13px 0 17px;letter-spacing:-.065em}.site-home .intro p{max-width:480px;color:var(--sj-muted);font-size:17px;line-height:1.65}.site-home .intro{display:block;margin:0}.site-home .hero-actions{display:flex;gap:10px;margin-top:27px}.site-home .hero-primary,.site-home .hero-secondary{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:7px;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer}.site-home .hero-primary{background:var(--sj-accent);color:#fff;border:1px solid var(--sj-accent)}.site-home .hero-secondary{background:#fff;color:#35364a;border:1px solid var(--sj-line-strong)}.site-home .hero-primary svg,.site-home .hero-secondary svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.site-home .hero-preview{align-self:center;border:1px solid var(--sj-line);background:#fff;box-shadow:var(--sj-shadow);min-height:264px;padding:15px}.site-home .preview-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--sj-line);font-size:12px;color:var(--sj-muted)}.site-home .preview-title{font-weight:800;color:var(--sj-ink)}.site-home .preview-tag{color:var(--sj-accent);font-weight:800}.site-home .preview-flow{display:grid;gap:12px;padding-top:18px}.site-home .preview-row{display:grid;grid-template-columns:27px 1fr auto;gap:11px;align-items:center}.site-home .preview-num{width:27px;height:27px;display:grid;place-items:center;background:var(--sj-accent-soft);color:var(--sj-accent);font-size:12px;font-weight:800}.site-home .preview-line{height:8px;border-radius:2px;background:#eaecf3}.site-home .preview-line.short{width:58%}.site-home .preview-state{font-size:11px;color:var(--sj-muted)}.site-home .preview-row.active .preview-line{background:linear-gradient(90deg,var(--sj-accent) 0 62%,#eaecf3 62%)}.site-home .preview-row.active .preview-state{color:var(--sj-accent);font-weight:800}
.site-home .quiet-row{display:flex;gap:36px;align-items:center;min-height:92px;border-bottom:1px solid var(--sj-line);color:#9497a6;font-size:12px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.site-home .quiet-row span:first-child{color:var(--sj-muted);font-size:11px}.site-home .tool-area{padding-top:47px}.site-home .toolbar{padding-bottom:16px;margin-bottom:20px;border-color:var(--sj-line);align-items:end}.site-home .toolbar h2{font-size:28px;letter-spacing:-.04em}.site-home .toolbar p{margin:4px 0 0;color:var(--sj-muted);font-size:14px}.site-home .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sj-line);background:var(--sj-line)}.site-home .tool{min-height:254px;border:0;border-radius:0;background:#fff;padding:22px;box-shadow:none;transition:background .18s ease,transform .18s ease}.site-home .tool:hover{background:#fbfbff;transform:none;box-shadow:none}.site-home .tool-icon{width:38px;height:38px;border-radius:7px;background:var(--sj-accent-soft);color:var(--sj-accent);font-size:0}.site-home .tool-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.site-home .state{border-radius:999px;padding:5px 8px;background:#f4f5f8;color:var(--sj-muted);font-size:11px}.site-home .state.ok{background:#ebf8f1;color:#237f57}.site-home .tool h3{font-size:20px;margin:18px 0 7px;letter-spacing:-.035em}.site-home .tool p{line-height:1.6;color:var(--sj-muted)}.site-home .tool-foot{padding-top:20px}.site-home .cost{font-size:12px}.site-home .cost b{color:var(--sj-accent);font-size:14px}.site-home .btn{border-radius:7px;padding:9px 12px;background:var(--sj-accent);box-shadow:none;font-size:13px}.site-home .btn:hover{background:var(--sj-accent-dark);box-shadow:none;transform:none}
.site-home .how-area{display:grid;grid-template-columns:.8fr 1.2fr;margin-top:58px;border-top:1px solid var(--sj-line);border-bottom:1px solid var(--sj-line)}.site-home .how-copy{padding:39px 28px 38px 0;border-right:1px solid var(--sj-line)}.site-home .how-copy h2{font-size:29px;letter-spacing:-.045em;margin:0 0 9px}.site-home .how-copy p{color:var(--sj-muted);max-width:285px}.site-home .how-grid{display:grid;grid-template-columns:repeat(3,1fr)}.site-home .how-item{padding:39px 22px;border-right:1px solid var(--sj-line)}.site-home .how-item:last-child{border:0}.site-home .how-icon{display:grid;place-items:center;width:29px;height:29px;margin-bottom:17px;color:var(--sj-accent);background:var(--sj-accent-soft)}.site-home .how-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-home .how-item h3{font-size:15px;margin:0 0 6px}.site-home .how-item p{color:var(--sj-muted);font-size:13px;line-height:1.65;margin:0}.site-home .legal-footer{display:flex;gap:18px;margin-top:28px;color:var(--sj-muted);font-size:12px}.site-home .legal-footer a{color:var(--sj-muted);font-weight:650}.site-home .legal-footer a:hover{color:var(--sj-accent)}
.site-home .drawer{align-items:center;justify-content:center;padding:22px;background:rgba(20,22,35,.42);backdrop-filter:blur(7px)}.site-home .sheet{width:min(440px,100%);height:auto;max-height:min(730px,calc(100vh - 44px));padding:30px;border:1px solid var(--sj-line);border-radius:12px;background:#fff;box-shadow:0 32px 90px rgba(15,18,45,.25)}.site-home .sheet h2{font-size:28px;letter-spacing:-.05em}.site-home .sheet p{font-size:14px;line-height:1.65}.site-home .close{border-radius:6px;background:var(--sj-surface);color:var(--sj-muted);font-size:12px}.site-home .field{margin:16px 0}.site-home .field label{font-size:13px}.site-home .field input{border-radius:7px;background:#fff;border-color:var(--sj-line-strong);padding:11px 12px;font-size:15px}.site-home .field input:focus{border-color:var(--sj-accent);box-shadow:0 0 0 3px rgba(79,70,229,.11)}.site-home .notice,.site-home .success{border-radius:7px;font-size:13px}.site-home .checks{border-radius:8px;background:var(--sj-surface);border-color:var(--sj-line);padding:11px}.site-home .checks label{font-size:12px}.site-home .checks a,.site-home .legal-links a,.site-home .link-btn{color:var(--sj-accent-dark)}.site-home .wide{width:100%}.site-home .center-tabs{gap:2px}.site-home .center-tab{border-radius:6px;font-size:13px}.site-home .center-tab.active{background:var(--sj-accent-soft);color:var(--sj-accent)}.site-home .account-summary div,.site-home .history-card{border-radius:8px;background:var(--sj-surface);border-color:var(--sj-line)}.site-home .load-more{border-radius:7px;color:var(--sj-accent);border-color:var(--sj-line-strong)}
/* Workbench */
.site-admin .top{padding:0 26px}.site-admin .top-right{font-size:13px;gap:15px}.site-admin .top-right a{color:var(--sj-accent);font-weight:750}.site-admin .workbench{grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 68px)}.site-admin aside{top:68px;height:calc(100vh - 68px);padding:20px 12px;background:#fff;border-color:var(--sj-line)}.site-admin .nav-group{padding:15px 10px 5px;color:#9497a6;font-size:10px;font-weight:800;letter-spacing:.08em}.site-admin .nav{padding:9px 10px;border-radius:6px;color:#686a7c;font-size:13px;font-weight:700}.site-admin .nav:hover,.site-admin .nav.active{background:var(--sj-accent-soft);color:var(--sj-accent)}.site-admin main{max-width:1440px;padding:38px clamp(25px,4vw,58px) 72px}.site-admin .page-head{padding-bottom:22px;border-color:var(--sj-line)}.site-admin h1{font-size:31px;letter-spacing:-.05em}.site-admin .role{border-radius:6px;background:var(--sj-accent-soft);color:var(--sj-accent);font-size:12px}.site-admin .cards{gap:12px}.site-admin .metric,.site-admin .section{border-radius:0;border-color:var(--sj-line);box-shadow:none}.site-admin .metric{padding:18px;background:#fff}.site-admin .metric strong{font-size:30px;letter-spacing:-.05em}.site-admin .section{margin-top:14px}.site-admin .section-head{padding:17px 18px;border-color:var(--sj-line)}.site-admin .section-head h2{font-size:16px}.site-admin .section-head p{font-size:13px}.site-admin .table th{background:var(--sj-surface);color:#77798a}.site-admin .table td,.site-admin .table th{padding:12px 18px;border-color:var(--sj-line)}.site-admin .badge{border-radius:999px}.site-admin .btn{border-radius:6px;background:var(--sj-accent);box-shadow:none}.site-admin .btn.secondary{background:var(--sj-surface);color:#545567}.site-admin .btn.danger{background:#fff0f3}.site-admin .input,.site-admin select{border-radius:6px;border-color:var(--sj-line-strong);padding:9px 10px}.site-admin .service-grid{gap:0;padding:0;border:1px solid var(--sj-line);background:var(--sj-line)}.site-admin .service{border:0;border-radius:0;background:#fff;padding:20px}.site-admin .service h3{letter-spacing:-.025em}.site-admin .login{border-radius:0;border-color:var(--sj-line);box-shadow:var(--sj-shadow);padding:32px}.site-admin .login .mark{margin-bottom:17px}.site-admin .modal{background:rgba(20,22,35,.42)}.site-admin .modal-card{border-radius:10px;box-shadow:0 32px 90px rgba(15,18,45,.25)}.site-admin .modal-head{border-color:var(--sj-line)}.site-admin .close{border-radius:6px;background:var(--sj-surface)}.site-admin .toast{border-radius:6px}
@media(max-width:820px){.site-home .top-nav{display:none}.site-home .product-hero{grid-template-columns:1fr;gap:30px;padding:48px 0}.site-home .hero-preview{max-width:580px}.site-home .how-area{grid-template-columns:1fr}.site-home .how-copy{padding-right:0;border-right:0;border-bottom:1px solid var(--sj-line)}.site-home .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-admin .workbench{grid-template-columns:1fr}.site-admin aside{top:68px;height:auto}.site-admin main{padding-top:28px}}
@media(max-width:560px){.site-home header{padding:0 14px}.site-home .head-actions{gap:1px}.site-home .head-actions #headerUser,.site-home .head-actions #centerBtn{display:none}.site-home main{padding-inline:14px}.site-home h1{font-size:42px}.site-home .quiet-row{gap:18px;overflow:auto;white-space:nowrap}.site-home .grid,.site-home .how-grid{grid-template-columns:1fr}.site-home .how-item{border-right:0;border-bottom:1px solid var(--sj-line)}.site-home .how-item:last-child{border-bottom:0}.site-home .legal-footer{flex-wrap:wrap;gap:10px 16px}.site-home .sheet{padding:24px 20px}.site-admin .top{padding:0 14px}.site-admin .top-right span{display:none}.site-admin main{padding:22px 14px 48px}.site-admin .cards{grid-template-columns:1fr}.site-admin .service-grid{grid-template-columns:1fr}}

/* product-theme.css */
:root{--violet:#7354ef;--violet-dark:#5637d5;--lavender:#f1efff;--lavender-2:#e7e2ff;--ink:#25233a;--muted:#7b788d;--line:#eceaf4;--paper:#fff;--soft-shadow:0 12px 32px rgba(87,67,180,.09);--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink)}button,a,input,select,textarea{font:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none!important}.site-home .drawer{position:fixed;inset:0;z-index:30;display:none}.site-home .drawer.show{display:flex}.site-home .sheet{overflow:auto}.site-home .field label{display:block;margin-bottom:7px;font-weight:760}.site-home .field input{width:100%;outline:0}.site-home .row{display:flex}.site-home .row .field{flex:1}.site-home .btn{border:0;color:#fff;font-weight:800}.site-home .wide{width:100%}.site-home .checks label{display:block;line-height:1.65;margin:10px 0}.site-home .checks input{width:auto;margin:0 6px 0 0;vertical-align:middle}.site-home .link-btn{border:0;background:transparent;padding:0;font:inherit;font-weight:750}.site-home .center-panel[hidden]{display:none}.site-home .history-list{display:grid;gap:11px;margin-top:14px}.site-home .history-card{padding:12px;background:#fff}.site-home .history-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px;color:var(--muted);font-size:12px}.site-home .history-image{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--lavender)}.site-home .history-prompt{margin:0;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.site-home .history-empty{padding:28px 10px;text-align:center;color:var(--muted)}.site-home .load-more{width:100%;margin-top:14px;padding:11px;border:1px solid #ded9f2;background:#fff;font-weight:750}.site-home .tool{display:flex;flex-direction:column}.site-home .tool-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.site-home .tool-icon{display:grid;place-items:center}.site-home .tool-icon svg{width:27px;height:27px}.site-home .tool p{margin:0;color:var(--muted)}.site-home .tool-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.site-home .empty{grid-column:1/-1;text-align:center;color:var(--muted)}

/* 首页：淡紫内容工作台 */
.site-home{background:linear-gradient(180deg,#fff 0%,#fcfbff 100%);padding-bottom:0}.site-home .topbar{position:sticky;top:0;z-index:10;height:72px;display:flex;align-items:center;gap:40px;padding:0 max(24px,calc((100vw - 1120px)/2));background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.site-home .brand{color:var(--ink);font-size:17px;font-weight:850;letter-spacing:-.04em;text-decoration:none;display:flex;align-items:center;gap:9px}.brand-orb{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#9d86ff,var(--violet));color:#fff;font-size:13px;box-shadow:0 6px 13px rgba(115,84,239,.25)}.desktop-nav{display:flex;align-items:center;gap:22px;margin-right:auto}.desktop-nav a{color:#9a97a9;text-decoration:none;font-size:14px;font-weight:720}.desktop-nav a.active,.desktop-nav a:hover{color:var(--violet)}.site-home .head-actions{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted)}.text-action,.primary-small{border:0;background:transparent;color:#5d5a70;font-size:13px;font-weight:760;padding:8px 3px}.primary-small{padding:8px 16px;border-radius:999px;background:var(--violet);color:#fff;box-shadow:0 7px 15px rgba(115,84,239,.24)}.site-home main{width:min(1120px,100%);padding:27px 20px 100px;margin:0 auto}.search-shell{height:58px;display:flex;align-items:center;gap:12px;padding:0 21px;border:1px solid #e5e0f8;border-radius:20px;color:#aaa6b5;background:linear-gradient(90deg,#fff 0%,#f8f6ff 100%);box-shadow:0 5px 18px rgba(97,75,186,.04);font-size:15px}.search-shell svg{width:22px;height:22px;color:#777286}.home-hero{position:relative;min-height:292px;overflow:hidden;display:flex;margin-top:22px;padding:42px 48px;border-radius:30px;background:linear-gradient(104deg,#fff 0%,#fcfbff 45%,#e9e3ff 100%);box-shadow:var(--soft-shadow)}.home-hero::after{content:"";position:absolute;right:-55px;bottom:-100px;width:370px;height:280px;border-radius:50%;background:radial-gradient(circle,#cfc4ff 0,rgba(231,225,255,.2) 52%,transparent 70%)}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 8px;color:var(--violet);font-size:13px;font-weight:800}.home-hero h1{margin:0;color:#242239;font-size:clamp(31px,4.2vw,46px);line-height:1.13;letter-spacing:-.065em}.hero-copy>p:not(.eyebrow){margin:13px 0 0;color:#777489;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:25px}.hero-primary,.hero-quiet{border:0;border-radius:16px;padding:12px 18px;background:#29283a;color:#fff;text-decoration:none;font-size:14px;font-weight:800;box-shadow:0 8px 18px rgba(37,35,58,.16)}.hero-primary span{font-size:20px;line-height:10px;margin-left:5px}.hero-quiet{background:#fff;color:#5c5870;box-shadow:inset 0 0 0 1px #e5e2ee}.hero-dots{display:flex;gap:8px;margin-top:29px}.hero-dots i{width:8px;height:8px;border-radius:50%;background:#d5d2dc}.hero-dots .active{background:var(--violet)}.hero-visual{position:absolute;z-index:1;right:55px;top:17px;width:370px;height:255px}.visual-phone{position:absolute;z-index:3;right:123px;top:7px;width:105px;height:216px;padding:10px;border:5px solid #515064;border-radius:24px;background:#fff;transform:rotate(11deg);box-shadow:0 20px 30px rgba(81,72,136,.24)}.visual-phone:before{content:"";display:block;width:35px;height:5px;margin:auto;border-radius:8px;background:#4c4b59}.visual-phone span{display:block;height:113px;margin-top:12px;border-radius:12px;background:linear-gradient(145deg,#d6ceff,#f6f3ff 55%,#bdafff)}.visual-phone b{display:block;width:58px;height:8px;margin:12px auto 0;border-radius:99px;background:#e8e3ff}.visual-phone i{display:block;width:42px;height:6px;margin:8px auto;border-radius:99px;background:#f1eff7}.visual-card{position:absolute;border-radius:18px;background:#ffffff99;border:1px solid #fff;box-shadow:0 15px 30px rgba(105,85,188,.11);transform:rotate(-12deg)}.visual-card.one{width:145px;height:92px;left:44px;top:52px;background:linear-gradient(130deg,#fff,#ded7ff)}.visual-card.two{width:165px;height:104px;right:12px;bottom:4px;transform:rotate(-4deg);background:linear-gradient(130deg,#fff,#e5e0ff)}.visual-chart{position:absolute;right:0;top:39px;display:flex;align-items:end;gap:9px;height:115px}.visual-chart i{display:block;width:18px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#c9bdff,#8f76f5)}.visual-chart i:nth-child(1){height:37px}.visual-chart i:nth-child(2){height:58px}.visual-chart i:nth-child(3){height:80px}.visual-chart i:nth-child(4){height:107px}.quick-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:720px;margin:26px auto 43px}.quick-item{border:0;background:transparent;color:var(--ink);display:grid;justify-items:center;gap:9px;font-size:13px;font-weight:750}.quick-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:24px;background:#f1efff;color:#3b3947;box-shadow:0 7px 14px rgba(63,49,125,.05)}.quick-icon svg{width:32px;height:32px}.quick-icon.purple{background:linear-gradient(145deg,#8a6dff,#6441e6);color:#fff;box-shadow:0 11px 20px rgba(109,75,237,.24)}.quick-icon.sky{background:#edf6fb}.quick-icon.mint{background:#edf8f3}.quick-item:hover .quick-icon{transform:translateY(-2px)}.tool-feed{padding-top:0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-title p{margin:0 0 3px;color:var(--violet);font-size:13px;font-weight:800}.section-title h2{margin:0;font-size:24px;letter-spacing:-.045em}.section-title>span{font-size:12px;color:#a39fae}.site-home .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.site-home .tool{min-height:244px;padding:21px;border:1px solid #eeeaf4;border-radius:24px;background:#fff;box-shadow:0 8px 24px rgba(69,52,135,.055)}.site-home .tool:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(69,52,135,.1)}.site-home .tool-icon{width:53px;height:53px;border-radius:18px;background:var(--lavender);color:var(--violet)}.site-home .tool h3{margin:16px 0 6px;font-size:20px;letter-spacing:-.04em}.site-home .tool p{font-size:14px;line-height:1.65}.site-home .tool-foot{padding-top:18px}.site-home .cost{font-size:13px;color:#827e91}.site-home .btn{border-radius:14px;background:var(--violet);box-shadow:none}.site-home .state{border-radius:999px;background:#f4f2f8;color:#898596}.site-home .state.ok{background:#eaf8f1;color:#248660}.site-home .empty{border:1px dashed #ddd7ef;border-radius:20px;background:#fff;padding:36px}.legal-footer{display:flex;justify-content:center;gap:20px;margin-top:54px;padding:24px 0;color:#9a97a8;font-size:12px}.legal-footer a{color:inherit;text-decoration:none}.mobile-nav{display:none}

/* 登录、注册、用户中心 */
.site-home .drawer{align-items:center;justify-content:center;padding:20px;background:rgba(41,35,78,.32);backdrop-filter:blur(8px)}.site-home .sheet{width:min(470px,100%);height:auto;max-height:min(760px,calc(100vh - 40px));padding:30px;border:1px solid #ece8f5;border-radius:30px;background:linear-gradient(155deg,#fff,#fbfaff);box-shadow:0 28px 80px rgba(45,34,98,.22)}.sheet-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--lavender);color:var(--violet);font-size:12px;font-weight:800}.site-home .sheet h2{margin:11px 0 3px;font-size:29px;letter-spacing:-.06em}.site-home .sheet>p{margin:0;color:var(--muted)}.site-home .close{float:right;width:34px;height:34px;padding:0;border-radius:50%;background:#f3f0fa;color:#625e71;font-size:25px;line-height:28px}.site-home .field{margin:17px 0}.site-home .field label{font-size:13px;color:#454156}.site-home .field input{border-color:#e7e2ef;border-radius:15px;background:#fff;padding:13px 14px;font-size:16px}.site-home .field input:focus{border-color:#b6a9ff;box-shadow:0 0 0 4px rgba(115,84,239,.11)}.site-home .row{gap:10px}.site-home .row .btn{padding:0 15px;white-space:nowrap}.site-home .btn{border-radius:15px;background:var(--violet);box-shadow:0 10px 20px rgba(115,84,239,.22)}.site-home .wide{padding:14px}.site-home .checks{border:1px solid #ebe6f5;border-radius:16px;background:#faf9ff}.site-home .checks label{font-size:12px;color:#635f72}.site-home .checks a,.site-home .link-btn{color:var(--violet)}.site-home .switch{display:flex;justify-content:space-between;gap:10px}.site-home .notice{border-radius:14px;background:#f1eeff;color:#5d51a0}.site-home .notice.error{background:#fff0f4;color:#aa4160}.site-home .center-tabs{gap:8px;border:0;margin:23px 0 18px;padding:0}.site-home .center-tab{border-radius:999px;background:#f4f2f8;color:#777286;padding:8px 12px}.site-home .center-tab.active{background:var(--violet);color:#fff}.site-home .account-summary{grid-template-columns:repeat(3,1fr);gap:10px}.site-home .account-summary div{border:1px solid #eeeaf5;border-radius:17px;background:#fbfaff}.site-home .account-summary small{font-size:12px}.site-home .account-summary b{font-size:14px;word-break:break-all}.site-home .history-card{border-radius:17px;border-color:#edeaf3}.site-home .history-image{border-radius:12px}.site-home .load-more{border-radius:14px;color:var(--violet)}

/* 管理后台：同一套柔和卡片与紫色动作 */
.site-admin{background:#faf9fe}.site-admin .top{height:70px;padding:0 max(22px,calc((100vw - 1320px)/2));background:rgba(255,255,255,.9);border-bottom:1px solid var(--line)}.site-admin .brand{font-size:17px;letter-spacing:-.04em}.site-admin .mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#987fff,var(--violet));box-shadow:none}.site-admin .top-right a{color:var(--violet)}.site-admin .workbench{grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 70px)}.site-admin aside{top:70px;height:calc(100vh - 70px);padding:22px 15px;background:#fff;border-right:1px solid var(--line)}.site-admin .nav-group{padding:16px 12px 6px;color:#aaa5b8;font-weight:700}.site-admin .nav{border-radius:13px;padding:10px 12px;color:#757086}.site-admin .nav:hover,.site-admin .nav.active{background:var(--lavender);color:var(--violet)}.site-admin main{max-width:1500px;padding:36px clamp(20px,4vw,50px) 70px}.site-admin .page-head{padding:24px 27px;border:1px solid #ece8f5;border-radius:23px;background:linear-gradient(120deg,#fff,#faf9ff);align-items:center}.site-admin h1{font-size:31px;letter-spacing:-.055em}.site-admin .role{border-radius:999px;background:var(--lavender);color:var(--violet)}.site-admin .cards{gap:16px}.site-admin .metric,.site-admin .section{border-color:#ebe8f1;border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(62,48,122,.055)}.site-admin .metric{padding:20px}.site-admin .metric strong{font-size:30px;color:var(--violet-dark)}.site-admin .section-head{padding:18px 20px}.site-admin .service-grid{gap:16px;padding:0;margin-top:18px}.site-admin .service{border-color:#ebe7f1;border-radius:19px;background:#fff;padding:19px;box-shadow:0 8px 24px rgba(62,48,122,.045)}.site-admin .btn{border-radius:12px;background:var(--violet);box-shadow:none}.site-admin .btn.secondary{background:#f1eff7;color:#575368}.site-admin .btn.danger{background:#fff0f4}.site-admin .input,.site-admin select{border-color:#e5e1ed;border-radius:12px}.site-admin .badge{border-radius:999px}.site-admin .table th{background:#faf9fe}.site-admin .modal-card{border-radius:24px}.site-admin .login{border-radius:28px}.site-admin .toast{background:#302a4b}

@media(max-width:780px){.site-home .topbar{height:62px;padding:0 16px;gap:0}.desktop-nav,.site-home .head-actions #headerUser,.site-home .head-actions #registerBtn{display:none}.site-home .head-actions{margin-left:auto}.site-home .text-action{font-size:12px}.site-home main{padding:16px 14px 92px}.search-shell{height:51px;border-radius:17px;padding-inline:16px;font-size:13px}.home-hero{min-height:275px;margin-top:16px;padding:30px 24px;border-radius:24px}.home-hero h1{font-size:31px}.hero-copy>p:not(.eyebrow){max-width:260px;font-size:13px}.hero-visual{right:-94px;top:16px;opacity:.72;transform:scale(.8)}.hero-actions{margin-top:18px}.hero-primary,.hero-quiet{border-radius:13px;padding:11px 13px;font-size:13px}.quick-tools{gap:11px;margin:20px auto 33px}.quick-icon{width:62px;height:62px;border-radius:19px}.quick-icon svg{width:27px;height:27px}.quick-item{font-size:12px;gap:7px}.section-title h2{font-size:21px}.site-home .grid{grid-template-columns:1fr;gap:12px}.site-home .tool{min-height:184px;border-radius:20px}.site-home .tool-icon{width:45px;height:45px;border-radius:15px}.site-home .tool h3{margin-top:12px}.legal-footer{margin-top:30px;padding-bottom:0;gap:12px;font-size:11px}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:72px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px 8px;background:rgba(255,255,255,.96);border-top:1px solid #ebe8f1;backdrop-filter:blur(14px)}.mobile-nav a,.mobile-nav button{border:0;background:transparent;color:#777285;display:grid;justify-items:center;gap:2px;font-size:10px;font-weight:700;text-decoration:none}.mobile-nav svg{width:22px;height:22px}.mobile-nav .active{color:var(--violet)}.mobile-nav .mobile-plus{width:52px;height:52px;margin-top:-25px;border-radius:18px;background:linear-gradient(145deg,#8c70ff,#6543e4);color:#fff;font-size:33px;line-height:38px;box-shadow:0 10px 20px rgba(105,71,228,.32)}.site-home .drawer{padding:12px;align-items:end}.site-home .sheet{border-radius:25px 25px 20px 20px;max-height:calc(100vh - 24px);padding:24px}.site-home .account-summary{grid-template-columns:1fr}.site-admin .workbench{grid-template-columns:1fr}.site-admin aside{top:70px;height:auto;padding:7px 10px;display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.site-admin .nav-group{display:none}.site-admin .nav{width:auto;white-space:nowrap}.site-admin main{padding:18px 14px 45px}.site-admin .page-head{padding:20px;border-radius:18px}.site-admin .cards,.site-admin .service-grid,.site-admin .form-grid{grid-template-columns:1fr}.site-admin .table{min-width:610px}}

/* 手机细节：窄屏不挤压，弹窗可单手操作，后台长内容可滑动查看。 */
@media(max-width:480px){
  .site-home .topbar{height:60px;padding:0 12px;padding-top:env(safe-area-inset-top)}
  .site-home .brand{font-size:15px;gap:7px;min-width:0}.site-home .brand-orb{width:26px;height:26px;border-radius:8px}.site-home .head-actions{gap:4px}.site-home .head-actions #adminBtn{display:none}.site-home .primary-small{padding:8px 13px}
  .site-home main{padding:14px 12px calc(96px + env(safe-area-inset-bottom))}.search-shell{height:49px;padding-inline:14px;border-radius:16px}.home-hero{min-height:290px;padding:27px 20px;border-radius:22px}.home-hero h1{max-width:265px;font-size:29px}.hero-copy>p:not(.eyebrow){max-width:235px}.hero-visual{right:-118px;top:22px;opacity:.5;transform:scale(.72)}.hero-actions{gap:8px;flex-wrap:wrap}.hero-primary,.hero-quiet{flex:1;justify-content:center;white-space:nowrap;padding:11px 8px}.hero-dots{margin-top:22px}
  .quick-tools{gap:7px;margin:18px auto 28px}.quick-icon{width:54px;height:54px;border-radius:17px}.quick-icon svg{width:24px;height:24px}.quick-item{gap:6px;font-size:10px;line-height:1.2}.quick-item b{font-weight:750}.section-title{align-items:center;margin-bottom:13px}.section-title>span{display:none}.section-title h2{font-size:20px}.site-home .tool{min-height:171px;padding:18px;border-radius:18px}.site-home .tool-foot{padding-top:13px}.site-home .tool h3{font-size:18px}.site-home .tool p{font-size:13px}.site-home .tool .btn{min-height:40px;padding-inline:13px}
  .site-home .drawer{padding:8px;align-items:end}.site-home .sheet{width:100%;max-height:calc(100dvh - 16px);padding:21px 18px calc(21px + env(safe-area-inset-bottom));border-radius:23px 23px 16px 16px}.site-home .sheet h2{font-size:26px}.site-home .row{flex-direction:column;align-items:stretch}.site-home .row .btn{min-height:44px;padding:0 14px}.site-home .switch{align-items:flex-start;flex-direction:column;gap:8px}.site-home .checks{padding:10px}.site-home .checks label{display:flex;align-items:flex-start;gap:3px}.site-home .checks input{flex:0 0 auto;margin-top:4px}.site-home .center-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.site-home .center-tab{white-space:nowrap}.site-home .toast{bottom:90px;max-width:calc(100% - 28px);text-align:center}
  .mobile-nav{height:calc(74px + env(safe-area-inset-bottom));padding:6px 7px env(safe-area-inset-bottom)}.mobile-nav .mobile-plus{width:50px;height:50px;margin-top:-23px}.legal-footer{flex-wrap:wrap;justify-content:flex-start;padding-bottom:0}
  .site-admin .top{height:58px;padding:0 12px;padding-top:env(safe-area-inset-top)}.site-admin .brand{gap:7px;font-size:14px;min-width:0}.site-admin .mark{width:27px;height:27px}.site-admin .top-right{gap:0}.site-admin .top-right a{font-size:12px;white-space:nowrap}.site-admin .brand-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-admin .workbench{min-height:calc(100dvh - 58px)}.site-admin aside{top:58px;padding:7px 8px;gap:4px;scroll-snap-type:x proximity}.site-admin .nav{scroll-snap-align:start;padding:9px 11px;font-size:13px}.site-admin main{padding:14px 12px calc(34px + env(safe-area-inset-bottom))}.site-admin .page-head{gap:12px;padding:17px}.site-admin h1{font-size:25px}.site-admin .role{font-size:11px}.site-admin .section{margin-top:12px;border-radius:17px}.site-admin .section-head{align-items:flex-start;flex-direction:column;padding:16px}.site-admin .toolbar{width:100%}.site-admin .toolbar .search{width:100%;min-width:0}.site-admin .toolbar .btn{flex:1}.site-admin .metric{padding:17px}.site-admin .metric strong{font-size:27px}.site-admin .table-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.site-admin .table-wrap::after{content:"左右滑动查看更多";position:sticky;left:0;display:block;width:max-content;margin:4px 12px 10px;padding:3px 7px;border-radius:999px;background:#f3f0ff;color:var(--violet);font-size:11px;font-weight:700}.site-admin .table{min-width:580px}.site-admin .table th,.site-admin .table td{padding:11px 13px}.site-admin .modal{padding:9px;align-items:end}.site-admin .modal-card{width:100%;max-height:calc(100dvh - 18px);border-radius:22px 22px 14px 14px}.site-admin .modal-head{padding:15px 17px}.site-admin .modal-body{padding:17px}.site-admin .input,.site-admin select{min-height:43px}.site-admin .btn{min-height:42px}
}
@media(max-width:360px){.site-home .brand-title{display:none}.site-home .head-actions .text-action{display:none}.site-home .head-actions #centerBtn{display:block}.site-home .home-hero h1{font-size:27px}.site-home .quick-icon{width:49px;height:49px}.site-admin .brand-title{font-size:0}.site-admin .brand-title::after{content:"管理后台";font-size:14px}.site-admin .top-right a{font-size:11px}.site-admin .page-head{padding:15px}.site-admin h1{font-size:23px}}

/* 扁平化统一层：纯色、细边框、清楚层级；不使用玻璃、高光、渐变或漂浮阴影。 */
:root{--flat-paper:#fff;--flat-page:#faf9fd;--flat-lav:#f1efff;--flat-line:#e3e0ec;--flat-ink:#25233a;--flat-muted:#737084}
.site-home,.site-admin{background:var(--flat-page)}.site-home *, .site-admin *{box-shadow:none!important}.site-home .topbar,.site-admin .top{background:#fff;backdrop-filter:none}.site-home .topbar{border-bottom-color:var(--flat-line)}
.brand-orb,.site-admin .mark{border-radius:7px;background:var(--violet)}.primary-small,.site-home .btn,.site-admin .btn,.mobile-nav .mobile-plus{background:var(--violet)!important;box-shadow:none}.primary-small{border-radius:7px}.site-home .btn.secondary,.site-admin .btn.secondary{background:#f4f3f8!important;color:#4f4b5d}.site-admin .btn.danger{background:#fff0f3!important}
.search-shell{border-color:var(--flat-line);border-radius:9px;background:#fff;box-shadow:none}.home-hero{min-height:258px;border:1px solid var(--flat-line);border-radius:12px;background:#f6f4ff;box-shadow:none}.home-hero::after{display:none}.hero-copy>p:not(.eyebrow){color:var(--flat-muted)}.hero-primary{border:1px solid var(--violet);border-radius:8px;background:var(--violet);box-shadow:none}.hero-quiet{border:1px solid var(--flat-line);border-radius:8px;background:#fff;box-shadow:none}.hero-dots i{border-radius:2px}.hero-dots .active{width:20px}
.hero-visual{right:38px;top:25px;opacity:1}.visual-phone{border:2px solid #615d72;border-radius:10px;transform:none;background:#fff;box-shadow:none}.visual-phone span{border-radius:5px;background:#e6e1ff}.visual-phone b,.visual-phone i{border-radius:2px}.visual-card{border:1px solid #dcd7ee;border-radius:8px;background:#eeeaff;box-shadow:none;transform:none}.visual-card.one{background:#eeeaff}.visual-card.two{background:#f4f2ff}.visual-chart i{border-radius:2px 2px 0 0;background:#a895ff}
.quick-icon{border:1px solid var(--flat-line);border-radius:10px;background:#f4f2ff;box-shadow:none}.quick-icon.purple{background:var(--violet)}.quick-icon.sky{background:#f2f7fa}.quick-icon.mint{background:#f1f8f4}.quick-item:hover .quick-icon,.site-home .tool:hover,.stage-tab:hover{transform:none}.site-home .tool{border-color:var(--flat-line);border-radius:10px;background:#fff;box-shadow:none}.site-home .tool:hover{background:#faf9fd;box-shadow:none}.site-home .tool-icon{border-radius:8px;background:var(--flat-lav)}.site-home .state,.site-home .center-tab,.site-admin .role,.site-admin .badge{border-radius:6px}.site-home .empty{border-radius:10px;background:#fff}
.site-home .drawer{background:rgba(31,28,48,.38);backdrop-filter:none}.site-home .sheet{border-color:var(--flat-line);border-radius:12px;background:#fff;box-shadow:none}.sheet-badge{border-radius:6px;background:var(--flat-lav)}.site-home .close{border-radius:6px}.site-home .field input,.site-home .checks,.site-home .notice,.site-home .history-card,.site-home .load-more{border-radius:7px;background:#fff}.site-home .field input:focus{box-shadow:0 0 0 2px #d8d0ff}.site-home .center-tab{border:1px solid #dedbe6;border-radius:6px;background:#fff}.site-home .center-tab.active{border-color:var(--violet);background:var(--violet)}.site-home .account-summary div{border-radius:7px;background:#faf9fd}.site-home .history-image{border-radius:5px}
.mobile-nav{background:#fff;backdrop-filter:none;border-top-color:var(--flat-line)}.mobile-nav .mobile-plus{border-radius:9px}.site-admin .workbench{background:var(--flat-page)}.site-admin aside{background:#fff;border-right-color:var(--flat-line)}.site-admin .nav{border-radius:6px}.site-admin .page-head,.site-admin .metric,.site-admin .section,.site-admin .service,.site-admin .login{border-color:var(--flat-line);border-radius:10px;background:#fff;box-shadow:none}.site-admin .page-head{background:#fff}.site-admin .service-grid{background:transparent;border:0}.site-admin .service{background:#fff}.site-admin .input,.site-admin select{border-radius:6px;background:#fff}.site-admin .modal{backdrop-filter:none}.site-admin .modal-card{border-radius:10px;box-shadow:none}.site-admin .toast{border-radius:6px}
@media(max-width:780px){.home-hero{border-radius:10px}.site-home .sheet{border-radius:12px 12px 0 0}.mobile-nav .mobile-plus{border-radius:9px}.site-admin .page-head,.site-admin .section{border-radius:9px}}
.quick-item{text-decoration:none}

/* 首页工具搜索 */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.search-shell input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--flat-ink);font:inherit}.search-shell input::placeholder{color:#9a96a8}.search-shell input::-webkit-search-cancel-button{display:none}.search-shell button{border:0;background:transparent;color:var(--violet);font-size:13px;font-weight:750;padding:8px;cursor:pointer}.search-shell:focus-within{border-color:#8e79ef;box-shadow:0 0 0 2px #ebe7ff!important}.search-shell svg{flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8}.site-home .tool-feed .empty{grid-column:1/-1}

/* apple-theme.css */
/* 少杰工具箱 Apple-inspired system: calm surfaces, precise spacing, purple signal. */
:root {
  --apple-bg: #f5f5f7;
  --apple-surface: rgba(255, 255, 255, .88);
  --apple-white: #fff;
  --apple-text: #1d1d1f;
  --apple-muted: #6e6e73;
  --apple-line: rgba(0, 0, 0, .08);
  --apple-line-strong: rgba(0, 0, 0, .13);
  --apple-purple: #6e5cf6;
  --apple-purple-dark: #5542df;
  --apple-purple-soft: #efedff;
  --apple-green: #16865f;
  --apple-red: #c6425d;
  --apple-shadow: 0 16px 44px rgba(24, 20, 48, .08);
  --apple-shadow-hover: 0 24px 58px rgba(38, 29, 83, .13);
  --apple-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif;
}

html { background: var(--apple-bg); }
body.site-home,
body.site-center,
body.site-simulator,
body.site-admin {
  background: var(--apple-bg);
  color: var(--apple-text);
  font-family: var(--apple-font);
  letter-spacing: -.015em;
  -webkit-font-smoothing: antialiased;
}

body.site-home::before,
body.site-admin::before { display: none; }

button, input, select, textarea { font-family: var(--apple-font); }
button, a { -webkit-tap-highlight-color: transparent; }

/* A persistent, plain-language exit for long tool flows. */
.home-shortcut {
  position: fixed;
  z-index: 25;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid var(--apple-line-strong);
  border-radius: 980px;
  background: rgba(255, 255, 255, .96);
  color: var(--apple-text);
  box-shadow: 0 8px 22px rgba(24, 20, 48, .12);
  font-size: 13px;
  font-weight: 680;
  line-height: 1;
  text-decoration: none;
  backdrop-filter: saturate(180%) blur(16px);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
}
.home-shortcut:hover { border-color: var(--apple-purple); color: var(--apple-purple); }
.home-shortcut svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Shared translucent navigation */
.site-home .topbar,
.site-center .topbar,
.site-simulator .topbar,
.site-admin .top {
  height: 64px;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .065);
  background: rgba(250, 250, 252, .78);
  box-shadow: none;
  backdrop-filter: saturate(180%) blur(22px);
  -webkit-backdrop-filter: saturate(180%) blur(22px);
}

.site-home .brand-orb,
.site-center .brand-mark,
.site-simulator .brand span,
.site-admin .mark {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 9px;
  background: var(--apple-purple);
  color: #fff;
  box-shadow: none;
}

.site-home .brand,
.site-center .brand,
.site-simulator .brand,
.site-admin .brand {
  color: var(--apple-text);
  font-weight: 720;
  letter-spacing: -.035em;
}

.site-home .desktop-nav a,
.site-home .text-action,
.site-center .top-actions a,
.site-center .top-actions button,
.site-simulator .topbar nav a,
.site-admin .top-right,
.site-admin .top-right a {
  color: var(--apple-muted);
  font-size: 13px;
  font-weight: 590;
}

.site-home .desktop-nav a:hover,
.site-home .text-action:hover,
.site-center .top-actions a:hover,
.site-center .top-actions button:hover,
.site-simulator .topbar nav a:hover,
.site-admin .top-right a:hover { color: var(--apple-purple); }

.site-home .primary-small,
.site-home .btn,
.site-home .hero-primary,
.site-center .primary,
.site-simulator .generate,
.site-simulator .result-actions a,
.site-admin .btn {
  border: 0;
  border-radius: 980px;
  background: var(--apple-purple);
  color: #fff;
  box-shadow: none;
  font-weight: 650;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.site-home .primary-small:hover,
.site-home .btn:hover,
.site-home .hero-primary:hover,
.site-center .primary:hover,
.site-simulator .generate:hover,
.site-simulator .result-actions a:hover,
.site-admin .btn:hover {
  background: var(--apple-purple-dark);
  transform: translateY(-1px);
}

/* Home */
.site-home main {
  width: min(1200px, 100%);
  padding: 26px 24px 86px;
}

.site-home .search-shell {
  min-height: 54px;
  margin: 0 auto 18px;
  padding: 0 18px;
  border: 1px solid var(--apple-line);
  border-radius: 17px;
  background: rgba(255, 255, 255, .88);
  color: var(--apple-muted);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .025);
}

.site-home .search-shell:focus-within {
  border-color: rgba(110, 92, 246, .45);
  box-shadow: 0 0 0 4px rgba(110, 92, 246, .09) !important;
}

.site-home .home-hero {
  min-height: 430px;
  padding: clamp(45px, 7vw, 82px);
  border: 1px solid rgba(110, 92, 246, .1);
  border-radius: 32px;
  background:
    radial-gradient(circle at 86% 22%, rgba(147, 130, 255, .19), transparent 30%),
    linear-gradient(145deg, #fff 0%, #faf9ff 58%, #f1efff 100%);
  box-shadow: var(--apple-shadow);
  overflow: hidden;
}

.site-home .home-hero::after {
  width: 360px;
  height: 360px;
  right: -120px;
  top: -165px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .55);
  filter: blur(1px);
}

.site-home .eyebrow {
  color: var(--apple-purple);
  font-size: 13px;
  font-weight: 680;
  letter-spacing: .02em;
}

.site-home .home-hero h1 {
  max-width: 700px;
  margin: 13px 0 18px;
  color: var(--apple-text);
  font-size: clamp(43px, 6vw, 72px);
  line-height: .99;
  letter-spacing: -.075em;
  font-weight: 730;
}

.site-home .hero-copy > p:not(.eyebrow) {
  max-width: 520px;
  color: var(--apple-muted);
  font-size: 18px;
  line-height: 1.55;
}

.site-home .hero-actions { margin-top: 30px; gap: 12px; }
.site-home .hero-primary { padding: 12px 20px; }
.site-home .hero-quiet {
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--apple-line-strong);
  border-radius: 980px;
  background: rgba(255, 255, 255, .72);
  color: var(--apple-text);
  font-weight: 620;
}
.site-home .hero-quiet:hover { background: #fff; }

.site-home .hero-visual {
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 28px;
  background: rgba(255, 255, 255, .38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
}

.site-home .visual-phone { border-radius: 25px; box-shadow: 0 18px 38px rgba(58, 44, 119, .14); }
.site-home .visual-card,
.site-home .visual-chart { border-radius: 16px; }

.site-home .quick-tools {
  gap: 12px;
  padding: 28px 0 34px;
}

.site-home .quick-item {
  min-height: 112px;
  padding: 15px 10px;
  border: 1px solid transparent;
  border-radius: 22px;
  background: transparent;
  color: var(--apple-text);
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.site-home .quick-item:hover {
  border-color: var(--apple-line);
  background: rgba(255, 255, 255, .76);
  transform: translateY(-2px);
}

.site-home .quick-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  box-shadow: none;
}
.site-home .quick-icon.purple { background: var(--apple-purple); }
.site-home .quick-item b { margin-top: 10px; font-size: 14px; font-weight: 620; }

.site-home .tool-feed {
  padding: clamp(28px, 4vw, 52px);
  border-radius: 30px;
  background: #fff;
  box-shadow: var(--apple-shadow);
}

.site-home .section-title { margin-bottom: 24px; }
.site-home .section-title p { color: var(--apple-purple); font-weight: 680; }
.site-home .section-title h2 { font-size: clamp(28px, 4vw, 42px); letter-spacing: -.055em; }

.site-home .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  border: 0;
  background: transparent;
}

.site-home .tool {
  min-height: 240px;
  padding: 24px;
  border: 1px solid var(--apple-line);
  border-radius: 23px;
  background: #fafafa;
  box-shadow: none;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.site-home .tool:hover {
  border-color: rgba(110, 92, 246, .22);
  background: #fff;
  box-shadow: var(--apple-shadow-hover);
  transform: translateY(-3px);
}

.site-home .tool-icon { width: 44px; height: 44px; border-radius: 14px; background: var(--apple-purple-soft); color: var(--apple-purple); }
.site-home .state { border-radius: 980px; background: #ececef; color: var(--apple-muted); }
.site-home .state.ok { background: #e7f6ef; color: var(--apple-green); }
.site-home .tool h3 { color: var(--apple-text); font-size: 22px; font-weight: 680; }
.site-home .tool p { color: var(--apple-muted); }
.site-home .cost b { color: var(--apple-purple); }
.site-home .legal-footer { justify-content: center; margin-top: 34px; }

/* Login and registration sheet */
.site-home .drawer {
  background: rgba(25, 23, 34, .3);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.site-home .sheet {
  width: min(470px, 100%);
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 30px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 30px 90px rgba(18, 16, 33, .22);
}
.site-home .sheet-badge { color: var(--apple-purple); font-weight: 650; }
.site-home .sheet h2 { color: var(--apple-text); font-size: 34px; font-weight: 720; }
.site-home .close { width: 34px; height: 34px; border-radius: 50%; background: #ececef; color: #6e6e73; }
.site-home .field input {
  min-height: 50px;
  border: 1px solid var(--apple-line-strong);
  border-radius: 13px;
  background: rgba(255, 255, 255, .86);
}
.site-home .field input:focus { border-color: var(--apple-purple); box-shadow: 0 0 0 4px rgba(110, 92, 246, .1); }
.site-home .checks { border: 0; border-radius: 15px; background: #f1f1f3; }
.site-home .notice, .site-home .success { border-radius: 13px; }

/* User center */
.site-center .layout { width: min(1200px, 100%); grid-template-columns: 220px minmax(0, 1fr); }
.site-center .sidebar { padding-top: 34px; border-color: var(--apple-line); }
.site-center .sidebar a { margin: 2px 0; border-radius: 12px; color: var(--apple-muted); font-weight: 590; }
.site-center .sidebar a:hover,
.site-center .sidebar a.active { background: var(--apple-purple-soft); color: var(--apple-purple); }
.site-center main { padding: 48px 24px 80px 48px; }
.site-center .page-head { border: 0; }
.site-center .page-head > p { color: var(--apple-purple); }
.site-center .page-head h1 { color: var(--apple-text); font-size: 42px; font-weight: 720; }
.site-center .page-head > span { color: var(--apple-muted); }
.site-center .page-panel {
  padding: 28px;
  border: 1px solid var(--apple-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--apple-shadow);
}
.site-center .summary-grid { gap: 12px; border: 0; background: transparent; }
.site-center .summary-grid article { border-radius: 18px; background: #f5f5f7; }
.site-center .summary-grid strong { color: var(--apple-text); }
.site-center .summary-grid a,
.site-center .balance strong { color: var(--apple-purple); }
.site-center .secondary,
.site-center .load-more { border-color: var(--apple-line-strong); border-radius: 980px; background: #fff; }
.site-center .field input { border-color: var(--apple-line-strong); border-radius: 13px; }
.site-center .field input:focus { border-color: var(--apple-purple); box-shadow: 0 0 0 4px rgba(110, 92, 246, .1); }
.site-center .notice { border-color: rgba(110, 92, 246, .16); border-radius: 14px; background: var(--apple-purple-soft); }
.site-center .work-card { border-color: var(--apple-line); border-radius: 18px; }
.site-center .work-card img { background: #f0f0f2; }

/* Simulators */
.site-simulator main { width: min(1200px, 100%); padding: 58px 24px 96px; }
.site-simulator .intro > p { color: var(--apple-purple); font-weight: 680; }
.site-simulator .intro h1 { color: var(--apple-text); font-size: clamp(40px, 5.5vw, 64px); font-weight: 720; letter-spacing: -.07em; }
.site-simulator .steps {
  padding: 15px 18px;
  border: 1px solid var(--apple-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 4px 20px rgba(24, 20, 48, .04);
}
.site-simulator .steps b { border-radius: 50%; }
.site-simulator .steps span.active { color: var(--apple-purple); }
.site-simulator .steps span.active b { background: var(--apple-purple); }
.site-simulator .workspace { gap: 18px; }
.site-simulator .photo-panel,
.site-simulator .settings-panel,
.site-simulator .generation-state,
.site-simulator .result {
  border: 1px solid var(--apple-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--apple-shadow);
  overflow: hidden;
}
.site-simulator .photo-panel { top: 82px; padding: 25px; }
.site-simulator .settings-panel { padding: 0 26px; }
.site-simulator .panel-heading > span { border-radius: 50%; background: var(--apple-purple-soft); color: var(--apple-purple); }
.site-simulator .panel-heading h2 { color: var(--apple-text); font-weight: 680; }
.site-simulator .panel-heading p { color: var(--apple-muted); }
.site-simulator .setting-block { border-color: var(--apple-line); }
.site-simulator .upload {
  border: 1.5px dashed rgba(110, 92, 246, .34);
  border-radius: 18px;
  background: #faf9ff;
  color: var(--apple-purple);
}
.site-simulator .upload:hover { background: var(--apple-purple-soft); }
.site-simulator .photo-wrap { border-radius: 17px; }
.site-simulator .eye-box { border-color: var(--apple-purple); background: rgba(110, 92, 246, .09); }
.site-simulator .eye-box span,
.site-simulator .eye-box button { background: var(--apple-purple); }
.site-simulator .quiet { border-color: var(--apple-line-strong); border-radius: 980px; }
.site-simulator .issue-grid label span,
.site-simulator .choice-row label span {
  border-color: var(--apple-line);
  border-radius: 13px;
  background: #fafafa;
}
.site-simulator .issue-grid label input:checked + span,
.site-simulator .choice-row input:checked + span {
  border-color: rgba(110, 92, 246, .55);
  background: var(--apple-purple-soft);
  color: var(--apple-purple);
  box-shadow: 0 0 0 1px rgba(110, 92, 246, .08);
}
.site-simulator .line-field select { border-color: var(--apple-line-strong); border-radius: 13px; }
.site-simulator .cost-line { padding: 13px 15px; border-radius: 13px; background: #f5f5f7; }
.site-simulator .cost-line strong { color: var(--apple-purple); }
.site-simulator .confirm input,
.site-simulator .permission input { accent-color: var(--apple-purple); }
.site-simulator .generate { min-height: 50px; }
.site-simulator .generate:disabled { background: #b9b7c4; }
.site-simulator .spinner { border-color: #e6e3fa; border-top-color: var(--apple-purple); }
.site-simulator .result { padding: 28px; }
.site-simulator .result-head p,
.site-simulator .result-head a { color: var(--apple-purple); }
.site-simulator .compare figure { border-radius: 17px; overflow: hidden; background: #f0f0f2; }
.site-simulator .result-actions button { border-color: var(--apple-purple); border-radius: 980px; color: var(--apple-purple); }
.site-simulator .toast { border-radius: 980px; background: rgba(38, 35, 52, .92); backdrop-filter: blur(16px); }

/* Admin workbench */
.site-admin .workbench { grid-template-columns: 238px minmax(0, 1fr); background: var(--apple-bg); }
.site-admin aside {
  top: 64px;
  height: calc(100vh - 64px);
  padding: 24px 14px;
  border-color: var(--apple-line);
  background: rgba(249, 249, 251, .82);
  backdrop-filter: blur(18px);
}
.site-admin .nav-group { color: #929297; font-size: 11px; font-weight: 650; }
.site-admin .nav { border-radius: 12px; color: var(--apple-muted); font-weight: 590; }
.site-admin .nav:hover,
.site-admin .nav.active { background: var(--apple-purple-soft); color: var(--apple-purple); }
.site-admin main { width: 100%; min-width: 0; max-width: 1500px; padding: 42px clamp(24px, 4vw, 58px) 80px; }
.site-admin .page-head {
  padding: 0 0 24px;
  border: 0;
  border-bottom: 1px solid var(--apple-line);
  border-radius: 0;
  background: transparent;
}
.site-admin h1 { color: var(--apple-text); font-size: 38px; font-weight: 720; }
.site-admin p { color: var(--apple-muted); }
.site-admin .role { border-radius: 980px; background: var(--apple-purple-soft); color: var(--apple-purple); }
.site-admin .cards { gap: 14px; }
.site-admin .metric,
.site-admin .section,
.site-admin .service,
.site-admin .login {
  border: 1px solid var(--apple-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 30px rgba(24, 20, 48, .055);
}
.site-admin .metric { padding: 21px; }
.site-admin .metric strong { color: var(--apple-text); }
.site-admin .section { margin-top: 18px; }
.site-admin .section-head { border-color: var(--apple-line); }
.site-admin .table th { background: #f5f5f7; color: var(--apple-muted); }
.site-admin .table td,
.site-admin .table th { border-color: var(--apple-line); }
.site-admin .service-grid { gap: 14px; border: 0; background: transparent; }
.site-admin .service { padding: 20px; }
.site-admin .badge { border-radius: 980px; }
.site-admin .btn.secondary { background: #ededf0; color: var(--apple-text); }
.site-admin .btn.danger { background: #fff0f3; color: var(--apple-red); }
.site-admin .input,
.site-admin select { border-color: var(--apple-line-strong); border-radius: 11px; }
.site-admin .input:focus,
.site-admin select:focus { border-color: var(--apple-purple); box-shadow: 0 0 0 4px rgba(110, 92, 246, .1); }
.site-admin .modal { background: rgba(25, 23, 34, .3); backdrop-filter: blur(16px); }
.site-admin .modal-card { border: 1px solid rgba(255, 255, 255, .7); border-radius: 24px; box-shadow: 0 30px 90px rgba(18, 16, 33, .22); }
.site-admin .modal-head { border-color: var(--apple-line); }
.site-admin .close { border-radius: 980px; background: #ededf0; }
.site-admin .toast { border-radius: 980px; background: rgba(38, 35, 52, .92); }

/* Legal pages retain long-form readability, with the same system palette. */
body:not(.site-home):not(.site-center):not(.site-simulator):not(.site-admin) {
  background: var(--apple-bg);
  color: var(--apple-text);
  font-family: var(--apple-font);
}

@media (max-width: 900px) {
  .site-home main { padding: 18px 16px 100px; }
  .site-home .home-hero { grid-template-columns: 1fr; min-height: auto; }
  .site-home .hero-visual { min-height: 260px; }
  .site-home .grid { grid-template-columns: 1fr; }
  .site-center .layout { display: block; }
  .site-center main { padding: 28px 18px 70px; }
  .site-admin .workbench { grid-template-columns: 1fr; }
  .site-admin aside { top: 64px; width: 100%; max-width: 100vw; height: auto; background: rgba(249, 249, 251, .92); }
  .site-admin main { max-width: 100vw; overflow: hidden; }
  .site-admin .panel,
  .site-admin .section,
  .site-admin .cards { min-width: 0; max-width: 100%; }
}

@media (max-width: 620px) {
  .home-shortcut { right: 12px; bottom: max(14px, env(safe-area-inset-bottom)); min-height: 40px; padding-inline: 13px; }
  .site-home .topbar,
  .site-center .topbar,
  .site-simulator .topbar,
  .site-admin .top { height: 58px; }

  .site-home .brand-title,
  .site-admin .brand-title { max-width: 124px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .site-home main { padding-inline: 12px; }
  .site-home .search-shell { min-height: 50px; border-radius: 15px; }
  .site-home .home-hero { padding: 36px 24px 32px; border-radius: 25px; }
  .site-home .home-hero h1 { font-size: 42px; }
  .site-home .hero-copy > p:not(.eyebrow) { font-size: 16px; }
  .site-home .hero-visual { display: none; }
  .site-home .quick-tools { gap: 4px; }
  .site-home .quick-item { min-height: 96px; padding-inline: 3px; border-radius: 16px; }
  .site-home .quick-icon { width: 49px; height: 49px; border-radius: 15px; }
  .site-home .quick-item b { font-size: 12px; }
  .site-home .tool-feed { padding: 28px 18px; border-radius: 25px; }
  .site-home .tool { min-height: 220px; padding: 20px; border-radius: 19px; }
  .site-home .sheet { padding: 28px 20px calc(24px + env(safe-area-inset-bottom)); border-radius: 26px 26px 0 0; }

  .site-center .page-head h1 { font-size: 34px; }
  .site-center .page-panel { padding: 18px; border-radius: 20px; }
  .site-center .summary-grid article { border-radius: 15px; }

  .site-simulator main { padding: 34px 12px 74px; }
  .site-simulator .intro h1 { font-size: 39px; }
  .site-simulator .steps { border-radius: 15px; }
  .site-simulator .photo-panel,
  .site-simulator .settings-panel,
  .site-simulator .generation-state,
  .site-simulator .result { border-radius: 20px; }
  .site-simulator .photo-panel { padding: 18px; }
  .site-simulator .settings-panel { padding-inline: 17px; }
  .site-simulator .upload { border-radius: 16px; }

  .site-admin main { padding: 26px 14px 70px; }
  .site-admin h1 { font-size: 31px; }
  .site-admin .page-head { align-items: flex-start; }
  .site-admin .metric,
  .site-admin .section,
  .site-admin .service { border-radius: 17px; }
  .site-admin .modal-card { border-radius: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* mobile.css */
/* Shared mobile finish: safe areas, touch targets and compact single-column flows. */
@media (max-width: 720px) {
  html {
    max-width: 100%;
    overflow-x: clip;
    scroll-padding-top: calc(70px + env(safe-area-inset-top));
  }

  body {
    min-width: 0;
    max-width: 100%;
    overflow-x: clip;
  }

  main,
  header,
  footer,
  section,
  article,
  aside,
  form,
  fieldset,
  .workspace,
  .studio-grid,
  .composer-grid,
  .radar-layout,
  .layout,
  .workbench {
    min-width: 0;
    max-width: 100%;
  }

  img,
  video,
  canvas {
    max-width: 100%;
  }

  button,
  a,
  input,
  select,
  textarea {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea {
    min-width: 0;
    max-width: 100%;
    font-size: 16px !important;
  }

  textarea,
  p,
  h1,
  h2,
  h3 {
    overflow-wrap: anywhere;
  }

  :where(button, .btn, .primary, .secondary, .quiet, .generate, .generate-button, .primary-button, .ghost-button, .search-button, .upload-button) {
    min-height: 44px;
  }

  :focus-visible {
    outline: 3px solid rgba(110, 92, 246, .3);
    outline-offset: 2px;
  }

  .topbar,
  .studio-header,
  .moments-header,
  .radar-header,
  .site-admin .top,
  .top {
    padding-left: max(13px, env(safe-area-inset-left));
    padding-right: max(13px, env(safe-area-inset-right));
  }

  .brand,
  .studio-brand,
  .radar-brand,
  .site-home .brand,
  .site-center .brand,
  .site-simulator .brand,
  .site-admin .brand {
    min-width: 0;
    flex: 0 1 auto;
    white-space: nowrap;
  }

  .topbar nav,
  .studio-header nav,
  .moments-header nav,
  .radar-header nav,
  .top-actions,
  .head-actions {
    min-width: 0;
    white-space: nowrap;
  }

  .home-shortcut {
    width: 46px;
    min-height: 46px;
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
    justify-content: center;
    padding: 0;
  }

  .home-shortcut span { display: none; }
  .home-shortcut svg { width: 19px; height: 19px; }

  /* Homepage and bottom navigation. */
  .site-home .home-hero h1 {
    font-size: clamp(33px, 9.2vw, 36px);
    line-height: 1.03;
    letter-spacing: -.06em;
  }

  .site-home .home-hero h1 br { display: none; }
  .site-home .home-hero h1 span { display: block; white-space: nowrap; }
  .site-home .hero-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .site-home .hero-actions > * { min-height: 46px; justify-content: center; text-align: center; }
  .site-home .quick-tools { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .site-home .mobile-nav {
    height: calc(72px + env(safe-area-inset-bottom));
    padding-bottom: max(6px, env(safe-area-inset-bottom));
  }

  .site-home .drawer {
    padding: max(8px, env(safe-area-inset-top)) 8px 0;
    overscroll-behavior: contain;
  }

  .site-home .sheet {
    width: 100%;
    max-height: calc(100dvh - max(8px, env(safe-area-inset-top)));
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .site-home .close { width: 42px; height: 42px; }

  /* Text workflow pages. */
  .radar-shell,
  .studio-shell,
  .moments-header + main,
  .topbar + main {
    padding-bottom: calc(74px + env(safe-area-inset-bottom));
  }

  .search-card,
  .results-panel,
  .side-card,
  .brief-panel,
  .canvas-panel,
  .history-panel,
  .brief-card,
  .draft-card,
  .utility-card,
  .card {
    min-width: 0;
    max-width: 100%;
  }

  .platform-choice { flex-wrap: wrap; align-items: center; }
  .platform-choice legend { flex-basis: 100%; }
  .result-actions > *,
  .draft-actions > *,
  .actions > *,
  .asset-actions > * { min-height: 44px; }

  .draft-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .draft-actions > * { width: 100%; }

  .moments-header + main .variant-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .moments-header + main .variant-tabs button {
    min-width: 0;
    min-height: 58px;
    padding: 9px 8px;
  }

  .moments-header + main .variant-tabs small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Transformation timeline and image review. */
  .stage-line {
    scroll-snap-type: x proximity;
    scroll-padding-inline: 14px;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .stage-line button { scroll-snap-align: start; }

  /* User center and administrator navigation stay reachable with one-thumb scrolling. */
  .site-center .sidebar,
  .site-admin aside {
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .site-center .sidebar a,
  .site-admin .nav { scroll-snap-align: start; }

  .site-admin .table-wrap {
    max-width: 100%;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .site-admin .modal { padding: max(8px, env(safe-area-inset-top)) 8px 0; align-items: flex-end; }
  .site-admin .modal-card {
    width: 100%;
    max-height: calc(100dvh - max(8px, env(safe-area-inset-top)));
    border-radius: 22px 22px 0 0;
    overscroll-behavior: contain;
  }
}

@media (max-width: 480px) {
  .site-home .home-hero { padding: 30px 20px 28px; }
  .site-home .hero-copy > p:not(.eyebrow) { font-size: 15px; }
  .site-home .tool-feed { padding: 24px 16px; }

  .radar-intro h1,
  .studio-title h1,
  .moments-header + main .intro h1,
  .topbar + main .intro h1 {
    text-wrap: balance;
  }

  .moments-header + main .intro h1 { font-size: 2.25rem; }
  .moments-header + main fieldset { gap: 8px; }

  .transformation-page .compare { grid-template-columns: 1fr; }
  .transformation-page .compare img { height: auto; aspect-ratio: 1 / 1; }
  .transformation-page .result-actions { grid-template-columns: 1fr; }

  .site-admin .section-head { align-items: stretch; flex-direction: column; }
  .site-admin .toolbar > * { flex: 1 1 100%; }
  .site-admin .search { width: 100%; min-width: 0; }
}

@media (max-width: 374px) {
  .site-simulator .topbar nav a:nth-child(2),
  .site-viral-video .topbar nav a:nth-child(2) { display: none; }

  .site-home .home-hero h1 { font-size: 32px; }
  .site-home .home-hero { padding-inline: 18px; }
  .site-home .hero-actions { grid-template-columns: 1fr; }
  .site-home .hero-actions > * { width: 100%; }
  .site-home .quick-item b { font-size: 11px; }

  .draft-actions { grid-template-columns: 1fr; }
  .site-admin .brand-title { max-width: 98px; }
}

@media (max-height: 700px) and (max-width: 720px) {
  .site-home .sheet { padding-top: 20px; }
  .site-home .sheet h2 { margin-block: 8px 4px; font-size: 30px; }
  .site-home .field { margin-bottom: 12px; }
}

/* prototype-ui.css */
:root{--prototype-purple:#805de8;--prototype-purple-deep:#6840d5;--prototype-soft:#f7f3ff;--prototype-line:#e9e5ee;--prototype-ink:#171522;--prototype-muted:#6f6a79}
.prototype-ui{background:#fff;color:var(--prototype-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.prototype-ui .prototype-home-main{width:min(1040px,100%);padding:24px 20px 110px}
.prototype-ui .search-shell{height:48px;border:1px solid #e8e2ef;border-radius:17px;background:#faf8fd;box-shadow:none}
.prototype-ui .home-hero{position:relative;display:block;min-height:260px;margin-top:16px;padding:0;overflow:hidden;border:0;border-radius:24px;background:#f4efff url('/toolbox/prototype-consultant-banner.jpg') right center/auto 100% no-repeat;box-shadow:none}
.prototype-ui .home-hero::after{display:none}
.prototype-ui .hero-slide{display:none;position:absolute;inset:0;padding:48px 44% 36px 42px;background:linear-gradient(90deg,rgba(248,244,255,.98) 0%,rgba(248,244,255,.9) 48%,rgba(248,244,255,0) 70%)}
.prototype-ui .hero-slide.active{display:block;animation:prototypeFade .28s ease}
@keyframes prototypeFade{from{opacity:.2;transform:translateX(8px)}to{opacity:1;transform:none}}
.prototype-ui .home-hero .eyebrow{margin:0 0 8px;color:var(--prototype-purple-deep);font-size:12px;font-weight:650;letter-spacing:0;text-transform:none}
.prototype-ui .home-hero .eyebrow::before{display:none}
.prototype-ui .home-hero h1{max-width:470px;margin:0;color:#11101a;font-size:38px;font-weight:620;line-height:1.18;letter-spacing:-.055em}
.prototype-ui .hero-copy>p:not(.eyebrow){max-width:420px;margin:10px 0 0;color:#585366;font-size:14px}
.prototype-ui .hero-actions{margin-top:22px}
.prototype-ui .hero-primary{min-height:42px;padding:10px 18px;border:0;border-radius:999px;background:var(--prototype-purple);box-shadow:none;font-size:14px}
.prototype-ui .hero-dots{position:absolute;z-index:4;left:50%;bottom:11px;display:flex;gap:7px;margin:0;transform:translateX(-50%)}
.prototype-ui .hero-dots button{width:6px;height:6px;min-height:6px!important;padding:0;border:0;border-radius:50%;background:#ded6f2}
.prototype-ui .hero-dots button.active{background:var(--prototype-purple)}
.prototype-ui .quick-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:600px;margin:22px auto 10px}
.prototype-ui .quick-item{position:relative;display:grid;justify-items:center;gap:7px;border:0;background:transparent;color:#2b2733;text-decoration:none}
.prototype-ui .quick-icon{width:64px;height:64px;border:0;border-radius:20px;background:#f8f5ff;color:var(--prototype-purple);box-shadow:0 7px 18px rgba(95,70,170,.05)}
.prototype-ui .quick-icon.purple{background:linear-gradient(145deg,#906ce9,#7450dc);color:#fff}
.prototype-ui .quick-icon svg,.prototype-ui .service-links svg,.prototype-ui .feed-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.prototype-ui .quick-item b{margin:0;font-size:14px;font-weight:500}
.prototype-ui .quick-item small{position:absolute;top:-4px;right:calc(50% - 36px);padding:1px 4px;border-radius:5px;background:#f13d70;color:#fff;font-size:8px}
.prototype-ui .carousel-progress{display:flex;justify-content:center;gap:5px;height:24px;align-items:center}
.prototype-ui .carousel-progress i{width:15px;height:3px;border-radius:99px;background:#4c4a50}.prototype-ui .carousel-progress i:last-child{width:6px;background:#e2dfe7}
.prototype-ui .service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 24px}
.prototype-ui .service-links a,.prototype-ui .service-links button{min-height:56px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;background:#f8f5ff;color:#463b67;text-decoration:none;font-size:14px}
.prototype-ui .service-links svg{width:21px;height:21px;color:#68606f}
.prototype-ui .discovery-head{margin-top:12px}
.prototype-ui .discovery-head>div{display:flex;align-items:center;justify-content:space-between;color:#5f5a67;font-size:14px}
.prototype-ui .discovery-head>div button{min-height:38px;padding:0 15px;border:1px solid #dbcaf8;border-radius:999px;background:#fbf8ff;color:var(--prototype-purple-deep);font-size:13px;font-weight:650}
.prototype-ui .feed-tabs{display:flex;align-items:center;gap:26px;margin-top:18px;border-bottom:1px solid var(--prototype-line)}
.prototype-ui .feed-tabs>button:not(.feed-icon){min-height:42px;padding:0;border:0;border-bottom:2px solid transparent;background:none;color:#504b59;font-size:14px}
.prototype-ui .feed-tabs>button.active{border-bottom-color:var(--prototype-purple);color:var(--prototype-purple);font-weight:650}
.prototype-ui .feed-tabs>span{flex:1}
.prototype-ui .feed-icon{width:34px;min-height:38px;padding:0;border:0;background:transparent;color:#6b6672}
.prototype-ui .feed-icon svg{width:20px;height:20px}
.prototype-ui .filter-strip{display:flex;gap:8px;padding:11px 0}
.prototype-ui .filter-strip button{min-height:34px;padding:0 14px;border:1px solid #e1d9f1;border-radius:999px;background:#fff;color:#615b6c}
.prototype-ui .tool-feed{padding:28px 0 0;background:transparent;border-radius:0}
.prototype-ui .section-title{align-items:end;margin-bottom:12px}
.prototype-ui .section-title p{margin:0;color:var(--prototype-purple);font-size:12px;font-weight:650}
.prototype-ui .section-title h2{margin:3px 0 0;font-size:25px;font-weight:650;letter-spacing:-.035em}
.prototype-ui .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--prototype-line);background:transparent}
.prototype-ui .tool{display:grid;grid-template-columns:116px minmax(0,1fr);gap:16px;min-height:164px;padding:18px 0;border:0;border-bottom:1px solid var(--prototype-line);border-radius:0;background:#fff;box-shadow:none}
.prototype-ui .tool:nth-child(odd){padding-right:20px}.prototype-ui .tool:nth-child(even){padding-left:20px;border-left:1px solid var(--prototype-line)}
.prototype-ui .tool:hover{transform:none;box-shadow:none}
.prototype-ui .tool-thumb{display:grid;place-items:center;align-content:center;gap:7px;border-radius:14px;background:#eee9e4;color:#6c6570;font-size:10px}
.prototype-ui .tool-thumb .tool-icon{width:46px;height:46px;border-radius:14px;background:#fff;color:var(--prototype-purple)}
.prototype-ui .tool-summary{display:flex;min-width:0;flex-direction:column}
.prototype-ui .tool-top{display:flex;align-items:center;justify-content:space-between}.prototype-ui .tool-save{min-width:36px;min-height:36px;border:0;background:none;color:#716b78;font-size:22px}.prototype-ui .tool-save.saved{color:var(--prototype-purple)}
.prototype-ui .state{padding:3px 7px;border-radius:5px;background:#f2eef9;color:#6f6281;font-size:10px}.prototype-ui .state.ok{background:#eaf7f1;color:#2d805f}
.prototype-ui .tool h3{margin:6px 0 4px;font-size:18px;font-weight:700;letter-spacing:-.025em}.prototype-ui .tool p{display:-webkit-box;margin:0;overflow:hidden;color:#625d68;font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.prototype-ui .tool-tags{display:flex;gap:5px;margin-top:7px}.prototype-ui .tool-tags span{padding:2px 6px;border-radius:4px;background:#f5f1fc;color:#6e6180;font-size:9px}
.prototype-ui .tool-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.prototype-ui .cost{color:#77717e;font-size:10px}.prototype-ui .tool .btn{min-height:34px;padding:7px 11px;border-radius:7px;background:var(--prototype-purple)!important;font-size:11px}
.prototype-ui .legal-footer{justify-content:center}
.prototype-ui .prototype-toast{position:fixed;z-index:80;left:50%;bottom:92px;max-width:calc(100% - 32px);padding:10px 16px;border-radius:999px;background:rgba(28,25,36,.92);color:#fff;font-size:13px;transform:translateX(-50%)}
.prototype-shell-page .prototype-bottom-nav{display:none}
.prototype-shell-page .prototype-toast{position:fixed;z-index:80;left:50%;bottom:92px;max-width:calc(100% - 32px);padding:10px 16px;border-radius:999px;background:rgba(28,25,36,.92);color:#fff;font-size:13px;transform:translateX(-50%)}
.beauty-lab{margin:0;background:#fff!important;color:var(--prototype-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.beauty-lab *{box-sizing:border-box}.beauty-lab-main{width:min(860px,100%);margin:auto;padding:38px 24px 110px}
.beauty-title{display:flex;align-items:center;gap:14px}.beauty-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:var(--prototype-purple);color:#fff}.beauty-mark svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.beauty-title p{margin:0 0 3px;color:#4f495a;font-size:13px}.beauty-title h1{margin:0;font-size:31px;line-height:1}.beauty-title>button{width:32px;height:32px;margin-left:auto;border:2px solid #716c77;border-radius:50%;background:#fff;color:#5f5a66;font-size:17px;font-weight:700}.beauty-lead{margin:28px 0 14px;color:#595461;font-size:14px}
.beauty-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.beauty-choices article{position:relative;min-height:250px;padding:24px 20px;border:1px solid var(--prototype-line);border-radius:19px;background:#fcfbff}.beauty-choices .choice-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff;color:var(--prototype-purple);font-size:22px}.beauty-choices article>b{position:absolute;top:38px;right:18px;color:var(--prototype-purple-deep);font-size:22px;font-weight:500}.beauty-choices h2{margin:17px 0 5px;font-size:22px}.beauty-choices p{margin:0 0 14px;color:#5e5966;font-size:13px}.beauty-choices article>div{display:flex;gap:6px}.beauty-choices article>div a{padding:5px 8px;border:1px solid var(--prototype-line);border-radius:7px;background:#fff;color:#25222b;text-decoration:none;font-size:12px}.choice-enter{position:absolute;right:20px;bottom:18px;left:20px;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--prototype-line);color:var(--prototype-purple);text-decoration:none;font-size:13px}.beauty-tip{margin:16px 0 36px;color:#5c5663;font-size:13px}
.beauty-history>div:first-child{display:flex;align-items:end;justify-content:space-between}.beauty-history h2{margin:0;font-size:24px}.beauty-history>div p{margin:5px 0 0;color:#6e6975}.beauty-history>div a{color:var(--prototype-purple);text-decoration:none;font-size:13px}.beauty-history>p{color:#746e7b;font-size:13px}.beauty-history nav{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.beauty-history nav a{padding:8px 13px;border-radius:8px;background:#faf8fc;color:#514b59;text-decoration:none;font-size:12px}.beauty-history nav a.active{border:1px solid #dccffa;background:#f7f2ff;color:var(--prototype-purple)}.beauty-samples{display:grid;grid-template-columns:1fr 1fr;gap:14px}.beauty-samples a{min-height:130px;padding:12px;border-top:3px solid #807d82;border-radius:13px;background:#f4efff;color:#3e374a;text-decoration:none}.beauty-samples span{padding:4px 7px;border-radius:5px;background:#fff;font-size:11px}.beauty-samples b{display:block;margin-top:56px;font-size:13px}
.prototype-moments-tabs{display:none}
.prototype-moments-actions .small b{white-space:nowrap;flex-shrink:0}
.prototype-moments-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 28px}
.prototype-moments-actions>a,.prototype-moments-actions>button{display:flex;align-items:center;gap:10px;min-height:74px;padding:14px;border:1px solid var(--prototype-line);border-radius:14px;background:#fff;color:var(--prototype-ink);text-decoration:none;text-align:left;font:inherit}
.prototype-moments-actions b,.prototype-moments-actions small{display:block}.prototype-moments-actions b{font-size:14px}.prototype-moments-actions small{color:var(--prototype-muted);font-size:12px}.prototype-moments-actions>*>span{color:var(--prototype-purple);font-size:24px}
.plan-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.plan-filters label{min-width:0;display:grid;gap:4px;font-size:12px}.plan-filters input,.plan-filters select{width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--prototype-line);border-radius:8px;background:#fff}.plan-filters>div{display:flex;align-items:end;gap:6px}.plan-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;font-size:12px}.plan-pagination button{min-height:44px}.plan-pagination button:disabled{opacity:.45}

@media(max-width:720px){
  .plan-filters>div{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.plan-filters>div button{white-space:nowrap;min-height:44px}
  .prototype-moments-actions .small{flex-wrap:wrap;column-gap:5px!important;row-gap:3px!important;padding:10px!important}
  .prototype-moments-actions .small small{flex-basis:100%;text-align:right}
  .prototype-ui .topbar{display:none}
  .prototype-ui .prototype-home-main{width:100%;padding:14px 16px calc(86px + env(safe-area-inset-bottom))}
  .prototype-ui .search-shell{min-height:46px;height:46px;padding:0 15px;border-radius:16px;background:#faf8fd}
  .prototype-ui .search-shell svg{width:20px;height:20px}.prototype-ui .search-shell input{font-size:13px!important}
  .prototype-ui .home-hero{min-height:157px;height:157px;margin-top:13px;border-radius:20px;background-position:center;background-size:cover}
  .prototype-ui .hero-slide{padding:29px 43% 25px 20px;background:linear-gradient(90deg,rgba(248,244,255,.99),rgba(248,244,255,.91) 50%,rgba(248,244,255,0) 73%)}
  .prototype-ui .home-hero .eyebrow{margin-bottom:6px;white-space:nowrap;font-size:9px}
  .prototype-ui .home-hero h1{max-width:220px;white-space:nowrap;font-size:21px;line-height:1.2;letter-spacing:-.04em}
  .prototype-ui .hero-copy>p:not(.eyebrow){max-width:215px;margin-top:5px;white-space:nowrap;font-size:10px}
  .prototype-ui .hero-actions{margin-top:10px}.prototype-ui .hero-primary{min-height:31px;padding:6px 12px;border-radius:13px;font-size:11px}
  .prototype-ui .hero-actions{display:flex!important;grid-template-columns:none!important}.prototype-ui .hero-actions>*{width:auto!important;min-height:31px!important;flex:0 0 auto!important}
  .prototype-ui .hero-dots{bottom:9px}
  .prototype-ui .quick-tools{gap:4px;margin:18px 0 8px}
  .prototype-ui .quick-icon{width:49px;height:49px;border-radius:15px}.prototype-ui .quick-icon svg{width:24px;height:24px}
  .prototype-ui .quick-item{gap:6px}.prototype-ui .quick-item b{font-size:12px;font-weight:500}.prototype-ui .quick-item small{top:-5px;right:calc(50% - 30px)}
  .prototype-ui .carousel-progress{height:32px}
  .prototype-ui .service-links{gap:8px;margin:2px 0 23px}.prototype-ui .service-links a,.prototype-ui .service-links button{min-height:49px;gap:7px;padding:0 6px;border-radius:11px;font-size:12px}.prototype-ui .service-links svg{width:18px;height:18px}
  .prototype-ui .discovery-head{margin-top:0}.prototype-ui .discovery-head>div{font-size:12px}.prototype-ui .discovery-head>div button{min-height:38px;padding:0 13px;font-size:12px}
  .prototype-ui .feed-tabs{gap:20px;margin-top:13px;overflow:visible}.prototype-ui .feed-tabs>button:not(.feed-icon){min-height:40px;white-space:nowrap;font-size:12px}.prototype-ui .feed-icon{width:25px}.prototype-ui .feed-icon svg{width:18px;height:18px}
  .prototype-ui .tool-feed{padding:16px 0 0}.prototype-ui .section-title{display:none}
  .prototype-ui .grid{display:block;border-top:0}
  .prototype-ui .tool{grid-template-columns:112px minmax(0,1fr);gap:13px;min-height:142px;padding:14px 0!important;border-left:0!important;border-bottom:1px solid var(--prototype-line);border-radius:0}
  .prototype-ui .tool-thumb{min-height:112px;border-radius:13px}.prototype-ui .tool-thumb .tool-icon{width:40px;height:40px}.prototype-ui .tool-thumb .tool-icon svg{width:23px;height:23px}
  .prototype-ui .tool h3{font-size:16px}.prototype-ui .tool p{font-size:11px}.prototype-ui .tool-foot{padding-top:6px}.prototype-ui .tool .btn{min-height:32px}.prototype-ui .legal-footer{display:none}
  .prototype-ui .prototype-bottom-nav{height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);background:rgba(255,255,255,.98);border-top:1px solid #e9e5eb;backdrop-filter:blur(15px)}
  .prototype-ui .prototype-bottom-nav a,.prototype-ui .prototype-bottom-nav button{display:grid;justify-items:center;gap:2px;min-height:50px;padding:4px 0;border:0;background:transparent;color:#99969b;font-size:10px;font-weight:500;text-decoration:none}
  .prototype-ui .prototype-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .prototype-ui .prototype-bottom-nav .active{color:var(--prototype-purple)}
  .prototype-ui .drawer{padding:0;align-items:end}.prototype-ui .sheet{max-height:calc(100dvh - env(safe-area-inset-top));border-radius:22px 22px 0 0}
  .prototype-shell-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;background:#fbfaff!important}
  .prototype-shell-page>header{display:none!important}
  .prototype-shell-page>main{padding-top:24px!important;padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
  .prototype-shell-page .prototype-bottom-nav{position:fixed;z-index:60;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);background:rgba(255,255,255,.98);border-top:1px solid #e9e5eb;backdrop-filter:blur(15px)}
  .prototype-shell-page .prototype-bottom-nav a,.prototype-shell-page .prototype-bottom-nav button{display:grid;justify-items:center;align-content:center;gap:2px;min-width:0;min-height:50px;padding:4px 0;border:0;background:transparent;color:#99969b;font:500 10px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;text-decoration:none}
  .prototype-shell-page .prototype-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .prototype-shell-page .prototype-bottom-nav .active{color:var(--prototype-purple)}
  .prototype-shell-page :where(.card,.search-card,.results-panel,.side-card,.brief-panel,.canvas-panel,.history-panel,.brief-card,.draft-card,.utility-card,.upload-panel,.result-panel){border-color:var(--prototype-line)!important;border-radius:15px!important;box-shadow:none!important}
  .prototype-shell-page :where(.primary,.primary-button,.generate,.generate-button,.search-button,.upload-button){border-radius:10px!important;background:var(--prototype-purple)!important;color:#fff!important;box-shadow:none!important}
  .prototype-shell-page .radar-intro,.prototype-shell-page .studio-title{color:var(--prototype-ink)!important;margin-bottom:24px!important}
  .prototype-shell-page .radar-intro h1,.prototype-shell-page .studio-title h1{color:var(--prototype-ink)!important;font-size:clamp(2rem,10vw,2.55rem)!important;line-height:1.05!important}
  .prototype-shell-page .radar-intro .intro-copy,.prototype-shell-page .studio-title>div>p{color:#706a79!important}.prototype-shell-page .radar-intro .kicker,.prototype-shell-page .studio-title>div>p:first-child{color:var(--prototype-purple)!important}
  .prototype-shell-page .price-card,.prototype-shell-page .studio-status{border:1px solid #ddd0f7!important;border-radius:999px!important;background:#fbf8ff!important;color:var(--prototype-purple)!important}.prototype-shell-page .price-card :where(span,small,strong),.prototype-shell-page .studio-status :where(span,small,strong){color:var(--prototype-purple)!important}.prototype-shell-page .price-card strong,.prototype-shell-page .studio-status strong{font-size:13px!important}
  .transformation-page.prototype-shell-page{--rust:var(--prototype-purple);--rust-dark:var(--prototype-purple-deep);--paper:#fbfaff;--card:#fff;--line:var(--prototype-line)}
  .transformation-page.prototype-shell-page .hero{padding-top:8px;border-bottom-color:var(--prototype-line)}.transformation-page.prototype-shell-page .hero h1{font-family:inherit!important;font-size:clamp(2.25rem,11vw,2.8rem)!important;line-height:1.04!important}.transformation-page.prototype-shell-page .hero p,.transformation-page.prototype-shell-page .eyebrow{color:var(--prototype-purple)!important}.transformation-page.prototype-shell-page .plan-switch{overflow:hidden;border-radius:15px}.transformation-page.prototype-shell-page :where(.source-card,.create-card,.result-card){border-radius:15px}.transformation-page.prototype-shell-page .create-card h2,.transformation-page.prototype-shell-page .empty h2{font-family:inherit!important}.transformation-page.prototype-shell-page footer{display:none!important}
  .moments-page{color:var(--prototype-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important}
  .moments-page>main{padding-top:0!important}
  .prototype-moments-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:0 -4px 24px;padding:10px 0 20px;border-bottom:1px solid var(--prototype-line)}
  .prototype-moments-tabs a,.prototype-moments-tabs button{display:grid;place-items:center;min-height:58px;padding:28px 1px 0;border:0;background:transparent;color:#595460;font:500 11px/1.2 inherit;text-decoration:none;white-space:nowrap}
  .prototype-moments-tabs a::before,.prototype-moments-tabs button::before{content:"◇";position:absolute;margin-top:-31px;color:#6b6671;font-size:23px}.prototype-moments-tabs .active{color:var(--prototype-purple)}.prototype-moments-tabs .active::before{color:var(--prototype-purple)}
  .moments-page .intro{display:flex!important;align-items:end!important;min-height:0!important;margin:0!important;padding:0 0 18px!important;border:0!important;background:transparent!important}
  .moments-page .intro>div{max-width:none!important}.moments-page .intro p{display:none}.moments-page .intro h1{margin:0 0 7px!important;color:var(--prototype-ink)!important;font-family:inherit!important;font-size:25px!important;font-weight:720!important;line-height:1.25!important;letter-spacing:-.04em!important}.moments-page .intro h1 br{display:none}.moments-page .intro>div>span{color:#686371!important;font-size:12px!important}.moments-page .intro aside{margin-left:auto!important;padding:8px 12px!important;border:1px solid #dbcaf8!important;border-radius:999px!important;background:#fbf8ff!important;color:var(--prototype-purple)!important}.moments-page .intro aside small{display:none!important}.moments-page .intro aside strong{font-size:12px!important;color:var(--prototype-purple)!important}.moments-page .intro aside span{display:none!important}
  .prototype-moments-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 26px}.prototype-moments-actions>a,.prototype-moments-actions>button{min-height:74px;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--prototype-line);border-radius:16px;background:#fff;color:#24212b;text-align:left;text-decoration:none}.prototype-moments-actions>a:first-child{border-color:#ddcdfa;background:#fcfaff;color:var(--prototype-purple-deep)}.prototype-moments-actions>*>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f2ebff;color:var(--prototype-purple);font-size:20px}.prototype-moments-actions b,.prototype-moments-actions small{display:block}.prototype-moments-actions b{font-size:14px}.prototype-moments-actions small{margin-top:4px;color:#706a78;font-size:10px}.prototype-moments-actions .small{min-height:48px;border-radius:11px}.prototype-moments-actions .small span{width:25px;height:25px;background:transparent;font-size:17px}.prototype-moments-actions .small b{font-size:12px}.prototype-moments-actions .small small{margin-left:auto;white-space:nowrap}
  .moments-page .composer-grid{gap:14px!important}.moments-page .brief-card,.moments-page .draft-card,.moments-page .utility-card{background:#fff!important;color:var(--prototype-ink)!important}.moments-page .brief-card{border-radius:16px!important}.moments-page :where(input,textarea,select){border-color:#ded9e5!important;border-radius:10px!important;background:#fff!important;color:#27232d!important;font-family:inherit!important}.moments-page :where(label,legend,h2,h3,p,span,small){font-family:inherit!important}.moments-page .eyebrow{color:var(--prototype-purple)!important}.moments-page footer{display:none!important}
  .beauty-lab-main{padding:29px 18px calc(86px + env(safe-area-inset-bottom))!important}.beauty-title{gap:12px}.beauty-mark{width:50px;height:50px;border-radius:15px}.beauty-title h1{font-size:26px}.beauty-title p{font-size:12px}.beauty-lead{margin-top:25px}.beauty-choices{gap:11px}.beauty-choices article{min-height:252px;padding:20px 14px;border-radius:17px}.beauty-choices article>b{top:39px;right:13px;font-size:20px}.beauty-choices h2{margin-top:17px;font-size:19px}.beauty-choices article>div{flex-wrap:wrap}.choice-enter{right:14px;bottom:17px;left:14px;font-size:12px}.beauty-tip{margin-bottom:34px}.beauty-history h2{font-size:22px}.beauty-history>div:first-child>a{padding:7px 9px;border:1px solid var(--prototype-line);border-radius:7px}.beauty-history nav{gap:6px}.beauty-history nav a{padding:7px 10px}.beauty-samples{gap:10px}.beauty-samples a{min-height:115px}
}
@media(max-width:374px){.prototype-ui .prototype-home-main{padding-inline:12px}.prototype-ui .home-hero h1{font-size:19px}.prototype-ui .hero-slide{padding-left:16px}.prototype-ui .feed-tabs{gap:14px}.prototype-ui .tool{grid-template-columns:100px minmax(0,1fr)}}

/* tool-icons.css */
.tool-logo-image{display:block;width:64px;height:64px;max-width:100%;object-fit:contain;flex-shrink:0}
.prototype-ui .tool-thumb{position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 10%,#fff 0,transparent 60%),linear-gradient(150deg,#f4effb,#e9dff7);border:1px solid #e7dcf5;gap:14px;color:#79678f}
.prototype-ui .tool-thumb .tool-icon{width:80px;height:80px;border-radius:22px;background:transparent;box-shadow:0 9px 20px #70529214}
.prototype-ui .tool-thumb .tool-logo-image{width:80px;height:80px}
.prototype-ui .tool-thumb>span:last-child{font-size:11px;letter-spacing:.12em;font-weight:550}
.beauty-tool-card .beauty-tool-icon{width:60px;height:60px;background:transparent;border-radius:17px}.beauty-tool-icon .tool-logo-image{width:60px;height:60px}
.operations-grid .section-head h2{display:flex;align-items:center;gap:10px}.operations-grid .tool-logo-image{width:40px;height:40px}.tool-admin-label{display:flex;align-items:center;gap:10px}.tool-admin-label .tool-logo-image{width:36px;height:36px}
@media(max-width:760px){.prototype-ui .tool-thumb .tool-icon,.prototype-ui .tool-thumb .tool-logo-image{width:58px;height:58px}.prototype-ui .tool-thumb{gap:10px}.prototype-ui .tool-thumb>span:last-child{font-size:10px;letter-spacing:.05em}.beauty-tool-card .beauty-tool-icon,.beauty-tool-icon .tool-logo-image{width:54px;height:54px}}

/* benefit.css */
.benefit-overlay{position:fixed;inset:0;z-index:100;background:#171126aa;display:grid;place-items:center;padding:16px}.benefit-overlay[hidden]{display:none}.benefit-card{position:relative;width:min(380px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border-radius:18px;padding:24px;text-align:center;box-shadow:0 24px 70px #180e3c55}.benefit-card h2{margin:8px 0;font-size:23px}.benefit-card p{margin:10px 0}.benefit-card img{display:block;max-width:100%;max-height:270px;width:auto;height:auto;object-fit:contain;margin:10px auto}.benefit-card button:not(#benefitClose){border:0;border-radius:9px;background:#7354ef;color:#fff;padding:11px 20px;font:inherit;font-weight:750}.benefit-card #benefitClose{position:absolute;right:12px;top:9px;border:0;background:none;font-size:26px;color:#555}.benefit-card small,.benefit-card a{display:block;margin-top:13px;color:#6d687c;font-size:12px}.benefit-card a{color:#7354ef}

/* workbench.css */
.desktop-workbench,.workbench-page-title{display:none}
@media(min-width:1024px){
  .site-home.prototype-ui{padding-left:176px;background:#fff}
  .site-home .desktop-workbench{position:fixed;z-index:22;inset:0 auto 0 0;display:flex;flex-direction:column;width:176px;padding:21px 12px;border-right:1px solid #e8e5ec;background:#fff}
  .desktop-workbench a{color:#615d68;text-decoration:none}
  .desktop-workbench .workbench-brand{display:flex;align-items:center;gap:10px;color:#22202a;font-size:14px;white-space:nowrap}
  .desktop-workbench .workbench-brand span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#805de0;color:#fff;font-size:24px}
  .desktop-workbench .workbench-label{margin:34px 12px 14px;color:#938e9b;font-size:11px}
  .desktop-workbench nav{display:grid;gap:6px}
  .desktop-workbench nav a{display:flex;align-items:center;gap:13px;min-height:40px;padding:0 12px;border-radius:10px;font-size:14px}
  .desktop-workbench nav a.active,.desktop-workbench nav a:hover{background:#f4efff;color:#7354db}
  .desktop-workbench nav a span{white-space:nowrap}
  .desktop-workbench .workbench-create{display:grid;place-items:center;min-height:40px;margin:35px 6px 0;border-radius:12px;background:#835ee1;color:#fff;font-size:13px}
  .desktop-workbench .workbench-profile{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px 0 3px;border-top:1px solid #e8e5ec;font-size:12px}
  .desktop-workbench .workbench-profile span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f1edff;color:#7354db}
  .site-home .topbar{height:82px;padding:0 28px;border-bottom:1px solid #eae7ef;background:#fff}
  .site-home .topbar .brand,.site-home .topbar .desktop-nav{display:none}
  .site-home .workbench-page-title{display:block;margin-right:auto;font-size:17px;font-weight:650;color:#24212b}
  .site-home .workbench-page-title small{margin-left:14px;font-size:12px;font-weight:500;color:#77717e}
  .site-home .prototype-home-main{width:100%;max-width:none;margin:0;padding:26px 28px 110px}
  .site-home .search-shell{max-width:500px;margin-left:0;margin-right:auto}
  .site-home .home-hero{min-height:176px;height:176px}
  .site-home .hero-slide{padding:28px 44% 24px 30px}
  .site-home .home-hero h1{font-size:30px}
  .site-home .hero-copy>p:not(.eyebrow){margin-top:6px;font-size:12px}
  .site-home .hero-actions{margin-top:12px}
  .site-home .hero-primary{min-height:31px;padding:6px 12px;font-size:11px}
  .site-home .quick-tools{max-width:none;margin:20px 0 12px;padding:10px 12px;border:1px solid #ebe7f0;border-radius:17px;background:#f8f7fa;gap:0}
  .site-home .quick-item{display:flex;align-items:center;justify-content:center;min-height:60px;gap:8px}
  .site-home .quick-icon{width:40px;height:40px;border-radius:12px;box-shadow:none}
  .site-home .quick-icon svg{width:24px;height:24px}
  .site-home .quick-item small{display:none}
}

/* alignment.css */
.home-feed-filters{display:flex;gap:10px;align-items:center;margin:14px 0}.home-feed-filters select{min-width:0;padding:9px;border:1px solid #e9e3f1;border-radius:10px;background:white;color:#51475d}.home-feed-filters a{margin-left:auto;font-size:12px;color:#7951d9}.discovery-head>div>a{color:#7951d9;font-size:13px}.home-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-content-card{display:grid;grid-template-columns:38% minmax(0,1fr);border:1px solid #ebe6f0;border-radius:16px;overflow:hidden;background:#fff;min-width:0}.home-cover{position:relative;min-height:220px;background:#ede9f1;display:grid;place-items:center;color:#8e8598;font-size:12px;overflow:hidden}.home-cover img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.home-cover img[hidden]{display:none}.home-cover small{position:absolute;bottom:9px;left:9px;background:#fffef9eb;padding:3px 7px;border-radius:7px;color:#624d7f}.home-content-copy{padding:15px;min-width:0}.home-author{display:flex;align-items:center;gap:8px;color:#82798e;font-size:12px}.home-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.home-author button{border:0;background:none;color:#8258e5;font-size:25px;min-width:40px;min-height:40px}.home-content-copy h3{margin:9px 0;font-size:17px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-content-copy a{color:inherit;text-decoration:none}.home-content-copy p,.home-content-copy>small{font-size:12px;color:#94859f}.home-card-actions{display:flex;gap:12px;align-items:center;margin-top:16px;font-size:12px}.home-card-actions button,#homeMore,.home-empty button{padding:10px 12px;background:#8258e5;color:#fff;border:0;border-radius:9px}.home-empty{padding:30px;background:white;border-radius:14px;grid-column:1/-1;text-align:center}#homeMore{display:block;margin:20px auto}#homeMore[hidden]{display:none}#homeFeedStatus{font-size:12px;color:#8b8093;margin:12px 0;line-height:1.6}.home-tool-drawer{margin-top:28px}.home-tool-drawer summary{padding:15px;border:1px solid #e7dfef;border-radius:12px;cursor:pointer}.asset-groups{display:grid;gap:18px;margin-top:24px}.asset-group{padding:20px;border:1px solid #e7dfef;border-radius:16px;background:#fff}.asset-group h2{font-size:18px;margin:0 0 14px}.asset-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-links a{display:block;color:#322a40;background:#faf8ff;border-radius:12px;padding:15px;text-decoration:none}.asset-links small{display:block;color:#857990;font-size:12px;margin-top:6px}.asset-links .unavailable{color:#9d96a5}.asset-list{display:grid;gap:12px}.asset-entry{padding:14px;border:1px solid #e6e0ee;border-radius:12px;background:white}.asset-entry h3{margin:0 0 8px;font-size:16px}.asset-entry p{white-space:pre-wrap;overflow-wrap:anywhere;color:#7b7089;font-size:13px}.asset-entry a{color:#7850ce}.source-modes,.circle-modes{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.source-modes button,.circle-modes button{border:1px solid #ded4ec;border-radius:10px;background:#fff;padding:12px;color:#73627f}.source-modes button[aria-selected=true],.circle-modes button[aria-pressed=true]{background:#8258e5;color:white;border-color:#8258e5}.source-intake{padding:16px;background:#faf7ff;border-radius:12px;margin-bottom:15px}.source-intake p{font-size:13px;line-height:1.7;color:#84788c}.source-intake button,.source-intake>a{display:inline-block;padding:10px;border:0;border-radius:9px;background:#ede4ff;color:#6844a8;text-decoration:none}.source-intake input[type=file]{max-width:100%}
.prototype-ui .discovery-head>.home-content-grid{display:grid;align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.prototype-ui .discovery-head .home-author button{border:0;padding:0;background:none;border-radius:0;font-size:25px}.prototype-ui .quick-tools{padding:8px 0}.prototype-ui .quick-item{min-height:80px;padding:8px 0}
@media(max-width:700px){.prototype-ui .carousel-progress{height:12px}.prototype-ui .service-links{margin-bottom:18px}.prototype-ui .discovery-head>.home-content-grid{grid-template-columns:1fr;gap:13px}.home-content-card{grid-template-columns:36% minmax(0,1fr)}.home-cover{min-height:190px}.home-content-copy{padding:11px}.home-content-copy h3{font-size:15px}.home-feed-filters{gap:6px}.home-feed-filters select{max-width:110px;font-size:12px}.asset-group{padding:15px}.asset-links{gap:8px}.asset-links a{padding:12px;font-size:14px}}
.account-opening:not([hidden]){position:fixed;z-index:10050;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;background:#f7f5fbf2;color:#2b233b;text-align:center;font-size:16px}
.account-opening strong{font-size:20px}.account-opening p{margin:0;color:#685e78}.account-opening a{padding:10px 16px;border-radius:10px;background:#7956d8;color:#fff;text-decoration:none}
.account-opening-spinner{width:36px;height:36px;border:4px solid #e2d9f5;border-top-color:#7956d8;border-radius:50%;animation:account-opening-spin .8s linear infinite}
@keyframes account-opening-spin{to{transform:rotate(360deg)}}