:root{--commerce-card:#101518;--commerce-raised:#151c1f;--commerce-line:rgba(255,255,255,.09);--commerce-cyan:#8ce9ef;--commerce-muted:#9ca8ad}
.commerce-view,.products-view{max-width:1560px;margin:0 auto;padding:46px clamp(26px,4.2vw,72px) 90px}
.panel-surface{border:1px solid var(--commerce-line);background:linear-gradient(145deg,rgba(17,23,26,.96),rgba(9,13,15,.98));border-radius:22px;box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)}
.commerce-hero{min-height:210px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}
.commerce-hero:after{content:"";position:absolute;width:460px;height:460px;right:-120px;top:-245px;border-radius:50%;background:radial-gradient(circle,rgba(98,230,238,.2),rgba(98,230,238,.03) 52%,transparent 70%);pointer-events:none}
.commerce-hero>div{position:relative;z-index:1;max-width:850px}.commerce-hero h1{margin:8px 0 10px;font-size:clamp(29px,3.1vw,46px);line-height:1.25;letter-spacing:-2px}.commerce-hero p{margin:0;color:var(--commerce-muted);font-size:15px;line-height:1.8}.secondary-action{position:relative;z-index:1;border:1px solid rgba(140,233,239,.22);border-radius:11px;background:rgba(140,233,239,.08);color:#d9fafd;padding:12px 16px;white-space:nowrap}.secondary-action span{color:var(--commerce-cyan);margin-left:7px}
.commerce-path{max-width:1370px;margin:18px auto 0;padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--commerce-line);border-radius:18px;background:#0d1214}.commerce-path>div{display:flex;align-items:center;gap:11px;min-width:0}.commerce-path>div>span{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(140,233,239,.25);border-radius:9px;background:rgba(140,233,239,.08);color:var(--commerce-cyan);font-size:10px;font-weight:700}.commerce-path b,.commerce-path small{display:block}.commerce-path b{font-size:12px}.commerce-path small{font-size:9px;color:#7f8b90}.commerce-path>i{color:#48666b;font-style:normal}
.commerce-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px;margin-top:18px}.commerce-builder,.commerce-capabilities{padding:26px}.commerce-step-head{display:flex;align-items:center;gap:13px;margin-bottom:23px}.commerce-step-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(140,233,239,.09);border:1px solid rgba(140,233,239,.2);color:var(--commerce-cyan);font-size:10px;font-weight:700}.commerce-step-head h2{margin:0 0 3px;font-size:19px}.commerce-step-head p{margin:0;color:#7f8b90;font-size:11px}.commerce-field{display:block}.commerce-field>span{display:block;margin:0 0 7px;color:#b7c0c4;font-size:11px}.commerce-field select{width:100%;height:48px;padding:0 13px;border:1px solid var(--commerce-line);border-radius:11px;background:#0a0e10;color:#eef2f3;outline:0}.commerce-field select:focus{border-color:rgba(140,233,239,.45);box-shadow:0 0 0 3px rgba(140,233,239,.06)}.commerce-field-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;margin:15px 0}.selected-product-summary{min-height:86px;margin-top:18px;padding:14px;display:flex;align-items:center;gap:13px;border:1px solid rgba(140,233,239,.15);border-radius:14px;background:linear-gradient(130deg,rgba(140,233,239,.08),rgba(255,255,255,.025))}.selected-product-summary>span{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:13px;background:linear-gradient(145deg,#a7f8fb,#49d8e2);color:#071113;font-size:18px;font-weight:800}.selected-product-summary b,.selected-product-summary p,.selected-product-summary small{display:block}.selected-product-summary p{margin:4px 0;color:#acb7ba;font-size:11px}.selected-product-summary small{color:#6f7c81;font-size:9px}.selected-product-summary.empty{border-style:dashed;background:#0b0f11}.selected-product-summary.empty>span{background:#151b1e;color:#69767a}.commerce-builder-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px}.commerce-builder-actions>small{color:#728085;font-size:9px}.commerce-builder-actions>small i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#e9bd68}.commerce-builder-actions .primary-button{min-width:180px;height:44px}
.capability-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.capability-title span{font-size:13px;font-weight:700}.capability-title small{font-size:8px;color:#718085}.capability-list{display:grid;gap:8px}.capability-list>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#0b1012}.capability-list i{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#171e21;color:#77848a;font-size:9px;font-style:normal}.capability-list b,.capability-list small{display:block}.capability-list b{font-size:11px}.capability-list small{color:#738085;font-size:8px;line-height:1.5;margin-top:2px}.capability-list em{font-style:normal;color:#69767b;font-size:8px}.capability-list .ready i{background:rgba(140,233,239,.1);color:var(--commerce-cyan)}.capability-list .ready em{color:#77dfe6}
.commerce-output{margin-top:18px;padding:28px;scroll-margin-top:120px}.output-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--commerce-line);padding-bottom:18px}.output-head h2{font-size:24px;margin:4px 0 0}.output-head>span{border:1px solid rgba(140,233,239,.2);border-radius:999px;background:rgba(140,233,239,.08);color:var(--commerce-cyan);font-size:9px;padding:7px 10px}.plan-summary-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:18px}.plan-summary-grid article{padding:18px;border:1px solid var(--commerce-line);border-radius:14px;background:#0b1012}.plan-summary-grid span{color:var(--commerce-cyan);font-size:9px;letter-spacing:.1em}.plan-summary-grid p{margin:9px 0 0;color:#d7dddf;white-space:pre-line;line-height:1.8}.storyboard-block,.video-prompt-block,.variant-block{margin-top:24px}.storyboard-block h3,.video-prompt-block h3,.variant-block h3{font-size:15px;margin:0 0 11px}.storyboard-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.storyboard-list article{position:relative;min-height:135px;padding:18px;border:1px solid var(--commerce-line);border-radius:14px;background:linear-gradient(145deg,#13191c,#0b0f11)}.storyboard-list article>span{color:var(--commerce-cyan);font-size:9px}.storyboard-list article>i{position:absolute;right:14px;top:10px;color:#263337;font-size:25px;font-style:normal;font-weight:700}.storyboard-list b{display:block;margin:11px 0 5px}.storyboard-list p{margin:0;color:#8f9ba0;font-size:10px;line-height:1.65}.video-prompt-block>div,.variant-block>div{display:flex;align-items:end;justify-content:space-between}.video-prompt-block>div p,.variant-block>div p{font-size:9px;color:#718085;margin:0}.video-prompt-block textarea{width:100%;min-height:150px;padding:16px;margin-top:11px;resize:vertical;border:1px solid var(--commerce-line);border-radius:14px;background:#080c0e;color:#dfe6e8;outline:0;line-height:1.8}.video-prompt-block textarea:focus{border-color:rgba(140,233,239,.38);box-shadow:0 0 0 3px rgba(140,233,239,.05)}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:11px}.variant-grid button{text-align:left;padding:16px;border:1px solid var(--commerce-line);border-radius:14px;background:#0b1012;color:#dce2e4}.variant-grid button:hover,.variant-grid button.selected{border-color:rgba(140,233,239,.35);background:rgba(140,233,239,.065);transform:translateY(-2px)}.variant-grid span{color:#748186;font-size:8px}.variant-grid b{display:block;margin:6px 0}.variant-grid p{min-height:34px;margin:0 0 8px;color:#a7b1b5;font-size:10px}.variant-grid small{color:#657277;font-size:8px}.commerce-output-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.commerce-output-actions .primary-button{min-width:190px}
.future-lab{margin-top:18px;padding:28px}.future-title{display:grid;grid-template-columns:1fr 1fr;align-items:end}.future-title h2{font-size:23px;margin:5px 0 0}.future-title p{margin:0;color:#89969b}.future-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.future-grid article{min-height:132px;padding:16px;display:flex;flex-direction:column;border:1px solid rgba(140,233,239,.14);border-radius:14px;background:linear-gradient(145deg,rgba(140,233,239,.065),#0a0f11)}.future-grid i{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:rgba(140,233,239,.1);color:var(--commerce-cyan);font-style:normal}.future-grid div{margin:auto 0}.future-grid b,.future-grid small{display:block}.future-grid b{font-size:12px}.future-grid small{color:#748186;font-size:9px;margin-top:3px}.future-grid em{align-self:flex-start;padding:3px 6px;border-radius:5px;background:rgba(140,233,239,.08);color:#7de2e8;font-size:8px;font-style:normal}.future-grid .coming{filter:saturate(.6)}.future-grid .coming em{color:#909a9e;background:#1b2225}
.products-view{max-width:1500px}.product-library-head{align-items:center}.product-library-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px}.product-list-panel{min-height:600px;padding:20px}.product-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.product-panel-head h2{font-size:17px;margin:0}.product-panel-head span{color:#748085;font-size:9px}.product-search{height:36px;padding:0 11px;display:flex;align-items:center;border:1px solid var(--commerce-line);border-radius:9px;color:#69757a;background:#090d0f}.product-search input{width:190px;margin-left:6px;border:0;outline:0;background:transparent;color:#dce2e4}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.product-card{position:relative;min-width:0;padding:10px;border:1px solid var(--commerce-line);border-radius:16px;background:#0c1113;transition:.22s}.product-card:hover{border-color:rgba(140,233,239,.25);transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.22)}.product-card-edit{position:absolute;right:17px;top:17px;z-index:2;width:30px;height:28px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:rgba(5,8,9,.72);color:#9ba6aa}.product-card-visual{height:150px;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:11px;background:radial-gradient(circle at 70% 15%,rgba(140,233,239,.24),transparent 32%),linear-gradient(145deg,#203638,#102023)}.product-card:nth-child(3n+2) .product-card-visual{background:radial-gradient(circle at 70% 15%,rgba(184,148,255,.24),transparent 32%),linear-gradient(145deg,#2c2940,#171524)}.product-card:nth-child(3n) .product-card-visual{background:radial-gradient(circle at 70% 15%,rgba(229,186,102,.22),transparent 32%),linear-gradient(145deg,#3a3020,#1c160e)}.product-card-visual>span{font-size:50px;font-weight:800;color:rgba(255,255,255,.82);text-shadow:0 12px 30px rgba(0,0,0,.4)}.product-card-visual>i{position:absolute;width:110px;height:110px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.product-card-copy{padding:12px 4px}.product-card-copy>small{color:var(--commerce-cyan);font-size:8px}.product-card-copy h3{font-size:14px;margin:4px 0}.product-card-copy p{height:34px;overflow:hidden;margin:0;color:#89959a;font-size:9px;line-height:1.7}.product-card-copy>div{display:flex;justify-content:space-between;margin-top:10px;color:#718085;font-size:8px}.product-card-copy>div b{color:#d7dcde}.product-plan-action{width:100%;height:35px;border:1px solid rgba(140,233,239,.17);border-radius:9px;background:rgba(140,233,239,.07);color:#bceff2;font-size:9px}.product-empty{grid-column:1/-1;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#718085}.product-empty>span{font-size:30px;color:#435156}.product-empty b{color:#c4cccf;margin:12px 0 4px}.product-empty p{margin:0;font-size:10px}.product-editor{padding:22px;height:max-content;position:sticky;top:120px}.product-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.product-editor-head span{color:var(--commerce-cyan);font-size:8px;letter-spacing:.13em}.product-editor-head h2{font-size:18px;margin:4px 0 0}.product-editor-head button{width:32px;height:32px;border:1px solid var(--commerce-line);border-radius:9px;background:#151b1e;color:#89969b}.product-editor form label{display:block;margin-bottom:12px}.product-editor form label>span{display:block;margin-bottom:6px;color:#aab4b8;font-size:10px}.product-editor input,.product-editor textarea,.product-editor select{width:100%;padding:0 11px;border:1px solid var(--commerce-line);border-radius:9px;background:#090d0f;color:#e5eaeb;outline:0}.product-editor input,.product-editor select{height:40px}.product-editor textarea{height:90px;padding-top:10px;resize:vertical}.product-editor input:focus,.product-editor textarea:focus,.product-editor select:focus{border-color:rgba(140,233,239,.4);box-shadow:0 0 0 3px rgba(140,233,239,.05)}.product-form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.product-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:16px}.danger-action{margin-right:auto;border:1px solid rgba(255,120,111,.22);border-radius:9px;background:rgba(255,120,111,.07);color:#ff958e;padding:10px 12px}#product-form-message{min-height:18px;margin:0;color:#ff8d85;font-size:9px}
@media(max-width:1180px){.topbar nav{margin-left:30px}.nav-link{padding-left:11px;padding-right:11px}.commerce-workspace{grid-template-columns:1fr}.commerce-capabilities{order:2}.product-library-layout{grid-template-columns:1fr}.product-editor{position:static}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.commerce-view,.products-view{padding:26px 14px 100px}.commerce-hero{padding:24px;display:block}.commerce-hero .secondary-action{margin-top:18px}.commerce-path{justify-content:flex-start;overflow:auto;margin-left:8px;margin-right:8px}.commerce-path>div{min-width:180px}.commerce-builder,.commerce-capabilities,.commerce-output,.future-lab{padding:18px}.commerce-field-grid{grid-template-columns:1fr}.commerce-builder-actions{align-items:stretch;flex-direction:column}.plan-summary-grid,.storyboard-list,.variant-grid,.future-grid,.future-title{grid-template-columns:1fr}.future-title p{margin-top:9px}.product-grid{grid-template-columns:1fr 1fr}.product-list-panel{padding:13px}.product-panel-head{align-items:flex-start;gap:12px;flex-direction:column}.product-search{width:100%}.product-search input{width:100%}.topbar nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.topbar nav .nav-link{font-size:10px!important}.commerce-entry{display:block}.product-library-head{display:flex!important}}
@media(max-width:470px){.product-grid{grid-template-columns:1fr}.product-form-row{grid-template-columns:1fr}.commerce-hero h1{font-size:30px}.commerce-output-actions{flex-direction:column}.commerce-output-actions button{width:100%}.topbar nav .nav-link{font-size:9px!important;letter-spacing:-.2px}}