.workspace-page{background:#111415}.app-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100svh}.sidebar{position:sticky;top:0;height:100svh;padding:30px 18px 16px;border-right:1px solid #303536;background:#151819;display:flex;flex-direction:column}.sidebar .brand{margin:0 12px 35px}.edition{font-size:9px;color:#687476;padding:0 13px;margin-bottom:13px;font-weight:700}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;height:43px;padding:0 13px;border:1px solid transparent;background:transparent;color:#a0a9aa;font-size:12px}.sidebar nav button:hover{background:#202627}.sidebar nav button[aria-current]{color:#f1ebe7;background:#2d2625;border-color:#4c3530}.sidebar nav button[aria-current] svg{color:var(--accent)}.sidebar nav small{margin-left:auto;font-size:10px}.side-bottom{margin-top:auto}.side-bottom>a{display:flex;align-items:center;gap:10px;color:#939d9e;font-size:11px;padding:12px}.operator{margin-top:14px;display:flex;width:100%;align-items:center;gap:9px;border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding:18px 3px 0;text-align:left;font-size:11px}.operator img{width:32px;height:34px;object-fit:contain}.operator small{display:block;color:#737e80;font-size:9px}.operator>svg{margin-left:auto;width:15px;color:#677273}.app-main{min-width:0}.preview-banner{padding:7px 28px;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#202424;border-bottom:1px solid var(--line);color:#a1aaa8;font-size:10px}.preview-banner>span,.preview-banner button{display:flex;align-items:center;gap:7px}.preview-banner svg{width:12px;height:12px}.preview-banner button{padding:0;background:none;border:0;color:#8f9e94;font-size:10px}.app-header{height:67px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:11px;min-width:0}.breadcrumbs>span{color:var(--subtle)}.breadcrumbs svg{width:12px;color:var(--subtle)}.breadcrumbs strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-tools{display:flex;align-items:center;gap:8px}.header-tools .avatar{margin-left:8px}#view{padding:34px 32px 32px;max-width:1600px;margin:auto;outline:none;min-height:calc(100svh - 149px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.page-heading .eyebrow{font-size:9px;color:#748284}.page-heading h1{margin:7px 0 9px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.page-heading>.btn{align-self:center}.project-meta{display:flex;gap:25px;font-size:11px;color:#9ba5a6;align-items:center;margin:24px 0}.project-meta>span{display:flex;gap:8px;align-items:center}.project-meta svg{height:14px;width:14px}.project-meta .project-active{margin-left:auto;font-size:10px;color:#9fb9a7}.project-active i{width:5px;height:5px;border-radius:50%;background:#9fb9a7}.project-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:29px}.project-tabs button{border:0;border-radius:0;border-bottom:2px solid transparent;padding:0 2px 13px;background:none;font-size:11px;color:#889496;min-height:36px}.project-tabs [aria-selected=true]{border-color:var(--accent);color:#ede9e5}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{font-size:16px;margin:0}.section-head p{color:var(--subtle);font-size:10px;margin:4px 0 0}.section-head .text-button{font-size:10px}.section-head .text-button svg{width:13px}.overview-top{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px}.campaign-summary{min-width:0}.campaign-table{width:100%}.table-head{display:grid;grid-template-columns:minmax(180px,1.9fr) 122px 85px 116px 14px;gap:14px;padding:10px 0;border-block:1px solid var(--line);font-size:9px;color:var(--subtle)}.campaign-row{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;display:grid;grid-template-columns:minmax(180px,1.9fr) 122px 85px 116px 14px;gap:14px;width:100%;text-align:left;padding:19px 0;align-items:center;min-height:81px}.campaign-row:hover{background:#1a1f20}.campaign-row>svg{width:13px;color:#6f7b7e}.campaign-identity{display:flex;align-items:center;gap:12px;min-width:0}.type-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#242a2c;border:1px solid #30393b;border-radius:6px;color:#acb6ba;flex-shrink:0}.type-icon svg{width:16px}.campaign-identity strong{font-size:11px;font-weight:600;display:block;overflow-wrap:anywhere}.campaign-identity small{font-size:9px;color:#7d8a8d;display:block;margin-top:4px}.campaign-time{font-size:9px;color:#899598}.progress-cell{font-size:10px;color:#b0b8b9}.progress-track{display:block;position:relative;width:100%;height:3px;background:#303638;margin-top:7px;border-radius:2px;overflow:hidden}.progress-track>i{display:block;background:#8eada1;height:100%;border-radius:2px}.overview-top .table-head,.overview-top .campaign-row{grid-template-columns:minmax(155px,1.7fr) 100px 66px 12px;gap:12px}.overview-top .campaign-time,.overview-top .table-head>span:nth-child(4){display:none}.overview-top .badge{font-size:9px;padding:3px 6px}.waiting-note{display:flex;align-items:center;gap:10px;padding:14px 0;color:#b8a784;font-size:10px}.waiting-note>svg{width:15px;align-self:start;margin-top:3px}.waiting-note strong{display:block;font-weight:500}.waiting-note .icon-button{margin-left:auto;flex-shrink:0;width:28px}.project-resources{border-left:1px solid var(--line);padding-left:25px}.resource-link{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:13px 0;display:flex;width:100%;gap:10px;text-align:left;align-items:center}.resource-link>svg:first-child{color:#97a7a4;width:15px}.resource-link>svg:last-child{width:12px;color:#788889;margin-left:auto}.resource-link strong{font-size:10px;font-weight:500;display:block}.resource-link small{font-size:9px;color:#7c8b8d;display:block;margin-top:2px}.resource-link:hover strong{color:var(--accent)}.material-mini{display:flex;align-items:center;gap:12px;margin-top:23px}.story-thumb{background:#39232c;width:41px;height:59px;overflow:hidden;border-radius:3px;flex-shrink:0}.story-thumb img{height:100%;width:100%;object-fit:contain}.material-mini strong{display:block;font-size:11px;font-weight:500}.material-mini small{font-size:9px;color:#7e8d90}.material-mini .text-button{font-size:9px;display:flex;padding:4px 0}.material-mini svg{width:11px}.methods-section{border-top:1px solid var(--line);margin-top:23px;padding-top:24px}.method-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.method-group-title{display:block;font-size:9px;font-weight:600;color:#748286;margin-bottom:10px}.method-link{display:flex;align-items:center;gap:10px;border:0;background:none;width:100%;padding:11px 0;text-align:left;font-size:11px;color:#c1cbca;min-height:40px}.method-link>svg:first-child{width:15px;color:#95a4a2}.method-link>svg:last-child{width:12px;margin-left:auto;color:#647778}.method-link:hover{color:#f5a194}.method-link:hover>svg{color:var(--accent)}.app-footer{display:flex;justify-content:space-between;padding:16px 32px;border-top:1px solid var(--line);font-size:9px;color:#617173;gap:20px}.mobile-nav{display:none}.list-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:30px 0 20px}.filter-tabs{display:flex;gap:4px}.filter-tabs button{background:none;border:0;padding:8px 12px;font-size:11px;color:#8a999b;min-height:34px}.filter-tabs button[aria-pressed=true]{background:#2a3233;color:#d8dfde}.list-toolbar .searchbox{width:220px}.account-summary{display:flex;gap:30px;align-items:center;border-block:1px solid var(--line);padding:20px 0;margin:30px 0 12px}.account-summary span{display:flex;align-items:center;gap:7px;color:#95a4a5;font-size:12px}.account-summary b{font-weight:500;color:#dce3df}.account-summary svg{width:15px;color:#c0b8d7}.green-dot,.amber-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.amber-dot{background:var(--amber)}.account-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:20px 0;min-height:90px}.account-name{min-width:180px;margin-right:auto}.account-name strong{display:block;font-size:12px;font-weight:500}.account-name small{display:block;font-size:10px;color:#7f9394;margin-top:4px}.premium{font-size:9px;color:#bbb0d3;display:flex;align-items:center;gap:5px;width:80px}.premium svg{width:13px;height:13px}.account-status{width:155px}.proxy-cell{font-size:11px;color:#bcc9c7;min-width:90px}.proxy-cell small{font-size:9px;display:block;color:#6d8383}.plain-note{display:flex;align-items:center;gap:13px;color:#829794;font-size:11px;margin:24px 0}.plain-note svg{width:17px}.plain-note p{margin:0}.list-data-head,.list-data-row{display:grid;grid-template-columns:minmax(200px,2fr) 1fr .6fr 1fr;gap:20px;padding:18px 0;align-items:center}.list-data-head{font-size:10px;color:#6c8486;border-bottom:1px solid var(--line)}.list-data-row{width:100%;border:0;border-bottom:1px solid var(--line);background:none;border-radius:0;text-align:left;font-size:12px}.list-data-row>span:first-child{display:flex;gap:15px;align-items:center}.list-data-row strong{font-weight:500}.list-data-row>span:not(:first-child){font-size:11px;color:#8fa6a7}.list-data-row>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:20px}.list-data-row svg{width:15px;color:#829c99}.list-data-row:hover{background:#1b2424}.media-layout{display:grid;grid-template-columns:225px 1fr;gap:44px;padding:20px 0}.media-info{max-width:440px;padding-top:15px}.media-info h2{margin:14px 0 8px;font-size:26px}.media-info>p{font-size:12px;color:var(--muted)}.media-info dl{margin:30px 0}.media-info dl>div{padding:12px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:11px}dd{margin:5px 0 0;font-size:12px}.media-info>.text-button{display:flex;margin-top:15px}.media-art .story-art{padding:20px}.media-art .story-art strong{font-size:60px;margin-top:24px}.media-art .story-art .story-bottom{font-size:13px}.media-art .story-art .story-caption{font-size:10px}.modal-open{overflow:hidden}dialog{margin:auto;padding:0;background:#1a1e20;color:var(--text);border:1px solid #424c4f;border-radius:8px;width:min(610px,calc(100% - 36px));max-height:calc(100svh - 48px);box-shadow:0 30px 150px #0008}dialog::backdrop{background:#050708b8;backdrop-filter:blur(6px)}.modal-header{display:flex;justify-content:space-between;gap:24px;padding:24px 26px 20px;border-bottom:1px solid var(--line)}.modal-header .eyebrow{font-size:9px;color:#889a9c}.modal-header h2{margin:5px 0 0;font-size:23px}.modal-header p{margin:7px 0 0;color:#819698;font-size:11px}.modal-header>.icon-button{flex-shrink:0}.wizard-modal{width:min(820px,calc(100% - 36px))}.wizard-modal[open]{display:flex;flex-direction:column}.wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 26px;gap:12px;border-bottom:1px solid var(--line)}.wizard-steps button{display:flex;align-items:center;gap:7px;min-width:0;background:none;border:0;padding:0;text-align:left;font-size:10px;color:#8da0a2}.wizard-steps b{font-size:9px;width:21px;height:21px;background:#2e393c;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:500}.wizard-steps button[aria-current]{color:#eddcd5}.wizard-steps button[aria-current] b{color:#241c1a;background:var(--accent)}#wizard-form{display:flex;flex-direction:column;min-height:0;overflow:hidden}.wizard-body{padding:23px 26px;overflow-y:auto;min-height:120px;overscroll-behavior:contain}.wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #394548;padding:16px 26px;background:#1e2426;flex-shrink:0}.wizard-footer>span{font-size:10px;color:#889fa1}.wizard-footer>div{display:flex;gap:9px}.wizard-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.method-option{display:flex;align-items:start;gap:10px;padding:15px 12px;border:1px solid #364346;border-radius:6px;cursor:pointer;position:relative}.method-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.method-option:has(input:checked){background:#2c2726;border-color:#b47362}.method-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.method-option-icon{color:#b5c5c4;flex-shrink:0}.method-option-icon svg{width:18px}.method-option strong{font-size:12px;font-weight:500;display:block;margin-bottom:5px}.method-option small{font-size:10px;color:#91a5a7;line-height:1.5;display:block}.method-option em{position:absolute;right:10px;top:9px;font-size:7px;color:#ad9ebf;font-style:normal}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.field-heading h3{margin:0;font-size:13px}.field-heading>span{font-size:10px;color:#839da0}.select-row{display:flex;align-items:center;gap:12px;padding:13px 4px;min-height:64px;border-bottom:1px solid #333f42;cursor:pointer}.select-row>span:not(.avatar){flex:1}.select-row strong{display:block;font-size:12px;font-weight:500}.select-row small{display:block;font-size:10px;color:#7e9b9f;margin-top:3px}.select-row em{font-size:9px;font-style:normal;color:#9fbbc0;max-width:100px;text-align:right}.select-row.unavailable{opacity:.45;cursor:not-allowed}.select-row .avatar{width:30px;height:30px}.select-row>svg{color:#879ea0;width:17px}.target-section{margin-top:25px}.target-section .searchbox{margin-bottom:8px}.chat-row{min-height:56px}.selection-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8ca8aa;padding-top:10px}.inline-note{display:flex;align-items:start;gap:10px;background:#222e30;color:#acbec0;padding:13px 15px;border-left:2px solid #526a6d;margin:20px 0;font-size:11px;line-height:1.7}.inline-note svg{width:15px;margin-top:2px}.story-config{display:flex;gap:24px;padding:22px 0}.mini-story{width:110px;flex-shrink:0}.mini-story .story-art{padding:9px}.mini-story .story-art strong{font-size:28px;margin-top:10px}.mini-story .story-art .story-caption{font-size:6px}.mini-story .story-art .story-bottom{font-size:7px}.story-config>div:last-child{flex:1;padding-top:10px}.story-config h3{font-size:17px;margin-bottom:8px}.story-config p{font-size:11px}.switch-row{display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:11px;margin-top:24px}.switch-row input{appearance:none;width:32px;height:18px;border-radius:12px;position:relative;background:#506063;cursor:pointer}.switch-row input:before{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#d6e0df}.switch-row input:checked{background:#c27c69}.switch-row input:checked:before{left:17px}.schedule-row{display:grid;grid-template-columns:1fr 1.3fr;gap:18px;margin-top:20px}.schedule-row .field+.field{margin:0}.advanced{border-top:1px solid #384648;margin-top:23px}.advanced summary{font-size:11px;color:#a8bdbe;cursor:pointer;padding:14px 0}.advanced .field{max-width:300px}.error{color:#f5a4a0;border-left:2px solid #f5a4a0;padding:10px 13px;background:#37282b;font-size:12px;margin:20px 0 0}.review-heading{display:flex;align-items:center;gap:12px;color:#adc8bc}.review-heading h3{margin:0}.review-list{margin:20px 0}.review-list>div{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid #354345}.review-list dd{margin:0;color:#cdd9d8;overflow-wrap:anywhere;white-space:pre-wrap}.review-list dt{color:#849ea0}.review-list small{font-size:10px;color:#829c9e}.review-text{max-height:160px;overflow:auto}.detail-body{padding:22px 26px;overflow:auto}.detail-body>p{font-size:13px;color:#b7c6c5}.detail-status{display:flex;align-items:center;gap:20px;justify-content:space-between}.detail-status>span:last-child:not(.badge){font-size:10px;color:#809c9f}.detail-progress{padding:25px 0}.detail-progress>strong{font:34px Space;display:block}.detail-progress>strong>span{font-size:24px;color:#7c9496}.detail-progress>span{font-size:11px;color:#8aa5a7}.detail-progress .progress-track{margin-top:15px;height:4px}.detail-account{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #354347}.detail-account>div{flex:1}.detail-account strong{font-size:12px;font-weight:500;display:block}.detail-account small{font-size:10px;color:#829ea0;display:block;margin-top:4px}.list-stat strong{font:38px Space;display:block}.list-stat span{font-size:12px;color:#8ca8aa}.detail-modal[open]{display:flex;flex-direction:column}.detail-modal .detail-body{min-height:0}.detail-methods{margin-top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100% - 32px);padding:13px 20px;background:#354c45;border:1px solid #617e70;border-radius:6px;color:#e2ede6;font-size:12px;box-shadow:0 12px 30px #0004;text-align:center}
@media(min-width:1600px){#view{padding:42px 48px}.overview-top{grid-template-columns:minmax(0,1fr) 300px;gap:40px}.overview-top .table-head,.overview-top .campaign-row{grid-template-columns:minmax(200px,1.7fr) 120px 90px 14px;gap:20px}.campaign-identity strong{font-size:13px}.campaign-identity small{font-size:10px}.overview-top .badge{font-size:10px}.campaign-row{padding:23px 0}.resource-link strong{font-size:12px}.resource-link small{font-size:10px}.method-link{font-size:13px;min-height:45px}.method-group-title{font-size:10px}}
@media(max-width:1200px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-inline:12px}.sidebar .brand{font-size:21px}.overview-top{grid-template-columns:1fr}.project-resources{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px}.project-resources>.section-head{grid-column:1/-1;margin:0}.material-mini{grid-column:1/-1;margin:10px 0 0}.overview-top .table-head,.overview-top .campaign-row{grid-template-columns:minmax(190px,1.7fr) 110px 95px 15px}.table-head,.campaign-row{grid-template-columns:minmax(180px,1.8fr) 115px 70px 90px 12px;gap:10px}.account-row{gap:10px}.account-name{min-width:120px}.account-status{width:auto}.premium{width:auto}.proxy-cell{min-width:60px}.proxy-cell small{display:none}.method-groups{gap:22px}.account-name small{font-size:9px}.list-data-head,.list-data-row{grid-template-columns:1.6fr .8fr .5fr 1fr;gap:14px}}
@media(max-width:900px){.app-shell{grid-template-columns:155px minmax(0,1fr)}.sidebar .brand{font-size:19px;margin-left:6px}.sidebar{padding-inline:9px}.sidebar nav button{gap:9px;padding-inline:9px;font-size:11px}.operator{gap:6px}.operator>svg{display:none}.side-bottom>a{font-size:10px;padding:8px}.app-header{padding:0 22px}#view{padding:25px 22px}.preview-banner{padding-inline:22px}.project-meta{gap:15px;font-size:10px}.project-meta .project-active{display:none}.project-tabs{gap:22px}.method-groups{grid-template-columns:1fr 1fr}.method-groups>div:last-child{grid-column:1/-1;max-width:50%}.list-toolbar{flex-wrap:wrap}.list-toolbar .searchbox{width:100%}.campaign-time,.table-head>span:nth-child(4){display:none}.table-head,.campaign-row{grid-template-columns:minmax(155px,1.8fr) 108px 70px 12px}.account-row{flex-wrap:wrap}.account-name{flex:1;min-width:120px}.account-status{min-width:140px}.proxy-cell{display:none}.premium{display:none}.list-data-row>span:nth-child(4),.list-data-head>span:nth-child(4){display:none}.list-data-head,.list-data-row{grid-template-columns:1.7fr .7fr .5fr}.app-footer{padding-inline:22px}.detail-account .badge{font-size:8px}}
@media(max-width:700px){.app-shell{display:block}.sidebar{display:none}.preview-banner{padding:7px 18px;font-size:8px;min-height:30px}.preview-banner button{font-size:8px}.preview-banner svg{width:11px}.app-header{padding:0 18px;height:57px}.header-tools .avatar{display:none}.header-tools>a{display:none}.breadcrumbs{font-size:10px;gap:9px}.header-tools{gap:0}#view{padding:25px 18px 32px;min-height:calc(100svh - 180px)}.page-heading{gap:14px;align-items:start;flex-wrap:wrap;margin-bottom:18px}.page-heading h1{font-size:28px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:8px}.page-heading>.btn{min-height:38px;font-size:11px;padding:8px 12px}.project-meta{gap:17px;flex-wrap:wrap;margin:19px 0}.project-meta>span{font-size:9px;gap:6px}.project-meta svg{width:13px}.project-tabs{justify-content:space-between;gap:5px;margin-bottom:24px}.project-tabs button{font-size:10px;padding-bottom:11px}.section-head{margin-bottom:15px}.section-head h2{font-size:17px}.overview-top{gap:20px}.table-head{display:none!important}.campaign-row,.overview-top .campaign-row{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:11px 12px;padding:17px 0;position:relative}.campaign-row>svg{display:none}.campaign-identity strong{font-size:11px}.campaign-identity small{font-size:9px}.campaign-identity{gap:9px}.type-icon{width:30px;height:30px;border-radius:5px}.type-icon svg{width:14px}.campaign-state{justify-self:end}.campaign-state .badge{font-size:8px}.progress-cell{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-left:39px;font-size:9px}.progress-cell .progress-track{margin:0;max-width:130px}.campaign-row:first-of-type{border-top:1px solid var(--line)}.waiting-note{font-size:10px;line-height:1.8}.waiting-note .icon-button{width:25px}.project-resources{display:block;padding-top:20px}.project-resources>.section-head{margin-bottom:6px}.resource-link{padding:12px 0}.resource-link strong{font-size:11px}.resource-link small{font-size:10px}.material-mini{margin-top:20px}.material-mini strong{font-size:12px}.material-mini small{font-size:10px}.material-mini .text-button{font-size:10px}.methods-section{margin-top:25px}.method-groups{grid-template-columns:1fr;gap:17px}.method-groups>div:last-child{grid-column:auto;max-width:none}.method-group-title{font-size:9px;margin-bottom:4px}.method-link{font-size:12px;min-height:44px;border-bottom:1px solid #273031}.method-link>svg{width:16px}.method-link>svg:last-child{width:13px}.app-footer{padding:18px 18px 88px;font-size:8px;gap:20px}.app-footer>span:first-child{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:#161c1ef5;backdrop-filter:blur(15px);border-top:1px solid #354346;padding:6px 8px max(8px,env(safe-area-inset-bottom));z-index:10}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:none;min-height:46px;font-size:8px;color:#8da1a5}.mobile-nav svg{width:18px;height:18px}.mobile-nav [aria-current]{color:var(--accent);background:#362825}.list-toolbar{margin-top:22px;gap:15px}.filter-tabs{width:100%;justify-content:space-between;gap:0}.filter-tabs button{font-size:10px;padding:7px 9px}.account-summary{gap:20px 15px;flex-wrap:wrap;margin:22px 0 10px;padding:17px 0}.account-summary span{font-size:10px;gap:5px}.account-summary svg{width:13px}.account-row{gap:10px;display:grid;grid-template-columns:32px minmax(0,1fr) 30px;padding:17px 0}.account-name{min-width:0}.account-name strong{font-size:12px}.account-name small{font-size:9px;overflow-wrap:anywhere}.account-row .avatar{width:30px;height:30px;font-size:10px}.account-status{min-width:0;grid-column:2;grid-row:2}.account-status .badge{font-size:9px}.account-row>.icon-button{grid-column:3;grid-row:1;width:30px;height:30px}.plain-note{align-items:start;font-size:10px;line-height:1.8}.list-data-head{display:none}.list-data-row{grid-template-columns:1fr auto;gap:9px 14px;padding:18px 0}.list-data-row>span:nth-child(3){grid-column:2;grid-row:1}.list-data-row>span:nth-child(2){padding-left:30px;font-size:10px}.list-data-row strong{font-size:11px}.list-data-row>span:first-child{gap:12px}.list-data-row>span:first-child svg{width:15px}.media-layout{grid-template-columns:135px minmax(0,1fr);gap:20px;padding-top:10px}.media-art .story-art{padding:12px}.media-art .story-art strong{font-size:36px;margin-top:16px}.media-art .story-art .story-caption{font-size:6px}.media-art .story-art .story-bottom{font-size:8px}.media-info{padding-top:3px}.media-info h2{font-size:19px;margin-top:9px}.media-info .eyebrow{font-size:8px}.media-info p{font-size:10px}.media-info dl{margin:12px 0}.media-info dt{font-size:9px}.media-info dd{font-size:10px}.media-info .btn{font-size:10px;white-space:normal;padding:8px}.media-info .text-button{font-size:10px;text-align:left}.media-info .btn svg{width:14px}.media-info .text-button svg{width:14px}dialog,.wizard-modal{width:calc(100% - 20px);max-height:calc(100svh - 24px);border-radius:7px}.modal-header{padding:20px 18px 16px;gap:12px}.modal-header h2{font-size:21px}.modal-header p{font-size:10px}.modal-header .eyebrow{font-size:8px}.wizard-steps{padding:12px 18px;gap:8px}.wizard-steps button{font-size:8px;gap:6px;flex-direction:column;align-items:start}.wizard-steps b{width:19px;height:19px;font-size:8px}.wizard-steps span{line-height:1.4}.wizard-body,.detail-body{padding:18px}.wizard-footer{padding:12px 18px;gap:10px}.wizard-footer>span{font-size:8px;max-width:100px}.wizard-footer .btn{min-height:39px;padding:8px 12px;font-size:11px}.wizard-footer .btn svg{width:14px}.wizard-footer>div{gap:6px}.wizard-methods{grid-template-columns:1fr;gap:8px}.method-option{padding:13px 12px;gap:13px}.method-option strong{font-size:12px}.method-option small{font-size:10px}.method-option em{font-size:8px}.field-heading{align-items:start}.field-heading h3{font-size:12px}.field-heading>span{font-size:8px;max-width:110px;text-align:right}.select-row{gap:9px;min-height:64px}.select-row input{width:15px;height:15px;margin-left:0}.select-row .avatar{display:none}.select-row strong{font-size:11px}.select-row small{font-size:8px;overflow-wrap:anywhere}.select-row em{font-size:8px;max-width:85px}.field>span{font-size:11px}.field input,.field textarea,.field select{font-size:14px;min-height:44px}.schedule-row{grid-template-columns:1fr;gap:15px}.story-config{gap:16px}.mini-story{width:85px}.mini-story .story-art strong{font-size:22px}.mini-story .story-art .story-bottom{font-size:6px}.story-config h3{font-size:15px}.story-config p{font-size:10px}.switch-row{font-size:10px;margin-top:16px}.inline-note{padding:12px;font-size:10px}.review-list>div{grid-template-columns:85px minmax(0,1fr);gap:13px}.review-list dt{font-size:10px}.review-list dd{font-size:11px}.detail-account{gap:9px;flex-wrap:wrap}.detail-account .badge{margin-left:43px}.detail-account>div{min-width:150px}.detail-account strong{font-size:11px}.detail-account small{font-size:9px}.detail-status{gap:12px}.detail-status>span:last-child:not(.badge){font-size:9px}#toast{bottom:82px;font-size:11px;padding:11px 15px}.app-footer .kbd{display:none}}
@media(max-width:360px){#view{padding-inline:14px}.app-header,.preview-banner{padding-inline:14px}.preview-banner{font-size:7px}.preview-banner button{font-size:7px}.page-heading h1{font-size:26px}.project-meta{gap:12px}.project-meta>span{font-size:8px}.project-tabs button{font-size:9px}.campaign-row,.overview-top .campaign-row{grid-template-columns:minmax(0,1fr) 85px;gap:10px}.campaign-identity strong{font-size:10px}.campaign-identity small{font-size:8px}.campaign-state .badge{font-size:7px;padding:3px 5px;gap:4px}.type-icon{width:26px;height:26px}.campaign-identity{gap:7px}.media-layout{grid-template-columns:110px minmax(0,1fr);gap:15px}.media-info .btn{font-size:9px}.wizard-footer{padding-inline:13px}.wizard-body,.detail-body{padding:16px}.wizard-footer>span{max-width:70px}.wizard-footer .btn{font-size:10px;padding-inline:10px}.wizard-steps{padding-inline:16px}.wizard-steps span{font-size:7px}.method-option small{font-size:9px}}
/* Reading sizes are independent of viewport width; only dense metadata is smaller. */
.campaign-identity strong,.resource-link strong,.account-name strong{font-size:12px}.campaign-identity small,.resource-link small{font-size:10px}.table-head{font-size:10px}.campaign-time{font-size:10px}.method-link{font-size:12px}.method-group-title{font-size:10px}.sidebar nav button{font-size:13px}.section-head p{font-size:11px}.overview-top .badge{font-size:10px}.waiting-note{font-size:11px}.project-meta{font-size:12px}.project-tabs button{font-size:12px}.preview-banner{font-size:11px}.preview-banner button{font-size:10px}.method-option small{font-size:11px}.mini-story .story-art .story-caption,.mini-story .story-art .story-bottom{display:none}.mini-story .story-art strong{margin-top:0}.mini-story .story-art img{bottom:0;max-height:73%}
@media(max-width:700px){.preview-banner{font-size:9px}.preview-banner button{font-size:8px}.project-meta{gap:13px}.project-meta>span{font-size:10px}.project-tabs button{font-size:11px}.campaign-identity strong{font-size:12px}.campaign-identity small{font-size:10px}.campaign-state .badge,.overview-top .badge{font-size:9px}.progress-cell{font-size:10px}.waiting-note{font-size:11px}.resource-link strong{font-size:12px}.resource-link small{font-size:11px}.mobile-nav button{font-size:10px}.field-heading>span{font-size:10px}.select-row strong{font-size:12px}.select-row small{font-size:10px}.select-row em{font-size:9px}.wizard-steps span{font-size:9px}.wizard-footer>span{font-size:9px}.method-option small{font-size:11px}.review-list dt{font-size:11px}.review-list dd{font-size:12px}.inline-note{font-size:11px}}
@media(max-width:360px){.preview-banner{font-size:8px}.project-meta>span{font-size:9px}.project-tabs button{font-size:10px}.campaign-identity strong{font-size:11px}.campaign-identity small{font-size:9px}.campaign-state .badge,.overview-top .badge{font-size:8px}.wizard-steps span{font-size:8px}.mobile-nav button{font-size:9px}}
.header-tools > a.return-product { display: inline-flex; width: 44px; height: 44px; flex-shrink: 0; }
.task-summary-link { display: flex; align-items: center; gap: 14px; width: 100%; padding: 17px 18px; margin-bottom: 28px; text-align: left; border: 1px solid #3b4945; border-radius: 6px; background: #18211e; }
.task-summary-link:hover { background: #202b26; border-color: #627a6e; }
.task-summary-icon { display: flex; color: #a5c9b0; }
.task-summary-link strong { display: block; font-size: 14px; }
.task-summary-link small { display: block; margin-top: 4px; font-size: 12px; color: #a9b9b0; }
.task-summary-action { display: flex; align-items: center; gap: 10px; margin-left: auto; font-size: 13px; color: #c5d6cb; white-space: nowrap; }
.task-filters { display: flex; gap: 8px; padding: 3px 2px 12px; margin: 0 0 16px; overflow-x: auto; scrollbar-width: thin; }
.task-filters button { display: flex; align-items: center; gap: 9px; flex-shrink: 0; min-height: 44px; padding: 9px 13px; border: 1px solid #394440; border-radius: 5px; background: transparent; font-size: 13px; color: #a8b7af; }
.task-filters button[aria-pressed=true] { background: #342724; border-color: #7a4f43; color: #f2d2c7; }
.task-filters button:hover { border-color: #8b7b71; }
.task-filters button > span { font-size: 12px; font-variant-numeric: tabular-nums; }
.task-table-head, .task-row { display: grid; grid-template-columns: minmax(210px,1.65fr) 155px 100px minmax(160px,1fr); align-items: center; gap: 20px; }
.task-table-head { padding: 10px 0; color: #9ca9a4; border-bottom: 1px solid #35403b; font-size: 12px; }
.task-row { width: 100%; padding: 22px 0; text-align: left; background: transparent; border: 0; border-bottom: 1px solid #303b35; border-radius: 0; }
.task-row:hover { background: #19201d; }
.task-identity { display: flex; align-items: center; gap: 13px; min-width: 0; }
.task-identity > span:last-child { min-width: 0; }
.task-identity strong { display: block; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.task-identity small { display: block; font-size: 12px; color: #9eafa5; margin-top: 5px; }
.task-progress { display: flex; flex-direction: column; gap: 8px; font-size: 13px; font-variant-numeric: tabular-nums; }
.task-next { font-size: 12px; color: #b1bfb7; line-height: 1.65; }
.task-next strong { display: block; font-weight: 500; color: #dbc08b; }
.task-status .badge { font-size: 11px; }
.task-footnote { display: flex; align-items: center; gap: 8px; margin: 22px 0 0; font-size: 12px; color: #98a89f; }
@media (max-width: 1100px) {
  .task-table-head, .task-row { grid-template-columns: minmax(175px,1.6fr) 145px minmax(130px,1fr); gap: 16px; }
  .task-table-head > span:nth-child(3) { display: none; }
  .task-identity { grid-column: 1; grid-row: 1; }
  .task-status { grid-column: 2; grid-row: 1; }
  .task-progress { grid-column: 1; grid-row: 2; margin-left: 47px; max-width: 145px; }
  .task-next { grid-column: 3; grid-row: 1 / span 2; }
}
@media (max-width: 700px) {
  .task-summary-link { padding: 14px; gap: 11px; }
  .task-summary-link small { font-size: 11px; }
  .task-summary-action { font-size: 0; gap: 0; }
  .task-summary-action svg { width: 18px; }
  .task-summary-link strong { font-size: 14px; }
  .task-table-head { display: none; }
  .task-row { grid-template-columns: minmax(0,1fr) auto; gap: 13px 12px; padding: 20px 0; }
  .task-identity { grid-column: 1 / -1; }
  .task-identity strong { font-size: 15px; }
  .task-status { grid-column: 2; grid-row: 2; }
  .task-status .badge { font-size: 10px; }
  .task-progress { grid-column: 1; grid-row: 2; margin-left: 0; max-width: 140px; }
  .task-next { grid-column: 1 / -1; grid-row: 3; }
  .task-next strong { display: inline; margin-right: 7px; }
  .task-filters { margin-bottom: 0; }
}

/* Shared controls and readable metadata across the complete demo. */
.workspace-page .btn { min-height: 44px; font-size: 14px; }
.workspace-page .icon-button { width: 44px; height: 44px; min-width: 44px; flex-shrink: 0; }
.workspace-page .text-button { min-height: 44px; font-size: 13px; }
.sidebar nav button { height: 46px; }
.preview-banner { position: sticky; top: 0; z-index: 11; min-height: 44px; padding-block: 0; font-size: 12px; }
.preview-banner button { width: 44px; height: 44px; justify-content: center; }
.preview-banner svg { width: 16px; height: 16px; }
.breadcrumbs,.page-heading p { font-size: 14px; }
.page-heading .eyebrow,.modal-header .eyebrow,.edition { font-size: 11px; }
.campaign-identity strong,.account-name strong,.resource-link strong,.list-data-row strong { font-size: 14px; }
.campaign-identity small,.account-name small,.resource-link small,.campaign-time,.progress-cell,.table-head,.section-head p,.project-meta>span,.material-mini small { font-size: 12px; color: #a3b1b0; }
.campaign-state .badge,.overview-top .badge,.account-status .badge,.task-status .badge,.detail-account .badge { font-size: 11px; }
.workspace-page .detail-status .badge { font-size: 11px; }
.plain-note,.list-data-row>span:not(:first-child),.premium,.proxy-cell { font-size: 12px; }
.progress-cell>span:first-child { white-space: nowrap; flex-shrink: 0; }
.progress-cell .progress-track { min-width: 24px; }
.table-head,.campaign-row { grid-template-columns: minmax(180px,1.8fr) 150px 85px 125px 14px; }
.overview-top { grid-template-columns: minmax(0,1fr) 260px; }
.overview-top .table-head,.overview-top .campaign-row { grid-template-columns: minmax(155px,1.7fr) 150px 65px 14px; }
.project-tabs button { min-height: 44px; font-size: 13px; }
.method-link { min-height: 46px; font-size: 14px; }
.method-group-title { font-size: 12px; }
.waiting-note { font-size: 12px; }
.waiting-note .icon-button { width: 44px; }
.filter-tabs.task-filters { margin: 0; min-width: 0; justify-content: flex-start; }
.list-toolbar { align-items: flex-start; flex-wrap: wrap; }
.list-toolbar .searchbox { min-height: 44px; flex: 1; min-width: 200px; max-width: 300px; }
.filter-tabs.task-filters button { font-size: 13px; min-height: 44px; }
.field>span,.field small,.field-heading>span,.select-row small,.select-row em,.selection-foot,.switch-row,.inline-note,.detail-account small,.modal-header p,.wizard-footer>span,.detail-status>span:last-child:not(.badge) { font-size: 12px; }
.field input,.field textarea,.field select,.searchbox input { font-size: 16px; min-height: 44px; }
.field-heading h3,.select-row strong,.method-option strong,.detail-account strong,.review-list dd { font-size: 14px; }
.method-option small,.review-list dt,.advanced summary,.media-info dt,.media-info dd { font-size: 13px; }
.method-option { padding-top: 24px; }
.method-option em { font-size: 10px; }
.select-row { padding-block: 15px; }
.select-row>span:not(.avatar) { min-width: 0; }
.select-row small { overflow-wrap: anywhere; }
.select-row input { flex-shrink: 0; }
.select-row.unavailable { opacity: .65; }
.select-row:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 3px; }
.switch-row { min-height: 44px; cursor: pointer; }
.switch-row input { flex-shrink: 0; }
.advanced summary { min-height: 44px; }
.wizard-steps button { min-height: 44px; font-size: 12px; }
.wizard-steps b { width: 24px; height: 24px; font-size: 11px; }
.wizard-footer>span { max-width: none; }
.wizard-footer .btn { min-height: 44px; font-size: 14px; }
.wizard-footer>div { flex-wrap: wrap; justify-content: flex-end; }
.review-art { display: flex; align-items: center; gap: 24px; margin-top: 24px; }
.review-art .mini-story { width: 110px; }
.review-art p { color: var(--muted); font-size: 12px; }
.editable-review>div { grid-template-columns: 130px minmax(0,1fr) 44px; align-items: start; }
.editable-review dt,.editable-review dd { padding-top: 12px; }
.review-list dd { max-height: 220px; overflow: auto; }
.run-configuration { margin-top: 28px; border-top: 1px solid var(--line); padding-top: 20px; }
.run-configuration > h3 { margin: 0 0 8px; }
.run-configuration > p { font-size: 13px; margin-bottom: 20px; }
.run-configuration .review-list dd { max-height: none; overflow: visible; white-space: pre-wrap; overflow-wrap: anywhere; }
.detail-account>div { min-width: 0; }
.detail-account small { line-height: 1.6; }
.recovery-footer { flex-wrap: wrap; justify-content: flex-end; }
.detail-modal>form { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.records-heading { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-top: 24px; }
.records-heading h3 { font-size: 15px; }
.records-heading>span,.record-count { color: var(--muted); font-size: 12px; }
.record-count { margin: 14px 0 8px; }
.record-scroll { max-height: 240px; overflow: auto; scrollbar-width: thin; }
.sample-record { display: flex; gap: 16px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); padding: 12px 0; }
.sample-record>span:first-child { min-width: 0; }
.sample-record strong { display: block; font-size: 13px; }
.sample-record small { display: block; margin-top: 5px; font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.sample-record>span:last-child { color: var(--muted); font-size: 12px; }
.import-summary { display: grid; gap: 7px; border-block: 1px solid var(--line); margin-top: 22px; padding-block: 16px; }
.import-summary strong { font-size: 15px; }
.import-summary span { font-size: 12px; color: var(--muted); }
.more-sections .method-link { min-height: 60px; }
.app-footer { font-size: 12px; }
.app-footer a { display: inline-flex; align-items: center; min-height: 44px; }
.badge.scheduled { color: #c5bfdf; background: #302b40; border-color: #48405c; }
.badge.paused { color: #c9d0d3; background: #2b3437; border-color: #455258; }
@media (max-width: 1300px) {
  .overview-top { grid-template-columns: 1fr; }
  .project-resources { border-left: 0; border-top: 1px solid var(--line); padding: 20px 0 0; }
}
@media (max-width: 1000px) {
  .table-head,.campaign-row,.overview-top .table-head,.overview-top .campaign-row { grid-template-columns: minmax(140px,1fr) 145px 65px 14px; }
  .campaign-time,.table-head>span:nth-child(4) { display: none; }
}
@media (max-width: 700px) {
  .preview-banner { padding-inline: 16px; font-size: 12px; }
  .app-header { padding-inline: 16px; gap: 10px; }
  .breadcrumbs { font-size: 12px; gap: 7px; }
  .breadcrumbs>span,.breadcrumbs>svg { display: none; }
  .page-heading .eyebrow { font-size: 11px; }
  .page-heading p { font-size: 14px; line-height: 1.6; }
  .page-heading>.btn { min-height: 44px; font-size: 14px; }
  .project-meta { gap: 12px 18px; }
  .project-meta>span { font-size: 12px; }
  .project-tabs { overflow-x: auto; justify-content: flex-start; gap: 22px; scrollbar-width: thin; }
  .project-tabs button { font-size: 13px; flex-shrink: 0; }
  .campaign-row,.overview-top .campaign-row { grid-template-columns: minmax(0,1fr) auto; gap: 14px 12px; }
  .campaign-identity { grid-column: 1/-1; }
  .campaign-state { grid-column: 2; grid-row: 2; }
  .progress-cell { grid-column: 1; grid-row: 2; margin: 0; max-width: 140px; font-size: 12px; }
  .campaign-identity strong { font-size: 14px; }
  .campaign-identity small { font-size: 12px; }
  .campaign-state .badge,.overview-top .badge { font-size: 11px; }
  .waiting-note { font-size: 12px; line-height: 1.6; }
  .task-summary-link small { font-size: 12px; line-height: 1.6; }
  .material-mini strong { font-size: 14px; }
  .list-toolbar .searchbox { max-width: none; width: 100%; flex-basis: 100%; }
  .account-summary { gap: 16px; }
  .account-summary span { font-size: 12px; }
  .account-row { grid-template-columns: 32px minmax(0,1fr) 44px; }
  .account-name strong { font-size: 14px; }
  .account-name small { font-size: 12px; }
  .account-row>.icon-button { width: 44px; height: 44px; }
  .account-row .premium { display: flex; grid-column: 2; font-size: 11px; }
  .account-row .account-status { grid-row: 2; }
  .list-data-row strong { font-size: 14px; }
  .list-data-row>span:nth-child(2),.list-data-row>span:nth-child(3) { font-size: 12px; }
  .media-layout { grid-template-columns: minmax(0,1fr); gap: 25px; }
  .media-art { width: 190px; justify-self: center; }
  .media-art .story-art strong { font-size: 50px; }
  .media-art .story-art .story-caption { font-size: 10px; }
  .media-art .story-art .story-bottom { font-size: 11px; }
  .media-info { max-width: none; }
  .media-info .eyebrow,.media-info>p { font-size: 12px; }
  .media-info h2 { font-size: 23px; }
  .media-info .btn { width: 100%; font-size: 14px; }
  .media-info .text-button { font-size: 13px; }
  .mobile-nav { padding-inline: 4px; }
  .mobile-nav button { font-size: 11px; min-height: 52px; padding: 5px 2px; min-width: 0; }
  .mobile-nav svg { width: 20px; height: 20px; }
  .app-footer { padding-bottom: 90px; }
  .modal-header { padding: 16px; }
  .modal-header h2 { font-size: 21px; }
  .wizard-steps { padding: 8px 16px; gap: 8px; }
  .wizard-steps button { min-height: 57px; gap: 5px; }
  .wizard-steps span { font-size: 11px; }
  .wizard-body,.detail-body { padding: 18px 16px; }
  .wizard-footer { flex-wrap: wrap; padding: 12px 16px; }
  .wizard-footer>span { font-size: 12px; max-width: none; }
  .wizard-footer>div { margin-left: auto; gap: 8px; }
  .wizard-footer .btn { min-height: 44px; font-size: 14px; padding-inline: 13px; }
  .wizard-footer .footer-context { display: none; }
  .field-heading { flex-wrap: wrap; gap: 6px; }
  .field-heading>span { max-width: none; font-size: 12px; text-align: left; }
  .select-row { gap: 10px; flex-wrap: wrap; }
  .select-row strong { font-size: 14px; }
  .select-row small { font-size: 12px; }
  .select-row em { font-size: 12px; max-width: none; flex-basis: 100%; margin-left: 25px; text-align: left; }
  .switch-row { font-size: 13px; }
  .story-config { gap: 16px; }
  .story-config p { font-size: 12px; }
  .method-option strong { font-size: 14px; }
  .method-option small { font-size: 12px; }
  .review-list>div { grid-template-columns: 85px minmax(0,1fr); }
  .review-list dt { font-size: 12px; }
  .review-list dd { font-size: 14px; }
  .editable-review>div { grid-template-columns: minmax(0,1fr) 44px; gap: 0 10px; }
  .editable-review dt { grid-column: 1; padding-top: 0; }
  .editable-review dd { grid-column: 1; padding-top: 7px; padding-bottom: 5px; }
  .editable-review .icon-button { grid-column: 2; grid-row: 1 / span 2; }
  .review-art .mini-story { width: 95px; }
  .detail-account .badge { margin-left: 44px; }
  .detail-account strong { font-size: 14px; }
  .detail-account small { font-size: 12px; }
  .records-heading { align-items: start; flex-direction: column; gap: 0; margin-bottom: 14px; }
  .records-heading h3 { margin-bottom: 6px; }
  #toast { bottom: 86px; font-size: 13px; }
}
/* Keep the reset tools reachable without enlarging the sticky demo banner. */
.preview-banner .demo-tools{display:flex;align-items:center;gap:2px;flex-shrink:0}
.preview-banner .demo-tools button{width:44px;height:44px}
.preview-banner>span:first-child{min-width:0}
@media(max-width:360px){.campaign-footer>div:has([data-action="run-demo"]){display:grid;grid-template-columns:44px 44px minmax(0,1fr)}.campaign-footer [data-action="run-demo"]{grid-column:1/-1;width:100%}}
.storage-notice{margin:0;padding:12px 24px;background:#30271e;color:#f4d59c;font-size:13px;border-bottom:1px solid #675233}
.draft-tools{display:flex;justify-content:flex-end;margin:0 0 14px}
.draft-tools button{min-height:44px}
.empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.empty-actions .btn{min-height:44px}
.empty-actions .btn svg{width:16px;height:16px;margin:0}
@media(max-width:400px){.task-empty{padding-inline:0}.empty-actions .btn{width:100%;max-width:300px}}
.trash-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.trash-row>div{min-width:0;overflow-wrap:anywhere}.trash-row small{display:block;color:var(--muted);margin-top:5px}.trash-row>.btn{flex-shrink:0}
.campaign-footer>div{flex-wrap:wrap;justify-content:flex-end}.campaign-footer>span{flex-shrink:0}
dialog{max-height:calc(100dvh - 24px)}
@media(max-width:700px){
 .task-filters,.filter-tabs.task-filters{display:flex;flex-wrap:wrap;overflow:visible;gap:6px;width:100%;padding:0 0 12px}
 .task-filters button{min-height:44px;flex:none;padding:9px 12px;font-size:13px}
 .project-tabs{display:none}.list-toolbar{align-items:stretch}.list-toolbar .searchbox{width:100%}
 .campaign-footer>span{display:none}.campaign-footer>div{width:100%;margin:0;gap:8px;justify-content:flex-end}
 .campaign-footer .icon-button{width:44px;height:44px}.campaign-footer .btn{padding-inline:12px}
 .mobile-nav{padding-bottom:env(safe-area-inset-bottom,0px)}
 .trash-row{flex-wrap:wrap}.trash-row>.btn{margin-left:auto}
 .storage-notice{padding:10px 16px}
}
@media(max-width:400px){.preview-banner{padding-left:10px;padding-right:4px;gap:4px}.preview-banner>span:first-child{font-size:11px;line-height:1.3}.preview-banner>span:first-child svg{display:none}.preview-banner .demo-tools{gap:0}.preview-banner .demo-tools button{width:40px}}