@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750;800;850;900&display=swap');
:root{--ink:#101820;--ink2:#202c35;--orange:#ff4d00;--lime:#c6ff00;--white:#fff;--bg:#f5f6f4;--surface:#fff;--border:#e4e8e5;--muted:#68757b;--pale:#f0f2ef;--darkmuted:#acbdc2;--shadow:0 18px 42px rgba(16,24,32,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.5 Inter,Arial,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.015em}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:3px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.i{height:18px;width:18px;display:inline-block;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--ink);color:#fff;padding:25px 14px 17px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;gap:12px;align-items:center;padding:4px 11px 20px}.brand-mark{height:38px;width:39px;background:var(--orange);border-radius:8px;display:flex;gap:3px;justify-content:center;align-items:flex-end;padding:9px 7px;transform:skew(-5deg)}.brand-mark i{height:9px;width:6px;background:#101820;border-radius:1px;display:block;transform:skew(5deg)}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:15px}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-text strong{font-size:16px;font-weight:900;letter-spacing:-.075em;white-space:nowrap;line-height:1.05}.brand-text strong span{color:var(--lime);margin:0 1px}.brand-text small{font-weight:750;font-size:8px;letter-spacing:.2em;color:#9caeb2}.workspace-label{font-size:9px;letter-spacing:.09em;font-weight:750;color:#98abad;background:#ffffff0d;border:1px solid #ffffff13;margin:3px 9px 28px;border-radius:6px;padding:10px 9px;display:flex;align-items:center;gap:8px}.pulse{height:6px;width:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #c6ff0016}.nav-kicker{color:#667d86;font-size:9px;letter-spacing:.19em;font-weight:800;margin:16px 13px 10px}.main-nav{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:11px;min-height:43px;border-radius:8px;color:#9cabb2;font-size:12px;font-weight:650;padding:0 13px;background:transparent;border:1px solid transparent;text-align:left;width:100%;transition:background .15s,color .15s}.nav-link:hover{color:white;background:#24313a}.nav-link.active{background:#29373b;color:var(--lime);border-color:#394943}.nav-link.active:after{content:'';margin-left:auto;width:5px;height:5px;background:var(--lime);border-radius:50%}.nav-link .i{width:17px;height:17px}.nav-separator{margin:15px 12px 7px;border-top:1px solid #ffffff12}.sidebar-bottom{margin-top:auto}.side-promo{background:#20303a;border:1px solid #354750;border-radius:11px;min-height:187px;margin:0 5px 17px;padding:18px;position:relative;overflow:hidden}.side-promo:after{content:'';height:190px;width:190px;border:28px solid #c6ff000e;border-radius:50%;position:absolute;right:-110px;bottom:-130px}.side-promo-label{color:var(--lime);letter-spacing:.16em;font-weight:850;font-size:9px}.side-promo strong{display:block;font-size:24px;line-height:1.12;letter-spacing:-.065em;font-weight:850;margin:12px 0}.side-promo strong em{font-style:normal;color:var(--lime)}.side-promo>span:not(.side-promo-label):not(.promo-arrow){display:block;color:#9fb1b8;font-size:10px}.promo-arrow{position:absolute;right:15px;top:12px;color:var(--lime);font-size:23px}.side-version{border-top:1px solid #ffffff19;padding:13px 7px 0;display:flex;justify-content:space-between;color:#647c84;font-size:8px;letter-spacing:.07em;font-weight:800}.side-version b{color:var(--lime)}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(20px,3.1vw,50px);position:sticky;top:0;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:10px;color:#91a0a2;font-weight:750;letter-spacing:.04em}.breadcrumb b{color:#bbc6c9}.breadcrumb strong{color:var(--ink)}.demo-pill{border:1px solid #dce3df;border-radius:5px;display:flex;align-items:center;gap:7px;color:#4e6166;font-size:9px;font-weight:800;letter-spacing:.045em;padding:8px 10px}.demo-pill span{width:6px;height:6px;background:var(--orange);border-radius:50%}.top-cta,.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 15px;border:1px solid #dae0db;background:#fff;border-radius:7px;color:var(--ink);font-weight:750;font-size:11px;white-space:nowrap;transition:.15s}.top-cta{background:var(--orange);color:white;border-color:var(--orange)}.top-cta:hover,.btn.orange:hover{background:#e44500}.btn:hover{background:#f1f2f0}.btn.orange{background:var(--orange);color:white;border-color:var(--orange)}.btn.ink{background:var(--ink);color:white;border-color:var(--ink)}.btn.ink:hover{background:#2a3945}.btn.lime{background:var(--lime);border-color:var(--lime)}.btn.small{padding:8px 11px;font-size:10px;min-height:34px}.btn.ghost{border:0;background:transparent;padding:7px 5px}.btn.wide{width:100%}.btn .i,.top-cta .i{height:15px;width:15px}.avatar{height:32px;width:32px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-size:10px;font-weight:850;border-radius:50%}.mobile-menu{display:none}.main{padding:36px clamp(20px,3.1vw,50px) 76px;max-width:1710px;width:100%;margin:auto;flex:1}.app-footer{border-top:1px solid var(--border);padding:15px clamp(20px,3.1vw,50px);display:flex;gap:16px;justify-content:space-between;color:#a2acaf;font-weight:800;letter-spacing:.07em;font-size:8px}.eyebrow{color:var(--orange);font-size:10px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;margin-bottom:10px}.page-title{font-size:clamp(28px,3.1vw,40px);letter-spacing:-.068em;line-height:1.13;font-weight:850;margin:0 0 8px}.subtext{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head .actions{display:flex;gap:9px;align-items:center}.hero{background:var(--ink);border-radius:13px;padding:38px 40px 28px;overflow:hidden;position:relative;color:#fff;min-height:260px;margin-bottom:18px}.hero:before{content:'';position:absolute;width:400px;height:400px;border:65px solid #c6ff0013;border-radius:50%;right:-100px;top:-170px}.hero:after{content:'';position:absolute;width:200px;height:200px;border:1px solid #ffffff18;border-radius:50%;right:125px;top:75px}.hero-content{position:relative;z-index:1;max-width:740px}.hero-kicker{color:var(--lime);font-size:10px;letter-spacing:.18em;font-weight:800}.hero h2{font-size:clamp(33px,4vw,59px);letter-spacing:-.085em;line-height:1.035;margin:17px 0 13px;font-weight:900}.hero h2 span{color:var(--lime)}.hero p{color:#aec0c4;line-height:1.65;font-size:12px;max-width:490px;margin:0}.hero-actions{display:flex;gap:11px;margin-top:22px;align-items:center}.hero-link{background:none;border:none;color:white;font-size:11px;font-weight:750;display:flex;gap:9px;align-items:center;cursor:pointer;padding:10px 4px}.hero-steps{position:absolute;right:35px;bottom:28px;z-index:2;display:flex;gap:22px;align-items:center}.hero-steps span{color:#758890;font-weight:800;letter-spacing:.12em;font-size:10px}.hero-steps b{color:#fff;margin-right:7px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{padding:20px 21px 19px;background:#fff;border:1px solid var(--border);border-radius:10px;min-height:137px;display:flex;flex-direction:column;gap:11px}.metric.k-orange{border-top:3px solid var(--orange)}.metric.k-lime{border-top:3px solid var(--lime)}.metric-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:650}.metric-icon{height:30px;width:30px;border-radius:7px;display:grid;place-items:center;background:#f1f3f0;color:#45565c}.metric-icon .i{height:16px;width:16px}.metric strong{font-size:31px;font-weight:850;line-height:1;letter-spacing:-.065em}.metric small{color:#92a0a2;font-size:10px;line-height:1.3}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(315px,.8fr);gap:18px;align-items:start}.stack{display:grid;gap:18px}.panel{background:#fff;border-radius:11px;border:1px solid var(--border);overflow:hidden}.panel-head{padding:20px 23px 17px;display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0ed}.panel-title{font-size:15px;font-weight:800;letter-spacing:-.045em;margin:0}.panel-sub{font-size:11px;color:#94a1a4;margin:4px 0 0}.panel-body{padding:10px 23px 17px}.text-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:8px 0;color:var(--orange);font-size:11px;font-weight:800}.attention-row{display:flex;gap:14px;align-items:center;border-bottom:1px solid #edf0ed;padding:17px 0}.attention-row:last-child{border-bottom:0}.attention-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;flex-shrink:0;background:#f0f3ef;color:var(--ink)}.attention-icon.orange-bg{background:#fff0e8;color:var(--orange)}.attention-icon.lime-bg{background:#effcc7;color:#314318}.attention-copy{flex:1;min-width:0}.attention-copy strong{font-size:12px;letter-spacing:-.025em}.attention-copy p{color:var(--muted);font-size:10px;margin:4px 0 0}.attention-count{font-size:15px;font-weight:850;letter-spacing:-.05em;margin-right:4px}.circle-forward{height:29px;width:29px;border:1px solid #dee5e1;border-radius:50%;display:grid;place-items:center;background:white;cursor:pointer}.circle-forward .i{height:14px;width:14px}.channel-mini{padding:13px 0;display:flex;gap:11px;align-items:center;border-bottom:1px solid #eef1ed}.channel-mini:last-child{border:0}.channel-badge{height:37px;width:37px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:12px;flex-shrink:0}.ml{color:#315090;background:#ffec72}.sp{color:#d94b00;background:#ffede2}.channel-mini div:nth-child(2){flex:1}.channel-mini strong{font-size:11px}.channel-mini small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;border-radius:30px;padding:6px 9px;line-height:1.1;white-space:nowrap;background:#eef1ed;color:#697b80}.badge:before{content:'';height:6px;width:6px;border-radius:50%;background:currentColor}.badge.warning{background:#fff1de;color:#a3651d}.badge.success{background:#e7f6df;color:#4a7c27}.badge.danger{background:#ffeeea;color:#bd4d33}.badge.ink{background:#e8f0ed;color:#364c4b}.badge.orange{background:#fff0e8;color:var(--orange)}.badge.demo{background:#f1f3f3;color:#718083}.spotlight{background:var(--ink);color:#fff;padding:20px;border-radius:10px;position:relative;overflow:hidden}.spotlight:after{content:'';height:130px;width:130px;border:22px solid #c6ff0019;border-radius:50%;position:absolute;right:-80px;top:-75px}.spotlight .caption{font-size:9px;color:var(--lime);font-weight:800;letter-spacing:.16em}.spotlight strong{display:block;font-size:20px;letter-spacing:-.06em;margin:8px 0;line-height:1.2}.spotlight small{display:block;color:#b5c4c9;margin-bottom:17px}.spotlight .btn{position:relative;z-index:2}.toolbar{padding:15px 20px;display:flex;align-items:center;gap:15px;justify-content:space-between;border-bottom:1px solid #edf0ed;flex-wrap:wrap}.search{display:flex;align-items:center;gap:9px;border:1px solid #e1e7e1;border-radius:7px;background:#f9faf8;padding:0 12px;min-width:250px;flex:1;max-width:420px}.search .i{color:#829396;height:16px;width:16px}.search input{height:39px;width:100%;border:0;background:transparent;outline:none;min-width:0;font-size:11px}.filters{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.filter{padding:9px 11px;background:transparent;border:0;border-radius:6px;font-weight:750;font-size:10px;color:#889597}.filter.active{background:var(--ink);color:white}.toggle-view{display:flex;gap:3px;border:1px solid #e7ece8;padding:3px;border-radius:7px}.view-btn{border:0;background:transparent;color:#91a0a2;padding:6px;border-radius:4px}.view-btn.active{background:#edf1ed;color:var(--ink)}.view-btn .i{width:16px;height:16px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px}.product-card{background:white;border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.product-art{height:162px;background:#edf1ec;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-art img{width:100%;height:100%;object-fit:cover}.product-art svg{height:122px;width:122px;filter:drop-shadow(0 13px 10px #1018201c)}.product-art.orange-tone{background:#ffe3d2}.product-art.lime-tone{background:#e4f5b4}.product-art.dark-tone{background:#e0e5e7}.product-art.blue-tone{background:#e1e8f7}.product-card-info{padding:15px;display:grid;gap:10px;flex:1}.sku{font-size:9px;letter-spacing:.04em;color:#879498;font-weight:750}.product-card h3{font-size:12px;letter-spacing:-.025em;margin:0;line-height:1.38;min-height:32px}.product-price{font-size:17px;font-weight:850;letter-spacing:-.06em}.product-meta{font-size:10px;color:#829095}.product-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ed;padding-top:12px;gap:5px}.inline-actions{display:flex;align-items:center;gap:5px}.mini-icon{width:29px;height:29px;border-radius:6px;display:grid;place-items:center;border:1px solid #e3e8e5;background:#fff;color:var(--ink)}.mini-icon:hover{background:#f0f3ef}.mini-icon .i{height:14px;width:14px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th{background:#fafbf9;border-bottom:1px solid #e9eee9;text-align:left;color:#94a0a2;font-size:9px;letter-spacing:.1em;padding:14px 22px}td{padding:14px 22px;border-bottom:1px solid #eef1ee;font-size:11px}tbody tr:last-child td{border-bottom:0}.row-product{display:flex;gap:11px;align-items:center}.row-product .product-art{width:52px;height:49px;border-radius:6px;flex-shrink:0}.row-product .product-art svg{height:40px;width:40px}.row-product strong{display:block;font-size:11px}.row-product small{display:block;color:#95a0a4;font-size:9px;margin-top:3px}.underpanel{display:flex;justify-content:space-between;color:#9ca7aa;font-size:10px;padding:14px 4px}.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.campaign-card{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden}.campaign-art{height:173px;background:var(--ink);position:relative;overflow:hidden;color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.campaign-art:before{content:'';position:absolute;width:185px;height:185px;border:35px solid var(--lime);border-radius:50%;right:-96px;top:-85px}.campaign-art:after{content:'';position:absolute;bottom:-33px;right:45px;width:95px;height:95px;border-radius:10px;background:var(--orange);transform:rotate(-18deg)}.campaign-art.alt{background:var(--orange)}.campaign-art.alt:before{border-color:var(--ink)}.campaign-art.alt:after{background:var(--lime)}.campaign-art.light{background:#d7f4ad;color:var(--ink)}.campaign-art.light:before{border-color:var(--orange)}.campaign-art.light:after{background:var(--ink)}.campaign-art img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.campaign-art>*:not(img){z-index:1;position:relative}.campaign-art .art-small{letter-spacing:.17em;font-size:9px;font-weight:900}.campaign-art .art-big{font-size:26px;line-height:1.1;font-weight:900;letter-spacing:-.06em;max-width:72%}.campaign-card-info{padding:18px;display:grid;gap:13px}.campaign-card-info h3{font-size:15px;font-weight:800;letter-spacing:-.04em;margin:0}.campaign-card-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.campaign-card-info p{font-size:11px;color:var(--muted);margin:0}.campaign-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed;padding:12px 0;gap:8px}.campaign-facts small{color:#94a0a2;font-size:9px;display:block;margin-bottom:5px}.campaign-facts strong{font-size:11px}.campaign-actions{display:flex;gap:8px;justify-content:space-between;align-items:center}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.step{display:flex;align-items:center;gap:9px;padding:12px 13px;background:white;border:1px solid var(--border);border-radius:8px;color:#8d9c9e}.step.current{border-color:#9fc93f;background:#f2f8e8;color:var(--ink)}.step.done{color:#526c38}.step-num{display:grid;place-items:center;flex-shrink:0;height:24px;width:24px;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:850}.step.current .step-num{background:var(--lime);border-color:var(--lime)}.step strong{font-size:10px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.72fr);gap:18px}.editor-layout .panel-body{padding:24px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.span2{grid-column:span 2}.field label{font-size:10px;color:#44565d;font-weight:800}.field input,.field textarea,.field select{border:1px solid #dfe6e1;border-radius:7px;background:#fff;min-height:41px;padding:10px 12px;color:var(--ink);font-size:12px;width:100%;outline:none}.field textarea{min-height:98px;resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff4d0012}.field-hint{font-size:10px;color:#93a0a2}.editor-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid #eef0ed;margin-top:24px;padding-top:20px}.upload-zone{background:#f8faf7;border:1px dashed #d7e0d7;border-radius:10px;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;padding:21px;color:#7d8f90}.upload-zone img{width:100%;max-height:180px;object-fit:contain}.upload-zone .i{height:30px;width:30px}.upload-zone strong{font-size:11px;color:var(--ink)}.tipbox{border:1px solid #e2e9e0;background:#f5f8f1;padding:18px;border-radius:10px;color:#567049;font-size:11px;line-height:1.7}.tipbox strong{color:#304d31}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{border:1px solid #e3e9e4;background:white;border-radius:9px;padding:13px;display:flex;gap:10px;align-items:center;cursor:pointer}.choice:has(input:checked){border-color:#9bbb4e;background:#f5f9ed}.choice input{accent-color:var(--ink);height:16px;width:16px;flex-shrink:0}.choice .choice-text{flex:1}.choice strong{display:block;font-size:11px}.choice small{color:#8c9a9b;display:block;font-size:10px;margin-top:3px}.choice .product-art{width:58px;height:56px;border-radius:6px;flex-shrink:0}.choice .product-art svg{height:45px;width:45px}.step-actions{display:flex;gap:9px;justify-content:space-between;align-items:center;border-top:1px solid #edf0ed;padding-top:19px;margin-top:25px}.step-actions-right{display:flex;gap:9px;justify-content:flex-end}.kicker-annot{font-size:9px;letter-spacing:.1em;font-weight:850;color:var(--orange);margin-bottom:8px}.step-intro{font-size:21px;letter-spacing:-.055em;font-weight:850;margin-bottom:7px}.step-help{color:var(--muted);font-size:11px;line-height:1.65;margin-bottom:22px}.preview-side .campaign-art{height:207px;border-radius:8px}.side-notes{padding:16px 0 0;display:grid;gap:12px}.side-notes div{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.6;color:#728385}.side-notes .i{height:15px;width:15px;color:#71858a}.summary-list{display:grid;gap:12px}.summary-row{display:flex;justify-content:space-between;gap:18px;align-items:start;padding:12px 0;border-bottom:1px solid #eff1ee}.summary-row:last-child{border:none}.summary-row span{font-size:11px;color:#76888b}.summary-row strong{font-size:11px;text-align:right}.notice{padding:14px 16px;background:#f0f3f0;color:#64757a;border:1px solid #e2e8e4;border-radius:8px;display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.6;margin-bottom:20px}.notice.orange-note{background:#fff3ec;border-color:#ffe0ca;color:#804424}.notice .i{flex-shrink:0}.order-row{display:grid;grid-template-columns:85px 1.35fr 1fr 105px 110px;gap:14px;align-items:center;padding:17px 20px;border-bottom:1px solid #edf0ed}.order-row:last-child{border-bottom:0}.order-row>span{font-size:11px}.order-row small{display:block;color:#8b9a9c;font-size:10px;margin-top:3px}.order-row strong{font-size:11px}.order-header{background:#fafbf9;color:#93a1a4;font-size:9px;letter-spacing:.1em;font-weight:800;padding:12px 20px}.order-click{border:0;background:none;text-align:left;cursor:pointer;color:inherit;font-weight:800;display:flex;gap:5px;align-items:center}.order-click:hover{color:var(--orange)}.order-click .i{width:14px;height:14px}.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.channel-full{padding:23px;border:1px solid var(--border);border-radius:10px;background:#fff}.channel-full-head{display:flex;align-items:center;gap:13px}.channel-full-head .channel-badge{height:48px;width:48px;font-size:14px}.channel-full-head h3{margin:0;font-size:17px;letter-spacing:-.04em}.channel-full-head small{color:#98a5a8}.channel-full p{color:var(--muted);font-size:11px;line-height:1.7;margin:15px 0 20px;max-width:400px}.channel-full-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0ed;padding-top:16px}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.media-tile{background:#fff;border:1px solid var(--border);border-radius:10px;padding:11px;min-width:0}.media-visual{height:160px;background:#f1f3ef;border-radius:7px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-visual img{width:100%;height:100%;object-fit:cover}.media-tile strong{display:block;font-size:11px;margin:12px 0 4px}.media-tile small{color:#9eabad;font-size:10px}.media-tile .media-delete{float:right}.upload-new{border-style:dashed;background:transparent;min-height:225px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#8d9b9d;gap:10px}.upload-new .i{width:27px;height:27px}.upload-new strong{color:var(--ink)}.empty{padding:55px 22px;text-align:center;color:#849294;font-size:12px}.empty .i{width:32px;height:32px;color:#bdc7c9;display:block;margin:0 auto 14px}.empty strong{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}.toast{position:fixed;bottom:24px;right:24px;z-index:100;background:#101820;color:#fff;box-shadow:0 10px 35px #10182033;border-radius:8px;padding:13px 17px;font-weight:700;font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;max-width:340px}.toast.visible{opacity:1;transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:#101820aa;z-index:70;display:flex;justify-content:flex-end;align-items:stretch}.modal-panel{background:#fff;width:min(460px,100%);height:100%;padding:31px;box-shadow:-15px 0 50px #10182030;overflow:auto}.modal-close{border:1px solid var(--border);border-radius:6px;background:white;height:32px;width:32px;display:grid;place-items:center}.modal-panel h2{font-size:26px;letter-spacing:-.065em;margin:24px 0 9px}.modal-panel p{color:var(--muted);font-size:11px;line-height:1.65}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-bottom{margin-top:26px;padding-top:18px;border-top:1px solid var(--border);display:flex;gap:10px}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{padding:22px;border-radius:10px;border:1px solid var(--border);background:#fff}.settings-card h3{font-size:14px;margin-bottom:8px;letter-spacing:-.03em}.settings-card p{font-size:11px;color:var(--muted);line-height:1.6}.swatches{display:flex;gap:10px;margin:18px 0}.swatches span{width:42px;height:42px;border:1px solid #e4e8e5;border-radius:7px}.tiny-note{font-size:10px;color:#859396;line-height:1.5}.simple-divider{height:1px;background:#edf0ed;margin:18px 0}.campaign-overview{display:grid;grid-template-columns:1fr 330px;gap:18px}.product-overview-hero{background:#fff;border:1px solid var(--border);border-radius:10px;padding:15px;display:flex;gap:18px;align-items:center}.product-overview-hero .product-art{height:105px;width:120px;border-radius:7px}.product-overview-hero h3{font-size:18px;margin:6px 0;letter-spacing:-.04em}.product-overview-hero small{color:#8c9b9c}.progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.progress-steps div{padding:12px;background:#f7f9f6;border:1px solid #e3e8e4;border-radius:8px}.progress-steps b{display:block;font-size:17px;color:var(--orange)}.progress-steps span{font-size:10px;font-weight:750;color:#586d73}.price-note{font-size:10px;color:#8b989b}.icon-only{background:none;border:0;padding:7px;color:inherit}.mobile-shade{display:none}
@media(max-width:1270px){.product-grid,.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-steps{display:none}.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.shell{grid-template-columns:222px minmax(0,1fr)}.sidebar{padding:20px 10px}.dashboard-grid{grid-template-columns:1fr 310px}.metric{padding:17px 14px}.metrics{gap:9px}.demo-pill{display:none}.hero{padding:30px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout,.campaign-overview{grid-template-columns:1fr}.editor-layout .preview-side{order:-1}.stepper{gap:5px}.step{padding:9px}.step strong{font-size:9px}}
@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;width:258px;transform:translateX(-102%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-shade:not([hidden]){display:block;position:fixed;inset:0;background:#1018209c;z-index:40}.mobile-menu{display:inline-flex}.topbar{height:65px}.dashboard-grid{grid-template-columns:1fr 1fr}.hero{min-height:255px}.metrics{grid-template-columns:repeat(2,1fr)}.main{padding-top:25px}.topbar-right{gap:9px}.app-footer{gap:8px}.app-footer span:last-child{display:none}}
@media(max-width:620px){.topbar{padding:0 17px}.top-cta{font-size:0;padding:9px;width:35px;height:35px}.top-cta .i{height:18px;width:18px}.breadcrumb>span,.breadcrumb>b{display:none}.page-head{align-items:start;flex-direction:column;gap:14px}.page-head .actions{width:100%;flex-wrap:wrap}.page-head .actions .btn{flex:1}.main{padding:23px 16px 60px}.hero{padding:24px;min-height:312px}.hero h2{font-size:39px}.hero p{font-size:11px}.hero-actions{flex-wrap:wrap}.metrics{gap:9px}.metric{min-height:120px;padding:15px}.metric strong{font-size:28px}.metric-head{font-size:10px}.metric small{font-size:9px}.dashboard-grid,.channel-grid,.settings-layout{grid-template-columns:1fr}.product-grid,.media-grid,.campaign-grid{grid-template-columns:1fr 1fr;gap:9px;padding:12px}.product-art{height:130px}.product-art svg{width:95px;height:95px}.product-card-info{padding:11px}.product-card h3{font-size:11px}.product-price{font-size:14px}.product-card .badge{font-size:8px;padding:5px}.campaign-art{height:145px;padding:15px}.campaign-art .art-big{font-size:21px}.campaign-card-info{padding:12px}.campaign-card-info h3{font-size:12px}.campaign-facts{grid-template-columns:1fr;gap:8px}.campaign-actions{flex-wrap:wrap}.stepper{grid-template-columns:repeat(4,1fr)}.step{justify-content:center;padding:9px 2px}.step strong{display:none}.step-num{height:27px;width:27px}.editor-layout .panel-body{padding:17px}.field-grid,.choice-grid{grid-template-columns:1fr}.field.span2{grid-column:auto}.toolbar{padding:14px;gap:10px}.search{max-width:none;min-width:100%}.filters{overflow:auto;flex-wrap:nowrap;max-width:100%}.order-row{grid-template-columns:64px 1fr 80px;gap:8px;padding:13px}.order-row>span:nth-child(3),.order-row>span:nth-child(4){display:none}.order-header{display:none}.notice{font-size:10px}.modal-panel{padding:23px}.channel-full-foot{flex-wrap:wrap}.app-footer{padding:14px 16px}}
@media(max-width:400px){.product-grid,.campaign-grid,.media-grid{grid-template-columns:1fr}.product-art{height:175px}.product-art svg{height:120px;width:120px}.step-actions{align-items:stretch}.step-actions-right{flex-direction:column}.step-actions .btn{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}