:root{--purple:#6c49f5;--purple2:#8a64ff;--ink:#19162a;--muted:#777283;--line:#e9e6ef;--bg:#f7f6fa;--green:#15a77d;--orange:#f28b47;--blue:#3989ed}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans","Noto Sans SC",sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid var(--line);padding:24px 15px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-size:19px;padding:0 10px 28px}.brand>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--purple),var(--purple2));color:#fff;font-weight:800;box-shadow:0 7px 18px #6c49f53a}.brand i{font-style:normal;color:var(--purple)}nav{display:flex;flex-direction:column;gap:4px}nav small{font-size:10px;color:#aaa5b2;padding:18px 12px 7px}nav button{height:42px;border:0;background:transparent;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#625d6c;font:500 13px inherit;cursor:pointer;text-align:left}nav button:hover,nav button.active{background:#f0ecff;color:var(--purple);font-weight:700}nav button i{width:18px;text-align:center;font-style:normal;font-size:16px}nav button em{font-style:normal;font-size:8px;margin-left:auto;background:#7655f5;color:#fff;border-radius:7px;padding:2px 5px}.side-help{margin:auto 5px 15px;padding:15px;background:linear-gradient(145deg,#f0ecff,#faf8ff);border-radius:11px}.side-help b{font-size:11px}.side-help p{font-size:9px;line-height:1.55;color:#7c7687}.side-help button{border:0;background:transparent;color:var(--purple);padding:0;font-size:9px}.side-user{border-top:1px solid var(--line);padding:15px 7px 0;display:flex;align-items:center;gap:9px}.side-user>span{width:32px;height:32px;border-radius:9px;background:#ded5ff;color:#5f42d0;display:grid;place-items:center;font-weight:700}.side-user div{display:flex;flex-direction:column}.side-user b{font-size:11px}.side-user small{font-size:9px;color:#9994a2}.side-user i{margin-left:auto;color:#aaa;font-style:normal}.main{margin-left:232px;min-height:100vh}.main>header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:9}.search{height:36px;width:320px;background:#f5f3f8;border-radius:9px;padding:0 11px;display:flex;align-items:center;gap:7px;color:#9993a2}.search input{border:0;background:transparent;outline:none;flex:1;font:11px inherit}.search kbd{font-size:8px;background:#fff;border:1px solid #e3dfe8;border-radius:4px;padding:3px 5px}.header-actions{display:flex;gap:10px}.notice{width:36px;border:1px solid var(--line);background:#fff;border-radius:9px;position:relative}.notice i{position:absolute;width:5px;height:5px;background:#ff665d;border-radius:50%;right:8px;top:7px}.credit-pill{height:36px;border:0;background:#f0ebff;color:#6242d7;border-radius:9px;padding:0 12px;font-size:10px;cursor:pointer}.credit-pill span{margin-left:8px;background:#fff;padding:4px 7px;border-radius:5px}.menu-btn{display:none}.view{display:none;padding:32px 38px 60px;max-width:1450px;margin:auto}.view.active{display:block}.welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.welcome span,.page-title>div>span{font-size:10px;letter-spacing:1.4px;color:#9b95a5}.welcome h1,.page-title h1{font-size:27px;margin:6px 0}.welcome p,.page-title p{margin:0;color:var(--muted);font-size:12px}.primary{border:0;border-radius:9px;padding:12px 18px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple2));font-weight:700;box-shadow:0 8px 20px #6846ed30;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;align-items:center;justify-content:space-between}.stats article small{font-size:10px;color:var(--muted)}.stats article strong{font-size:24px;display:block;margin:5px 0}.stats article strong em{font-size:9px;font-style:normal}.stats article p{font-size:9px;color:#9993a2;margin:0}.stats article p b{color:var(--green)}.stats article>i,.quick-grid>button>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-style:normal;font-weight:800}.violet{background:#eee9ff;color:var(--purple)}.orange{background:#fff0e6;color:var(--orange)}.blue{background:#e8f2ff;color:var(--blue)}.green{background:#e4f7f0;color:var(--green)}.overview-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.quick,.records{padding:22px}.panel-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:17px}.panel-head h2{font-size:15px;margin:0 0 4px}.panel-head p{font-size:9px;color:var(--muted);margin:0}.panel-head button{border:0;background:transparent;color:var(--purple);font-size:10px;cursor:pointer}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid>button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px;display:flex;align-items:center;gap:11px;text-align:left;position:relative;cursor:pointer;transition:.2s}.quick-grid>button:hover{border-color:#b9aaff;transform:translateY(-2px)}.quick-grid>button div{display:flex;flex-direction:column;gap:2px}.quick-grid>button b{font-size:11px}.quick-grid>button span{font-size:8px;color:#918b9b}.quick-grid>button small{font-size:8px;color:var(--purple)}.quick-grid>button em{position:absolute;right:8px;top:7px;background:#7654f4;color:#fff;border-radius:6px;font-size:7px;font-style:normal;padding:2px 4px}.record-item{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #f0edf3;align-items:center}.record-item:last-child{border:0}.record-item>span{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-size:10px}.record-item>div{display:flex;flex-direction:column;min-width:0}.record-item b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.record-item small{font-size:8px;color:#9d97a6;margin-top:2px}.record-item em{font-style:normal;font-size:8px;margin-left:auto;color:#aaa}.empty-list{padding:30px 5px;text-align:center;color:#999;font-size:10px}.growth-card{margin-top:18px;background:linear-gradient(120deg,#4e329e,#7653db);color:#fff;border-radius:14px;padding:25px 30px;display:flex;justify-content:space-between;align-items:center}.growth-card small{color:#c9bafb}.growth-card h2{font-size:18px;margin:7px 0}.growth-card p{font-size:10px;color:#d8d0e9}.growth-card button{border:0;background:#fff;color:#5536b1;border-radius:7px;padding:8px 12px;font-size:9px}.growth-chart{height:100px;width:250px;display:flex;gap:7px;align-items:end;border-bottom:1px solid #ffffff40}.growth-chart span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#b7a2ff,#8063dc)}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.cost,.beta{background:#efeaff;color:#6646db;border-radius:9px;padding:10px 13px;font-size:10px}.studio{display:grid;grid-template-columns:430px 1fr;gap:18px;align-items:start}.form-panel,.result-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.step{display:flex;align-items:center;gap:10px;margin:2px 0 18px}.step:not(:first-child){border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.step>span{width:26px;height:26px;background:#eee9ff;color:var(--purple);border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:800}.step div{display:flex;flex-direction:column}.step b{font-size:12px}.step small{font-size:8px;color:#9993a2}.form-panel label{font-size:10px;font-weight:700;display:block;margin:13px 0 7px}.form-panel label em{font-style:normal;color:#f05d58}.form-panel input,.form-panel textarea,.form-panel select{width:100%;border:1px solid #dfdae7;background:#fff;border-radius:8px;padding:11px;outline:none;font:10px inherit}.form-panel input:focus,.form-panel textarea:focus,.form-panel select:focus{border-color:#8668ee;box-shadow:0 0 0 3px #7454f00d}.form-panel textarea{resize:vertical;height:78px;line-height:1.6}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload{height:93px;border:1px dashed #cfc8dd;border-radius:9px;margin-top:12px;position:relative;display:grid;place-items:center;overflow:hidden}.upload input{position:absolute;inset:0;opacity:0;z-index:2;cursor:pointer}.upload div{display:flex;flex-direction:column;text-align:center;gap:5px}.upload b{font-size:10px;color:#665b75}.upload span{font-size:8px;color:#a19ba9}.upload img{display:none;width:100%;height:100%;object-fit:contain;background:#f4f2f6}.upload.has-image div{display:none}.upload.has-image img{display:block}.generate{width:100%;margin-top:20px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#6240e9,#8c66ff);padding:13px;display:flex;justify-content:center;gap:18px;cursor:pointer}.generate small{opacity:.7}.generate:disabled{opacity:.65}.form-note{text-align:center;color:#aaa5b1;font-size:8px}.result-panel{min-height:710px}.empty-result{height:650px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-result>div{width:55px;height:55px;border-radius:17px;background:#eee9ff;color:var(--purple);display:grid;place-items:center;font-size:21px}.empty-result h3{margin:16px 0 7px}.empty-result p{font-size:10px;color:var(--muted)}.empty-result ul{list-style:none;padding:0;text-align:left;background:#faf9fc;border-radius:10px;padding:12px 20px}.empty-result li{font-size:9px;padding:4px;color:#746e7e}.empty-result li:before{content:"✓";color:var(--green);margin-right:8px}.loading-result{height:650px;display:grid;place-items:center;text-align:center}.loading-result i{display:block;width:46px;height:46px;border:3px solid #e5dfff;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite;margin:auto}.loading-result p{font-size:10px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.result-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:16px}.result-head h2{font-size:17px;margin:0 0 5px}.result-head p{font-size:9px;color:var(--muted);margin:0}.result-head button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;font-size:9px}.result-block{padding:18px 0;border-bottom:1px solid var(--line)}.result-block:last-child{border:0}.result-block h3{font-size:11px;margin:0 0 10px;display:flex;justify-content:space-between}.result-block h3 button{border:0;background:transparent;color:var(--purple);font-size:9px;cursor:pointer}.title-option{background:#f8f7fb;border-radius:8px;padding:10px 12px;margin:6px 0;font-size:10px;line-height:1.5}.keyword-cloud{display:flex;flex-wrap:wrap;gap:6px}.keyword-cloud span{background:#f0ecff;color:#6549cf;padding:5px 8px;border-radius:6px;font-size:9px}.points{display:grid;grid-template-columns:1fr 1fr;gap:7px}.points div{padding:10px;background:#f9f8fb;border-radius:8px}.points b{display:block;font-size:10px;margin-bottom:3px}.points p,.description-text,.ad-copy{font-size:9px;line-height:1.75;color:#6f6978;margin:0}.ad-copy{background:linear-gradient(120deg,#f2eeff,#fff7f1);padding:12px;border-radius:8px;margin-top:7px;color:#4d4658}.asset-panel{padding:20px}.asset-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.search.small{width:260px}.filter{border:0;background:transparent;color:#77717f;font-size:10px;padding:7px 10px}.filter.active{background:#eee9ff;color:var(--purple);border-radius:7px}.asset-list{min-height:320px}.asset-row{display:grid;grid-template-columns:42px 1.4fr 1fr 1fr 80px;gap:14px;align-items:center;padding:14px 5px;border-bottom:1px solid #f0edf3}.asset-row>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px}.asset-row div{display:flex;flex-direction:column}.asset-row b{font-size:11px}.asset-row small{font-size:8px;color:#999}.asset-row button{border:0;background:#f3efff;color:var(--purple);border-radius:6px;padding:6px;font-size:9px}.placeholder-view{max-width:1180px}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.analytics-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.analytics-grid small{color:var(--muted);font-size:10px}.analytics-grid strong{display:block;font-size:24px;margin:8px 0}.analytics-grid p{font-size:9px;color:#87818f}.line-chart{height:55px;color:var(--purple);font-size:60px;overflow:hidden}.price-bars{height:55px;display:flex;align-items:end;gap:7px}.price-bars i{flex:1;height:40%;background:#bcaeff;border-radius:3px}.price-bars i:nth-child(2){height:75%}.price-bars i:nth-child(3){height:95%;background:#7555e8}.price-bars i:nth-child(4){height:60%}.price-bars i:nth-child(5){height:30%}.meter{height:8px;background:#edeaf1;border-radius:10px;margin:32px 0}.meter i{display:block;width:58%;height:100%;background:linear-gradient(90deg,#42c493,#f5b94d);border-radius:10px}.locked{text-align:center;padding:48px;margin-top:17px}.locked>div{width:50px;height:50px;background:#eee9ff;color:var(--purple);border-radius:15px;display:grid;place-items:center;margin:auto}.locked h2{font-size:17px}.locked p{font-size:10px;color:var(--muted)}.locked small{display:block;font-size:8px;color:#aaa;margin-top:12px}.credit-balance{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 17px;font-size:10px}.credit-balance strong{font-size:20px;color:var(--purple);margin-left:8px}.credit-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.credit-packages article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;position:relative}.credit-packages article>small{color:#746e7e}.credit-packages strong{font-size:28px;display:block;margin:13px 0}.credit-packages strong em{font-size:10px;font-style:normal}.credit-packages p{font-size:9px;color:var(--muted)}.credit-packages button{width:100%;border:1px solid #dcd6e5;background:#fff;border-radius:8px;padding:9px;color:var(--purple);font-weight:700}.credit-packages .recommended{border:2px solid #7653ed}.credit-packages .recommended>b{position:absolute;right:14px;top:12px;background:#7653ed;color:#fff;border-radius:7px;padding:3px 7px;font-size:8px}.credit-packages .recommended button{background:var(--purple);color:#fff}.ledger{margin-top:18px;padding:22px}.ledger h2{font-size:15px}.ledger-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:10px}.ledger-row span:last-child{text-align:right;font-weight:700}.ledger-row .minus{color:#ef675f}.ledger-row .plus{color:var(--green)}.affiliate-hero{border-radius:16px;background:linear-gradient(120deg,#4d319a,#7755dc);padding:35px;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.affiliate-hero small{color:#d0c3ef}.affiliate-hero strong{display:block;font-size:36px;margin:9px 0}.affiliate-hero p{font-size:10px;color:#d8d0e9}.invite-box{background:#ffffff18;border:1px solid #ffffff20;border-radius:12px;padding:18px}.invite-box>span{font-size:9px}.invite-box>div{display:flex;margin-top:8px}.invite-box input{flex:1;border:0;padding:11px;border-radius:7px 0 0 7px;font-size:10px}.invite-box button{border:0;background:#1d1731;color:#fff;border-radius:0 7px 7px 0;padding:0 14px;font-size:9px}.affiliate-stats{margin-top:16px;grid-template-columns:repeat(3,1fr)}.settings{padding:30px;display:flex;gap:18px;align-items:center}.avatar-large{width:65px;height:65px;background:#ddd4ff;color:var(--purple);display:grid;place-items:center;border-radius:18px;font-size:22px;font-weight:800}.settings h2{margin:0}.settings p{font-size:10px;color:var(--muted)}.settings button{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 12px;font-size:9px}.toast{position:fixed;bottom:28px;left:calc(50% + 116px);transform:translate(-50%,20px);background:#1a1728;color:#fff;border-radius:9px;padding:11px 18px;font-size:10px;opacity:0;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.studio{grid-template-columns:390px 1fr}.analytics-grid{grid-template-columns:1fr}.credit-packages{grid-template-columns:1fr}.affiliate-hero{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin:0}.main>header{padding:0 15px}.menu-btn{display:block;border:0;background:none;font-size:20px}.main>header>.search{display:none}.view{padding:24px 15px}.welcome{align-items:start}.welcome .primary{font-size:0;padding:11px}.welcome .primary:first-letter{font-size:14px}.stats{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}.growth-chart{display:none}.studio{grid-template-columns:1fr}.result-panel{min-height:450px}.empty-result,.loading-result{height:400px}.two-col{grid-template-columns:1fr}.page-title{align-items:start}.page-title h1{font-size:23px}.cost{display:none}.asset-toolbar{flex-direction:column;align-items:stretch;gap:10px}.search.small{width:100%}.asset-row{grid-template-columns:40px 1fr 70px}.asset-row div:nth-of-type(2),.asset-row div:nth-of-type(3){display:none}.credit-packages{grid-template-columns:1fr}.affiliate-hero{padding:25px 18px}.affiliate-stats{grid-template-columns:1fr}.toast{left:50%}}
@media(max-width:430px){.stats{grid-template-columns:1fr}.welcome p{display:none}.growth-card{padding:22px}.growth-card h2{font-size:15px}.page-title p{max-width:280px}.points{grid-template-columns:1fr}}
.auth-gate{position:fixed;inset:0;background:radial-gradient(circle at 70% 10%,#ddd3ff,#f7f6fa 50%);z-index:100;display:grid;place-items:center;padding:20px}.auth-gate.hidden{display:none}.auth-card{width:min(460px,100%);min-height:420px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 25px 70px #3d276927}.auth-card>.brand{justify-content:center}.auth-card #clerkSignIn{display:grid;place-items:center;color:var(--muted);font-size:12px}
.asset-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:18px}.asset-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.asset-cover{height:190px;background:#f1eff4;display:grid;place-items:center}.asset-cover img{width:100%;height:100%;object-fit:cover}.copy-cover{height:190px;padding:20px;background:linear-gradient(145deg,#e9e3ff,#f9f7ff);display:flex;flex-direction:column;justify-content:center}.copy-cover b{width:34px;height:34px;border-radius:9px;background:#6c49f5;color:#fff;display:grid;place-items:center}.copy-cover p{font-size:12px;line-height:1.7;color:#4d4561}.asset-card-body{padding:14px}.asset-card-body>span,.modal-kicker{font-size:8px;color:#6c49f5;font-weight:800}.asset-card-body h3{font-size:13px;margin:6px 0}.asset-card-body p{font-size:9px;color:var(--muted)}.asset-card-body button,.asset-open{border:0;background:#f0ecff;color:#6545db;border-radius:7px;padding:7px 10px;font-size:9px;text-decoration:none}.asset-modal{position:fixed;inset:0;background:#171426aa;z-index:80;display:none;place-items:center;padding:20px}.asset-modal.open{display:grid}.asset-modal-card{width:min(760px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:17px;padding:28px;position:relative}.asset-modal-card>button{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px}.asset-modal-card h2{margin:8px 0 20px}.asset-modal-card h3{font-size:12px;margin-top:20px}.modal-asset-image{display:block;max-width:100%;max-height:60vh;margin:auto;border-radius:12px}.modal-title,.modal-copy{background:#f8f7fa;border-radius:7px;padding:10px;font-size:10px;line-height:1.7}@media(max-width:900px){.asset-cards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.asset-cards{grid-template-columns:1fr}}
.kit-banner{background:linear-gradient(120deg,#4b2e9b,#7958e6);color:#fff;border-radius:16px;padding:25px 30px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.kit-banner small{color:#c9b9f2}.kit-banner h2{font-size:19px;margin:7px 0}.kit-banner p{font-size:10px;color:#d9d1ec;margin:0}.kit-includes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.kit-includes span{font-size:9px;background:#ffffff15;border:1px solid #ffffff1d;border-radius:7px;padding:7px 10px}.kit-studio{display:grid;grid-template-columns:430px 1fr;gap:18px;align-items:start}.kit-drop{height:180px}.kit-result{background:#fff;border:1px solid var(--line);border-radius:14px;min-height:720px;padding:24px}.kit-result .empty-result{height:650px}.kit-output h2{font-size:18px}.kit-output h3{font-size:11px;margin-top:20px}.kit-titles p{font-size:10px;background:#f8f7fb;padding:9px;border-radius:7px}.kit-images{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kit-images img{width:100%;border-radius:10px}.kit-images small{display:block;text-align:center;color:var(--muted);margin-top:5px}@media(max-width:900px){.kit-studio{grid-template-columns:1fr}.kit-banner{align-items:flex-start;gap:20px;flex-direction:column}}@media(max-width:520px){.kit-images{grid-template-columns:1fr}}
.kit-images>div{background:#f7f6fa;border-radius:10px;padding:6px}.kit-images img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#f7f6fa}.generated-image img{width:auto;height:auto;object-fit:contain}
.identity-preflight{margin:12px 0 16px;border:1px solid #ded7f4;background:#faf9ff;border-radius:11px;padding:13px}.identity-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.identity-head>div{display:flex;flex-direction:column;gap:3px}.identity-head b{font-size:11px}.identity-head span{font-size:8px;color:var(--muted)}.identity-head button{border:0;background:#6d4aff;color:#fff;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:700;cursor:pointer;white-space:nowrap}.identity-head button:disabled{opacity:.45;cursor:not-allowed}.identity-empty{margin-top:11px;padding:10px;background:#fff;border-radius:7px;color:#827b8e;font-size:9px;line-height:1.6}.identity-result{margin-top:12px}.identity-summary{display:flex;align-items:center;gap:8px}.identity-summary strong{font-size:13px}.identity-summary span{background:#ede8ff;color:#6346d2;border-radius:12px;padding:4px 7px;font-size:8px}.identity-result>p{color:#696273;font-size:9px;line-height:1.7}.identity-result dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.identity-result dl>div{background:#fff;padding:9px;border-radius:7px}.identity-result dt{font-size:8px;color:var(--purple);font-weight:700}.identity-result dd{font-size:9px;line-height:1.6;margin:4px 0 0;color:#514b5b}.identity-warning{background:#fff4e9;color:#96602e;border-radius:7px;padding:8px;font-size:8px;line-height:1.6}.identity-result label{margin-top:10px}.identity-result textarea{min-height:70px}.identity-confirm{display:flex!important;align-items:flex-start;gap:8px;margin:13px 0!important;padding:10px;background:#f4f1ff;border-radius:8px;cursor:pointer}.identity-confirm input{margin-top:1px;accent-color:#6d4aff}.identity-confirm span{font-size:9px;color:#5e566a;line-height:1.5}@media(max-width:520px){.identity-head{align-items:flex-start;flex-direction:column}.identity-result dl{grid-template-columns:1fr}}
.brand>span{font-size:9px;letter-spacing:-1px}.quick-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.quick-grid{grid-template-columns:1fr}}
.social-result{display:block;overflow:auto}.social-output{width:100%}.social-output h2{font-size:18px;margin:5px 0}.social-output h3{font-size:11px;margin:22px 0 10px}.social-cover-image{display:block;max-width:100%;max-height:600px;object-fit:contain;margin:18px auto;border-radius:12px;background:#f7f6fa}.social-chip-list{display:flex;flex-wrap:wrap;gap:7px}.social-chip-list span{background:linear-gradient(120deg,#eee9ff,#fff1e8);color:#5c45b9;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:700}.social-post-body{white-space:pre-wrap;background:#faf9fc;border-radius:10px;padding:15px;font-size:10px;line-height:1.9;color:#5f5868}.storyboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.storyboard-grid article{border:1px solid var(--line);border-radius:9px;padding:12px;background:#fff}.storyboard-grid b{font-size:10px;color:var(--purple)}.storyboard-grid p{font-size:9px;line-height:1.6;color:#5e5867}.storyboard-grid small{display:block;font-size:8px;line-height:1.6;color:#88818f}.storyboard-grid em{display:inline-block;margin-top:7px;background:#1a1728;color:#fff;border-radius:5px;padding:4px 6px;font-size:8px;font-style:normal}@media(max-width:600px){.storyboard-grid{grid-template-columns:1fr}}
.language-toggle{height:36px;min-width:42px;border:1px solid var(--line);background:#fff;color:var(--purple);border-radius:9px;font:700 10px inherit;cursor:pointer}.language-toggle:hover{background:#f0ecff}
.social-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.social-image-grid a{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:#f7f6fa;border-radius:10px;padding:7px}.social-image-grid img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:8px}.social-image-grid span{text-align:center;font-size:8px;color:var(--muted);padding:7px 3px 2px}@media(max-width:600px){.social-image-grid{grid-template-columns:1fr}}
.integration-notice{background:#fff9ed;border:1px solid #f0dfb9;border-radius:12px;padding:17px 20px;margin-bottom:18px}.integration-notice b{font-size:12px;color:#7b5922}.integration-notice p{font-size:9px;line-height:1.7;color:#8c744c;margin:6px 0 0}
.image-studio{display:grid;grid-template-columns:430px 1fr;gap:18px;align-items:start}.image-form{background:#fff}.image-drop{height:220px;border:1px dashed #c8bfdb;border-radius:11px;position:relative;display:grid;place-items:center;overflow:hidden;background:#faf9fc}.image-drop>input{position:absolute;inset:0;opacity:0;z-index:2;cursor:pointer}.image-drop>div{text-align:center;display:flex;flex-direction:column;gap:7px}.image-drop b{font-size:11px;color:#655d70}.image-drop span{font-size:9px;color:#9a94a2}.image-drop img{display:none;width:100%;height:100%;object-fit:contain}.image-drop.has-image>div{display:none}.image-drop.has-image img{display:block}.asset-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-types>label{margin:0;cursor:pointer}.asset-types input{position:absolute;opacity:0}.asset-types span{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:9px;padding:11px}.asset-types input:checked+span{border-color:#7553ed;background:#f2eeff;color:#6544dc}.asset-types small{font-size:8px;color:#999;margin-top:3px}.image-result{background:#fff;border:1px solid var(--line);border-radius:14px;min-height:650px;padding:25px;display:grid;place-items:center}.image-result .empty-result{height:auto}.generated-image{width:100%;text-align:center}.generated-image img{max-width:100%;max-height:650px;border-radius:12px;box-shadow:0 15px 45px #30204b21}.generated-image h3{margin:16px 0 5px}.generated-image p{color:var(--muted);font-size:10px}.generated-image a{display:inline-block;margin-top:8px;background:#6c49f5;color:#fff;padding:9px 14px;border-radius:8px;text-decoration:none;font-size:10px}@media(max-width:850px){.image-studio{grid-template-columns:1fr}.image-result{min-height:420px}}
.keyword-input-row{display:flex;gap:7px}.keyword-input-row input{min-width:0}.keyword-input-row button{white-space:nowrap;border:0;background:#eee9ff;color:var(--purple);border-radius:8px;padding:0 11px;font-size:9px;font-weight:700;cursor:pointer}.keyword-input-row button small{display:block;font-size:7px;font-weight:500}.keyword-helper{margin-top:9px;border:1px solid #ded6fa;background:#faf9ff;border-radius:10px;padding:12px}.keyword-helper-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.keyword-helper-head>div{display:flex;flex-direction:column}.keyword-helper-head b{font-size:10px}.keyword-helper-head small{font-size:8px;color:var(--muted);margin-top:2px}.keyword-helper-head button{border:0;background:var(--purple);color:#fff;border-radius:6px;padding:7px 9px;font-size:8px;cursor:pointer}.keyword-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.keyword-chip{border:1px solid #ddd6ee;background:#fff;color:#625a70;border-radius:15px;padding:6px 9px;font-size:8px;cursor:pointer}.keyword-chip.active{border-color:var(--purple);background:#eee9ff;color:var(--purple);font-weight:700}.keyword-chip em{font-style:normal;opacity:.55;margin-left:4px}.keyword-helper>p{font-size:7px;color:#96909e;margin:0}.keyword-helper.loading .keyword-suggestions:after{content:'AI 正在分析商品与购买意图…';font-size:9px;color:var(--purple)}
.kit-result-actions{display:flex;justify-content:space-between;align-items:start;gap:15px}.kit-result-actions>div:last-child{display:flex;gap:7px}.kit-result-actions button,.kit-result-actions a{border:0;background:#eee9ff;color:var(--purple);padding:8px 10px;border-radius:7px;text-decoration:none;font-size:9px;font-weight:700;cursor:pointer}.kit-result-actions a{background:var(--purple);color:#fff}.kit-images.four{grid-template-columns:1fr 1fr}.kit-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kit-copy-grid section{background:#faf9fc;padding:12px;border-radius:9px}.pain-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pain-list p{background:#fff5f0;color:#7b5745;padding:9px;border-radius:7px;font-size:9px;margin:0}.video-script{white-space:pre-wrap;background:#191629;color:#eee9ff;border-radius:10px;padding:15px;font:10px/1.8 inherit}@media(max-width:600px){.kit-result-actions{flex-direction:column}.kit-copy-grid,.pain-list{grid-template-columns:1fr}}
.sku-fields{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:7px 9px}.sku-fields label{margin:0}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sku-preview{margin-top:10px;padding:10px 12px;border-radius:8px;background:#f3efff;display:flex;justify-content:space-between;gap:10px}.sku-preview b{font-size:9px;color:var(--purple)}.sku-preview span{font-size:8px;color:var(--muted)}.sku-preview.error{background:#fff0eb}.sku-preview.error b{color:#d65c31}@media(max-width:600px){.three-col{grid-template-columns:1fr}.sku-fields{grid-template-columns:1fr}.sku-preview{flex-direction:column}}
.task-progress{height:8px;background:#e9e3f7;border-radius:99px;overflow:hidden;margin:18px auto 0;max-width:420px}.task-progress span{display:block;height:100%;background:linear-gradient(90deg,#623ce0,#9c74ff);transition:width .6s ease}.empty-result a{display:inline-block;margin:12px;color:#6943dd}
.onboarding{position:fixed;inset:0;z-index:120;background:#171326b8;backdrop-filter:blur(5px);display:none;place-items:center;padding:20px}.onboarding.open{display:grid}.onboarding-card{width:min(520px,100%);background:#fff;border-radius:22px;padding:34px;position:relative;box-shadow:0 30px 90px #1713264d}.onboarding-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:24px;color:#9d96aa;cursor:pointer}.onboarding-progress{display:flex;gap:6px;margin-bottom:28px}.onboarding-progress i{height:5px;flex:1;border-radius:9px;background:#e8e3f1}.onboarding-progress i.active{background:#714df2}.onboarding-step{font-size:10px;color:#7655e8;font-weight:800;letter-spacing:.08em}.onboarding-icon{width:58px;height:58px;border-radius:17px;background:#eee9ff;color:#6845df;display:grid;place-items:center;font-size:23px;font-weight:800;margin:17px 0}.onboarding-card h2{font-size:23px;margin:0 0 10px}.onboarding-card p{color:#706979;line-height:1.8;min-height:55px}.onboarding-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.onboarding-actions button{border:1px solid #ddd6e9;background:#fff;border-radius:9px;padding:11px 16px;cursor:pointer}.onboarding-actions .primary{border:0;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff}.onboarding-actions button:disabled{visibility:hidden}
.background-task small{display:block;margin-top:15px;color:#9a94a5;font-size:9px}.background-task .task-progress{width:min(420px,80vw)}
.task-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.task-summary article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.task-summary small{display:block;color:var(--muted);font-size:9px}.task-summary strong{display:block;font-size:23px;margin-top:5px}.task-center{padding:20px}.task-filters{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:15px}.task-filters button{border:0;background:transparent;color:#77717f;border-radius:8px;padding:8px 12px;cursor:pointer}.task-filters button.active{background:#eee9ff;color:var(--purple);font-weight:700}.task-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.8fr) minmax(180px,1fr) auto;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid #f0edf3}.task-row:last-child{border:0}.task-row h3{font-size:12px;margin:0 0 5px}.task-row p,.task-row small{font-size:9px;color:var(--muted);margin:0}.task-status{display:inline-flex;width:max-content;border-radius:12px;padding:5px 9px;font-size:8px;font-weight:800}.task-status.completed{background:#e7f8f1;color:#16815e}.task-status.queued,.task-status.processing{background:#eee9ff;color:#6746d8}.task-status.refunded,.task-status.failed{background:#fff0ee;color:#c34e47}.task-mini-progress{height:7px;background:#ece8f2;border-radius:8px;overflow:hidden;margin-top:7px}.task-mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#6643e3,#9876ff);border-radius:8px}.task-actions{display:flex;gap:6px}.task-actions button{border:1px solid #ddd6e8;background:#fff;color:#6544d5;border-radius:7px;padding:7px 9px;font-size:9px;cursor:pointer}@media(max-width:850px){.task-summary{grid-template-columns:1fr 1fr}.task-row{grid-template-columns:1fr}.task-actions{justify-content:flex-start}}

/* 2026-06 English/productivity polish */
.sidebar{width:260px}.main{margin-left:260px}.brand{min-width:0}.brand b{line-height:1.15;white-space:nowrap}.side-help{margin-top:auto}.side-user{align-items:center;gap:10px;flex-wrap:wrap}.side-user-info{min-width:0;flex:1}.side-user-info b,.side-user-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user-actions{display:flex;gap:6px;width:100%;padding-left:42px}.side-user-actions button{border:1px solid #ded8ec;background:#fff;color:#6446d9;border-radius:7px;padding:6px 8px;font:700 9px inherit;cursor:pointer}.side-user-actions button:hover{background:#f0ecff}nav button{height:auto;min-height:44px;line-height:1.25;white-space:normal;word-break:normal;overflow-wrap:anywhere}nav button i{flex:0 0 22px}nav button em{flex:0 0 auto}.main>header{gap:16px}.header-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.credit-pill{white-space:nowrap}.stats article,.quick-grid>button,.panel,.form-panel,.result-panel{min-width:0}.stats article small,.stats article p,.quick-grid>button b,.quick-grid>button span{line-height:1.35}.quick-grid>button{align-items:flex-start}.quick-grid>button div{min-width:0}.quick-grid>button b{font-size:12px}.quick-grid>button span{font-size:9px;overflow-wrap:anywhere}.field-action-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0 7px}.field-action-label label{margin:0!important}.field-action-label button{border:0;background:#eee9ff;color:#6444d8;border-radius:8px;padding:8px 10px;font:800 9px inherit;white-space:nowrap;cursor:pointer}.field-action-label button:hover{background:#e3dcff}.field-action-label button:disabled{opacity:.55;cursor:not-allowed}.identity-confirm.optional{background:#faf8ff}.auth-card #clerkSignIn *{max-width:100%}.auth-card #clerkSignIn img{object-fit:contain}
@media(max-width:760px){.sidebar{width:260px}.main{margin-left:0}.side-user-actions{padding-left:0}.field-action-label{align-items:flex-start;flex-direction:column}.field-action-label button{width:100%}}

/* Commercial layout pass: English-safe sidebar + readable tool cards */
.sidebar{width:272px;padding:24px 18px 18px}.main{margin-left:272px}.main>header{padding-left:40px;padding-right:40px}.view{max-width:1520px}.brand{font-size:20px}.brand>span{flex:0 0 38px;width:38px;height:38px;border-radius:12px}.brand b{font-size:20px}
nav{gap:7px}nav small{font-size:11px;letter-spacing:.02em;padding:18px 10px 7px}nav button{min-height:48px;border-radius:12px;padding:0 10px 0 12px;gap:12px;font-size:14px;font-weight:600;color:#514b61}nav button.active{box-shadow:inset 0 0 0 1px #ece5ff}nav button i{position:relative;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#f7f4ff;color:#6947e8;display:grid;place-items:center;font-size:0!important;line-height:1;overflow:hidden}nav button i::before{font-size:14px;font-weight:800;line-height:1;white-space:nowrap}nav button[data-view="overview"] i::before{content:"⌂"}nav button[data-view="create"] i::before{content:"SEO";font-size:10px;letter-spacing:-.03em}nav button[data-view="imageCreate"] i::before{content:"社";font-size:13px}html[lang="en"] nav button[data-view="imageCreate"] i::before{content:"S"}nav button[data-view="launchKit"] i::before{content:"9";font-size:15px}nav button[data-view="tasks"] i::before{content:"○";font-size:17px}nav button[data-view="assets"] i::before{content:"▦";font-size:15px}nav button[data-view="credits"] i::before{content:"◇";font-size:16px}nav button em{margin-left:auto;font-size:9px;border-radius:999px;padding:3px 7px;line-height:1.1}
.side-help{padding:18px;border-radius:16px}.side-help b{font-size:13px}.side-help p{font-size:11px}.side-help button{font-size:11px}.side-user{padding:17px 4px 0}.side-user>span{flex:0 0 36px;width:36px;height:36px;border-radius:12px}.side-user-info b{font-size:13px}.side-user-info small{font-size:11px}.side-user-actions button{font-size:10px;padding:7px 9px;border-radius:9px}
.welcome h1{font-size:32px;letter-spacing:-.03em}.welcome p{font-size:14px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stats article{padding:22px;border-radius:16px;min-height:120px}.stats article small{font-size:12px}.stats article strong{font-size:28px}.stats article p{font-size:11px;line-height:1.45}.quick{padding:28px}.panel-head h2{font-size:18px}.panel-head p{font-size:12px;line-height:1.45}.panel-head button{font-size:12px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-grid>button{min-height:120px;padding:18px;border-radius:16px;gap:14px;align-items:flex-start}.quick-grid>button>i{flex:0 0 48px;width:48px;height:48px;border-radius:15px;font-size:18px}.quick-grid>button b{font-size:15px;line-height:1.25;letter-spacing:-.02em}.quick-grid>button span{font-size:12px;line-height:1.45;color:#726b7d}.quick-grid>button small{font-size:11px;font-weight:800;color:#6d4aff;margin-top:3px}.quick-grid>button em{right:12px;top:10px;font-size:9px;border-radius:999px;padding:4px 7px}
@media(max-width:1180px){.quick-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:272px}.main{margin-left:0}.main>header{padding-left:15px;padding-right:15px}.welcome h1{font-size:25px}.stats{grid-template-columns:1fr}.quick{padding:20px}}

/* 2026-06-25 icon refresh: replace text badges with commerce/AI graphic icons */
nav button i,
.quick-grid>button>i{
  position:relative!important;
  overflow:hidden!important;
  font-size:0!important;
  color:#6d4aff!important;
  isolation:isolate;
}
nav button i::before,
nav button i::after,
.quick-grid>button>i::before,
.quick-grid>button>i::after{
  content:""!important;
  position:absolute;
  box-sizing:border-box;
  display:block;
}
nav button i{
  background:linear-gradient(145deg,#f6f2ff,#fbfaff)!important;
  border:1px solid #eee7ff;
  box-shadow:inset 0 1px 0 #fff;
}
nav button[data-view="overview"] i::before{
  width:13px;height:13px;left:10px;top:10px;border:1.8px solid currentColor;border-radius:4px;transform:rotate(45deg);
}
nav button[data-view="overview"] i::after{
  width:5px;height:5px;left:14px;top:14px;border-radius:2px;background:currentColor;
}
nav button[data-view="create"] i::before,
.quick-grid>button[data-tool-choice="copy"]>i::before{
  width:15px;height:15px;left:9px;top:8px;border:2px solid currentColor;border-radius:50%;
}
nav button[data-view="create"] i::after,
.quick-grid>button[data-tool-choice="copy"]>i::after{
  width:10px;height:2.4px;left:21px;top:23px;border-radius:6px;background:currentColor;transform:rotate(45deg);
}
.quick-grid>button[data-tool-choice="copy"]>i{
  background:linear-gradient(145deg,#fff1e7,#fff8f2)!important;
  color:#f28b47!important;
}
.quick-grid>button[data-tool-choice="copy"]>i::before{left:12px;top:11px;width:18px;height:18px}
.quick-grid>button[data-tool-choice="copy"]>i::after{left:28px;top:30px;width:13px}
nav button[data-view="imageCreate"] i::before,
.quick-grid>button[data-tool-choice="image"]>i::before{
  width:8px;height:8px;left:8px;top:8px;border-radius:50%;background:currentColor;
  box-shadow:13px 5px 0 currentColor,6px 17px 0 currentColor;
}
nav button[data-view="imageCreate"] i::after,
.quick-grid>button[data-tool-choice="image"]>i::after{
  width:22px;height:17px;left:10px;top:12px;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:skew(-18deg) rotate(-8deg);opacity:.55;border-radius:5px 0 0 0;
}
.quick-grid>button[data-tool-choice="image"]>i{
  background:linear-gradient(145deg,#e7f2ff,#f5fbff)!important;
  color:#3989ed!important;
}
.quick-grid>button[data-tool-choice="image"]>i::before{left:13px;top:12px;width:9px;height:9px;box-shadow:18px 7px 0 currentColor,8px 24px 0 currentColor}
.quick-grid>button[data-tool-choice="image"]>i::after{left:16px;top:18px;width:29px;height:23px;border-width:2.2px}
nav button[data-view="launchKit"] i::before,
.quick-grid>button[data-tool-choice="launchKit"]>i::before{
  width:4px;height:4px;left:9px;top:9px;border-radius:2px;background:currentColor;
  box-shadow:8px 0 0 currentColor,16px 0 0 currentColor,0 8px 0 currentColor,8px 8px 0 currentColor,16px 8px 0 currentColor,0 16px 0 currentColor,8px 16px 0 currentColor,16px 16px 0 currentColor;
}
nav button[data-view="launchKit"] i::after,
.quick-grid>button[data-tool-choice="launchKit"]>i::after{
  width:9px;height:9px;right:5px;top:5px;background:linear-gradient(135deg,#fff,#8b6aff);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);
}
.quick-grid>button[data-tool-choice="launchKit"]>i{
  background:linear-gradient(145deg,#eee8ff,#fbf9ff)!important;
  color:#714df2!important;
}
.quick-grid>button[data-tool-choice="launchKit"]>i::before{left:13px;top:13px;width:5px;height:5px;box-shadow:10px 0 0 currentColor,20px 0 0 currentColor,0 10px 0 currentColor,10px 10px 0 currentColor,20px 10px 0 currentColor,0 20px 0 currentColor,10px 20px 0 currentColor,20px 20px 0 currentColor}
.quick-grid>button[data-tool-choice="launchKit"]>i::after{right:7px;top:7px;width:11px;height:11px}
nav button[data-view="tasks"] i::before{
  width:16px;height:16px;left:9px;top:9px;border-radius:50%;border:2px solid currentColor;
}
nav button[data-view="tasks"] i::after{
  width:7px;height:2px;left:16px;top:16px;background:currentColor;border-radius:3px;box-shadow:-4px -5px 0 -1px currentColor;
}
nav button[data-view="assets"] i::before{
  width:16px;height:16px;left:9px;top:9px;border:1.8px solid currentColor;border-radius:4px;
  background:linear-gradient(90deg,transparent 30%,currentColor 31%,currentColor 36%,transparent 37%),linear-gradient(transparent 30%,currentColor 31%,currentColor 36%,transparent 37%);
  opacity:.95;
}
nav button[data-view="credits"] i::before{
  width:15px;height:15px;left:10px;top:9px;border:2px solid currentColor;border-radius:4px;transform:rotate(45deg);
}
nav button[data-view="credits"] i::after{
  width:5px;height:5px;left:15px;top:14px;border-radius:50%;background:currentColor;
}
.quick-grid>button>i{
  flex:0 0 56px!important;
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  border:1px solid #eee7ff;
  box-shadow:inset 0 1px 0 #fff,0 10px 24px #6044dd12;
}
.quick-grid>button{
  align-items:flex-start!important;
}
.quick-grid>button div{
  padding-top:1px;
}
.quick-grid>button b{
  max-width:180px;
}
html[lang="en"] .quick-grid>button b{
  font-size:14px;
}
html[lang="en"] .quick-grid>button span{
  font-size:12px;
}
html[lang="en"] #welcomeTitle{
  word-break:normal;
  overflow-wrap:normal;
}

/* Product intelligence + multi-angle upload polish */
.multi-upload-panel{margin:10px 0 14px}.multi-upload-note{margin:0 0 8px;color:#7d768a;font-size:11px;line-height:1.55}.multi-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.multi-thumb{background:#faf9fc;border:1px solid #ebe5f4;border-radius:10px;padding:7px;min-width:0}.multi-thumb img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:8px}.multi-thumb select{margin-top:7px;width:100%;border:1px solid #ddd6e9;border-radius:7px;padding:6px;background:#fff;color:#4e465d;font:700 10px inherit}.multi-thumb small{display:block;margin-top:5px;color:#9a94a4;font-size:9px;text-align:center}.commerce-intel-card{border:1px solid #ded6fa;background:linear-gradient(145deg,#fbfaff,#f7f3ff);border-radius:14px;padding:15px;margin:16px 0}.commerce-intel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.commerce-intel-head b{display:block;font-size:13px;color:#211b36}.commerce-intel-head span{display:block;margin-top:4px;font-size:11px;line-height:1.45;color:#746d80}.commerce-intel-head button,.intel-actions button{border:0;background:#6d4aff;color:#fff;border-radius:9px;padding:9px 12px;font:800 11px inherit;cursor:pointer;white-space:nowrap}.commerce-intel-head button:disabled{opacity:.6}.commerce-intel-body{margin-top:13px}.intel-summary{background:#fff;border:1px solid #eee8f7;border-radius:11px;padding:12px}.intel-summary strong{display:block;font-size:13px;line-height:1.55}.intel-summary small{display:block;margin-top:5px;color:#7d768a;font-size:10px}.intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.intel-grid label{margin:0!important;font-size:10px!important}.intel-grid textarea{height:92px!important;background:#fff}.intel-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.intel-chips span{background:#fff;color:#6646d8;border:1px solid #e4ddf6;border-radius:999px;padding:6px 9px;font-size:10px}.intel-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.intel-actions button{background:#fff;color:#6545d8;border:1px solid #ded6f2;padding:8px 10px}.intel-actions button:first-child{background:#6d4aff;color:#fff;border-color:#6d4aff}.quick-grid>button>i,.stats article>i{font-size:0!important;position:relative;overflow:hidden}.quick-grid>button>i::before,.quick-grid>button>i::after,.stats article>i::before,.stats article>i::after{content:""!important;position:absolute;box-sizing:border-box}.quick-grid>button[data-tool-choice="launchKit"]>i::before{width:24px;height:24px;left:15px;top:15px;border:2px solid currentColor;border-radius:8px}.quick-grid>button[data-tool-choice="launchKit"]>i::after{width:8px;height:8px;left:34px;top:13px;border-radius:50%;background:currentColor;box-shadow:-18px 23px 0 currentColor}.quick-grid>button[data-tool-choice="copy"]>i::before{width:20px;height:20px;left:14px;top:13px;border:2.4px solid currentColor;border-radius:50%}.quick-grid>button[data-tool-choice="copy"]>i::after{width:13px;height:3px;left:32px;top:34px;background:currentColor;border-radius:8px;transform:rotate(45deg)}.quick-grid>button[data-tool-choice="image"]>i::before{width:8px;height:8px;left:14px;top:13px;border-radius:50%;background:currentColor;box-shadow:15px 6px 0 currentColor,8px 24px 0 currentColor}.quick-grid>button[data-tool-choice="image"]>i::after{width:30px;height:19px;left:12px;top:21px;border:2px solid currentColor;border-radius:10px;opacity:.65}@media(max-width:760px){.multi-preview-grid,.intel-grid{grid-template-columns:1fr 1fr}.commerce-intel-head{align-items:flex-start;flex-direction:column}.commerce-intel-head button{width:100%}}@media(max-width:430px){.multi-preview-grid,.intel-grid{grid-template-columns:1fr}}

/* Conversion cleanup: hide weak helper steps and make results easier to read */
#suggestKitHints,#suggestKitVisual,#identityPreflight,.identity-confirm.optional{display:none!important}
.sidebar{overflow-y:auto;overscroll-behavior:contain;min-height:0}
.sidebar nav{flex:0 0 auto}.side-help{margin-top:22px!important;flex:0 0 auto}.side-user{flex:0 0 auto;margin-top:14px}

/* 2026-07-08 sidebar overflow fix: keep translated labels horizontal */
.sidebar{overflow-x:hidden}
.sidebar nav button{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  width:100%;
  column-gap:12px;
  overflow:hidden;
}
.sidebar nav button .nav-label{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.25;
}
.sidebar nav button em{
  max-width:58px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  justify-self:end;
}
.sidebar nav button[data-view="launchKit"] em,
.sidebar nav button[data-view="create"] em{
  max-width:46px;
}
.sidebar .brand{
  overflow:hidden;
}
.sidebar .brand b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sidebar nav small{
  white-space:nowrap;
}

/* 2026-07-08 brand + quick-start refinement */
.sidebar{
  padding-top:20px!important;
}
.sidebar>.brand{
  flex:0 0 auto;
  min-height:70px;
  padding:8px 8px 22px!important;
  margin:0 0 4px;
  overflow:visible!important;
  align-items:center;
}
.sidebar>.brand>span{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px;
}
.sidebar>.brand b{
  display:block;
  font-size:20px;
  line-height:1.15;
  white-space:nowrap;
  overflow:visible!important;
  text-overflow:clip!important;
}
.sidebar>.brand i{
  display:inline;
}
.overview-grid{
  grid-template-columns:minmax(860px,1.75fr) minmax(360px,.75fr);
}
.quick{
  padding:30px 32px;
}
.quick-grid{
  grid-template-columns:repeat(3,minmax(260px,1fr));
  gap:18px;
}
.quick-grid>button{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  min-height:138px;
  padding:20px 22px;
  column-gap:16px;
}
.quick-grid>button>i{
  width:52px!important;
  height:52px!important;
  flex-basis:52px!important;
}
.quick-grid>button b{
  white-space:nowrap;
  font-size:15px;
}
.quick-grid>button span{
  white-space:nowrap;
  font-size:12px;
}
.quick-grid>button small{
  white-space:nowrap;
  font-size:11px;
}
@media(max-width:1320px){
  .overview-grid{grid-template-columns:1fr}
  .quick-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}
}
@media(max-width:980px){
  .quick-grid{grid-template-columns:1fr}
  .quick-grid>button b,.quick-grid>button span{white-space:normal}
}

/* SEO copy engine */
.copy-studio{grid-template-columns:minmax(460px,520px) minmax(0,1fr)}
.copy-form{padding:0;overflow:hidden}
.copy-form>.step,.copy-form>label,.copy-form>.two-col,.copy-form>.upload,.copy-form>.keyword-input-row,.copy-form>.keyword-helper,.copy-form>.content-type-grid,.copy-form>.generate,.copy-form>.form-note{margin-left:25px;margin-right:25px}
.copy-hero{padding:24px 25px;background:linear-gradient(135deg,#f2edff,#fff7ee);border-bottom:1px solid var(--line)}
.copy-hero b{font-size:18px;display:block;margin-bottom:8px}
.copy-hero p{margin:0;color:#6f687b;font-size:12px;line-height:1.75}
.copy-form select[multiple]{height:auto;min-height:146px;padding:8px}
.copy-form select[multiple] option{padding:8px 9px;border-radius:7px;margin:2px 0}
.content-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:8px}
.content-type-grid label{margin:0!important;border:1px solid var(--line);border-radius:10px;padding:10px 11px;display:flex;align-items:center;gap:8px;background:#fff;font-size:11px;cursor:pointer}
.content-type-grid label:has(input:checked){border-color:#b9aaff;background:#f3efff;color:var(--purple);font-weight:800}
.content-type-grid input{width:auto!important}
.seo-copy-section .keyword-group{margin:10px 0 14px}
.seo-copy-section .keyword-group>b{font-size:11px;color:#5d566b;display:block;margin-bottom:8px}
.title-option b{font-size:11px;color:var(--purple)}
.title-option p{margin:5px 0 0;line-height:1.65}
.copy-line{font-size:12px;line-height:1.85;color:#575162;margin:7px 0;padding:9px 11px;background:#faf8ff;border-radius:8px}
.copy-muted{font-size:11px;color:#9a94a5}
.script-card{background:#faf8ff;border:1px solid #eee9f8;border-radius:10px;padding:13px;margin:9px 0}
.script-card b{display:block;margin-bottom:7px;color:#2a2438}
.script-card p{font-size:12px;line-height:1.8;color:#625b6d}
.script-card pre,.seo-fields{white-space:pre-wrap;margin:0;font:12px/1.75 inherit;color:#5b5465}
.seo-copy-section h4{font-size:12px;margin:15px 0 8px;color:#2c2638}
.faq-item{border:1px solid var(--line);border-radius:10px;padding:12px;margin:8px 0;background:#fff}
.faq-item b{font-size:12px}
.faq-item p{font-size:12px;line-height:1.7;color:#625b6d}
@media(max-width:1100px){.copy-studio{grid-template-columns:1fr}.content-type-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.content-type-grid{grid-template-columns:1fr}.copy-form>.step,.copy-form>label,.copy-form>.two-col,.copy-form>.upload,.copy-form>.keyword-input-row,.copy-form>.keyword-helper,.copy-form>.content-type-grid,.copy-form>.generate,.copy-form>.form-note{margin-left:16px;margin-right:16px}}

/* Social seed content engine */
.social-form{padding:0;overflow:hidden}
.social-form>.step,.social-form>label,.social-form>.two-col,.social-form>.three-col,.social-form>.image-drop,.social-form>.asset-types,.social-form>.content-type-grid,.social-form>.generate,.social-form>.form-note{margin-left:25px;margin-right:25px}
.social-form select[multiple]{height:auto;min-height:168px;padding:8px}
.social-form select[multiple] option{padding:8px 9px;border-radius:7px;margin:2px 0}
.social-type-grid{grid-template-columns:repeat(2,1fr)}
.social-analysis{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;margin:12px 0}
.social-analysis article,.platform-copy-grid article{background:#faf8ff;border:1px solid #eee9f8;border-radius:12px;padding:14px}
.social-analysis b,.platform-copy-grid b{font-size:12px;color:#221b35}
.social-analysis p,.platform-copy-grid p,.platform-copy-grid small{white-space:pre-wrap;font-size:12px;line-height:1.75;color:#5f586b}
.image-analysis-grid article span{display:inline-block;margin-top:8px;background:#eee9ff;color:#6c49f5;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:800}
.platform-copy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 18px}
.platform-copy-grid article p{margin:8px 0}
.social-output .script-card{margin:10px 0 18px}
@media(max-width:1100px){.social-analysis,.platform-copy-grid{grid-template-columns:1fr}.social-type-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.social-type-grid{grid-template-columns:1fr}.social-form>.step,.social-form>label,.social-form>.two-col,.social-form>.three-col,.social-form>.image-drop,.social-form>.asset-types,.social-form>.content-type-grid,.social-form>.generate,.social-form>.form-note{margin-left:16px;margin-right:16px}}

/* 2026-07-08 layout hardening: prevent asymmetric overflow in translated UI */
html,body{max-width:100%;overflow-x:hidden}
.main{overflow-x:hidden}
.main>header,.welcome,.page-title,.panel-head,.kit-result-actions{
  min-width:0;
}
.main>header{
  gap:18px;
}
.main>header .search{
  min-width:220px;
  max-width:420px;
  flex:1 1 320px;
}
.header-actions{
  flex:0 0 auto;
  min-width:0;
}
.credit-pill{
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.welcome,.page-title{
  gap:18px;
  flex-wrap:wrap;
}
.welcome>div,.page-title>div{
  min-width:0;
  flex:1 1 360px;
}
.welcome h1,.page-title h1{
  overflow-wrap:break-word;
}
.cost,.credit-balance{
  flex:0 0 auto;
}
.studio,.image-studio,.kit-studio{
  grid-template-columns:minmax(360px,430px) minmax(0,1fr);
}
.form-panel,.result-panel,.image-result,.kit-result,.panel,.records,.quick{
  min-width:0;
}
.quick-grid>button{
  min-width:0;
}
.quick-grid>button div{
  min-width:0;
}
.quick-grid>button b,.quick-grid>button span,.quick-grid>button small{
  overflow-wrap:normal;
  word-break:normal;
}
@media(max-width:980px){
  .studio,.image-studio,.kit-studio{grid-template-columns:1fr}
  .main>header .search{max-width:none}
}
@media(max-width:760px){
  .main>header{gap:10px}
  .header-actions{gap:6px}
  .credit-pill{max-width:150px}
}
.result-block h3{font-size:15px!important}.title-option{font-size:13px!important;line-height:1.65!important}
.points p,.description-text,.ad-copy,.social-post-body{font-size:13px!important;line-height:1.85!important}.points b{font-size:13px!important}.keyword-cloud span{font-size:12px!important}
.social-output h2{font-size:22px!important}.social-output h3{font-size:15px!important}.storyboard-grid p{font-size:12px!important}.storyboard-grid small{font-size:11px!important}
.kit-images img,.social-image-grid img,.modal-asset-image,.asset-cover img{cursor:zoom-in}
.language-select{height:38px;border:1px solid #ded8ea;border-radius:12px;background:#fff;color:#171426;padding:0 34px 0 12px;font:700 13px inherit;outline:none;box-shadow:0 8px 24px rgba(61,39,105,.08);cursor:pointer}.language-select:focus{border-color:#6d4aff;box-shadow:0 0 0 3px rgba(109,74,255,.13)}