:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{opacity:0;pointer-events:none;will-change:opacity;position:absolute;top:0;left:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{backface-visibility:hidden;background:inherit;z-index:-1;position:absolute}.core-styles-module_content__BRKdB{z-index:1;position:relative}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;width:max-content;font-size:90%}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}:root{color:#e8eef7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#38bdf81f,#0000 28%),radial-gradient(circle at 100% 0,#a855f71f,#0000 24%),#0b1220;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-layout{grid-template-columns:320px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aeb;border-right:1px solid #94a3b824;flex-direction:column;gap:28px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.sidebar-brand h1{margin-bottom:6px;font-size:1.55rem}.sidebar-brand-copy{color:#94a3b8;margin:0;font-size:.92rem;line-height:1.55}.sidebar-section,.sidebar-nav{gap:8px;display:grid}.sidebar-section-label{color:#64748b;letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:600}.sidebar-action{text-align:left;justify-content:flex-start;width:100%;min-height:46px}.sidebar-nav{flex:1;align-content:start}.sidebar-link{color:#cbd5e1;text-align:left;background:#ffffff05;border:1px solid #94a3b814;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:14px;width:100%;padding:14px 15px;font-weight:500;transition:background .12s,border-color .12s,transform .12s;display:flex}.sidebar-link:hover:not(:disabled){background:#94a3b814;border-color:#94a3b829;transform:translateY(-1px)}.sidebar-link.active{color:#f8fafc;background:linear-gradient(#38bdf82e,#38bdf814);border-color:#38bdf847}.sidebar-link:disabled{opacity:.85;cursor:default}.sidebar-link-copy{gap:4px;min-width:0;display:grid}.sidebar-link-copy strong{font-size:.96rem;font-weight:700;line-height:1.25}.sidebar-link-copy small{color:#94a3b8;font-size:.82rem;line-height:1.4}.sidebar-link.active .sidebar-link-copy small{color:#dbeafe}.sidebar-badge{background:#94a3b824;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:22px;padding:0 8px;font-size:.78rem;display:inline-flex}.sidebar-link.active .sidebar-badge{color:#bae6fd;background:#38bdf838}.sidebar-footer{margin-top:auto}.sidebar-refresh{width:100%}.app-main{width:100%;min-width:0;max-width:none;padding:28px 40px 48px}.contacts-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.overview-panel .stats-grid{margin-top:8px}.overview-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.resend-modal{gap:16px;display:grid}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.modal-panel.modal-panel-wide{width:min(640px,100%)}.modal-panel.modal-panel-split{width:min(1080px,100vw - 36px)}.modal-panel.modal-panel-fullscreen{grid-template-rows:auto minmax(0,1fr);width:min(1480px,100vw - 36px);max-height:calc(100vh - 24px);display:grid}.modal-panel-fullscreen .modal-body{min-height:0;overflow:auto}.recipient-picker-sent{font-weight:600;color:#86efac!important;font-size:.78rem!important}.app-shell{width:min(1400px,100% - 32px);margin:0 auto;padding:32px 0 48px}.dashboard-tabs{background:#0f172ad1;border:1px solid #94a3b82e;border-radius:14px;gap:8px;margin-bottom:20px;padding:6px;display:inline-flex}.tab-button{color:#94a3b8;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:170px;padding:10px 16px;font-weight:600;display:inline-flex}.tab-button.active{color:#e2e8f0;background:#38bdf829}.tab-count{background:#94a3b824;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:24px;padding:0 8px;font-size:.82rem;display:inline-flex}.tab-button.active .tab-count{color:#bae6fd;background:#38bdf838}.topbar,.panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:24px}.topbar-actions,.panel-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eyebrow{color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.85rem}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,3vw,2.6rem)}h2{font-size:1.15rem}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card,.panel,.detail-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad1;border:1px solid #94a3b82e;border-radius:18px;box-shadow:0 20px 60px #00000040}.stat-card{padding:18px 20px}.stat-label{color:#94a3b8;margin-bottom:8px;font-size:.9rem;display:block}.stat-value{font-size:2rem}.stat-active{color:#4ade80}.stat-inactive{color:#fbbf24}.dashboard-main{gap:20px;min-width:0;display:grid}.app-shell-compose{width:min(1200px,100% - 32px)}.compose-panel-modal{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.panel,.detail-panel{padding:20px}.panel-header{margin-bottom:16px}.panel-meta,.helper-text,.filters-meta,.detail-subtitle{color:#94a3b8}.filters-row{grid-template-columns:2fr 1fr;gap:16px;display:grid}.field{gap:8px;display:grid}.field span{color:#cbd5e1;font-size:.92rem}input,select,textarea{color:#e2e8f0;background:#020617a6;border:1px solid #94a3b840;border-radius:12px;width:100%;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:#38bdf88c;outline:2px solid #38bdf859}.stack-form{gap:14px;display:grid}button[type=submit],.primary-button,.ghost-button,.danger-button,.link-button{border:none;border-radius:12px;padding:10px 14px}button[type=submit]:disabled,.primary-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button{color:#e2e8f0;background:#94a3b81f}.ghost-button:disabled{opacity:.5;cursor:not-allowed}.action-button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-width:88px;height:38px;display:inline-flex}.action-button-accent{min-width:118px}.action-button-label{text-align:center;min-width:52px}.action-button-badge{color:#7dd3fc;background:#38bdf82e;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:22px;padding:0 6px;font-size:.78rem;font-weight:700;display:inline-flex}.action-row{justify-content:flex-end;gap:8px;display:flex}button[type=submit],.primary-button{color:#fff;background:linear-gradient(135deg,#0284c7,#7c3aed);font-weight:600}.danger-button{color:#fecaca;background:#ef444429}.link-button{color:#7dd3fc;text-align:left;background:0 0;padding:0}.table-wrap{width:100%;overflow-x:auto}table{table-layout:fixed;border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #94a3b81f;padding:12px 10px}th{color:#94a3b8;font-size:.85rem;font-weight:600}.empty-cell{text-align:center;color:#94a3b8;padding:28px 12px}.status-badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.status-badge.active{color:#86efac;background:#22c55e29}.status-badge.inactive{color:#fde68a;background:#fbbf2429}.row-actions{flex-wrap:nowrap;gap:8px;display:flex}.row-actions .ghost-button,.row-actions .danger-button{white-space:nowrap;min-width:92px;height:36px}.recipient-preview{background:#0206178c;border-radius:12px;gap:8px;padding:12px;display:grid}.recipient-preview ul{color:#cbd5e1;margin:0;padding-left:18px}.form-error{color:#fca5a5}.form-success{color:#86efac}.detail-list{gap:12px;margin:0 0 20px;display:grid}.detail-list div{gap:4px;display:grid}.detail-list dt{color:#94a3b8;font-size:.85rem}.detail-list dd{margin:0}.email-history ul{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.email-history li{background:0 0;border-radius:16px;padding:0}.email-history-card{width:100%;color:inherit;text-align:left;background:#02061759;border:1px solid #94a3b824;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main meta""expand expand";gap:8px 16px;padding:14px 16px;display:grid}.email-history-card:hover{background:#38bdf814;border-color:#38bdf847}.email-history-card-main{grid-area:main;min-width:0}.email-history-card strong{margin-bottom:4px;display:block}.email-history-card-description{color:#94a3b8;white-space:normal;margin:0;font-size:.92rem}.email-history-card-meta{flex-direction:column;grid-area:meta;align-items:flex-end;gap:8px;display:flex}.email-history-card-meta span:not(.recipient-pill){color:#94a3b8;font-size:.85rem}.email-history-card .campaign-expand-icon{grid-area:expand}.compose-panel-wide,.compose-panel{margin-top:0}.back-button{margin-bottom:10px}.icon-button{color:#fff;background:linear-gradient(135deg,#0284c7,#7c3aed);border:0;border-radius:12px;width:40px;height:40px;font-size:1.5rem;font-weight:500;line-height:1}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{background:#0f172af5;border:1px solid #94a3b82e;border-radius:18px;width:min(480px,100%);box-shadow:0 24px 80px #00000073}.modal-header,.modal-body{padding:20px}.modal-header{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-close{min-width:36px;height:36px;font-size:1.4rem;line-height:1}.campaign-list{gap:14px;display:grid}.campaign-card{background:#02061759;border:1px solid #94a3b824;border-radius:16px;overflow:hidden}.campaign-card-selected{border-color:#38bdf873;box-shadow:inset 0 0 0 1px #38bdf82e}.campaign-card-header{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main meta""tags expand";gap:10px 16px;padding:16px 18px;display:grid}.campaign-card-main{grid-area:main;min-width:0}.campaign-card-main h3{word-break:break-word;margin-bottom:4px;font-size:1rem}.campaign-card-headline{color:#94a3b8;word-break:break-word;font-size:.92rem}.campaign-card-meta{flex-direction:column;grid-area:meta;align-items:flex-end;gap:8px;display:flex}.campaign-card-tags{flex-wrap:wrap;grid-area:tags;gap:6px;display:flex}.campaign-expand-icon{color:#7dd3fc;grid-area:expand;place-self:end;font-size:.85rem;font-weight:600}.campaign-card-body{border-top:1px solid #94a3b81a;gap:16px;padding:0 18px 18px;display:grid}.campaign-card-actions{flex-wrap:wrap;gap:10px;padding-top:16px;display:flex}.campaign-modal-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:20px;display:grid}.campaign-modal-main,.campaign-modal-side{min-width:0}.campaign-modal-main{gap:18px;display:grid}.campaign-modal-summary,.campaign-modal-actions{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.campaign-modal-meta{color:#94a3b8;justify-items:end;gap:4px;font-size:.9rem;display:grid}.campaign-modal-preview{gap:12px;display:grid}.campaign-detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:16px;display:grid}.campaign-preview-block,.campaign-recipients-block{gap:10px;min-width:0;display:grid}.campaign-preview-block h4,.campaign-recipients-block h4{color:#cbd5e1;font-size:.95rem}.campaign-preview-frame-wrap{background:#eef2f7;border:1px solid #94a3b82e;border-radius:14px;min-height:360px;overflow:hidden}.campaign-preview-frame{background:#fff;border:0;width:100%;min-height:360px}.campaign-preview-frame-wrap-large,.campaign-preview-frame-large{min-height:760px}.recipient-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.recipient-list li{background:#0206178c;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.recipient-list li div{gap:4px;min-width:0;display:grid}.recipient-list strong,.recipient-list span,.recipient-list time{display:block}.recipient-list span,.recipient-list time{color:#94a3b8;font-size:.85rem}.recipient-list time{white-space:nowrap}.media-section{background:#02061759;border:1px solid #94a3b81f;border-radius:12px;gap:12px;padding:14px;display:grid}.media-add-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.file-input-button{color:#e2e8f0;cursor:pointer;background:#94a3b81f;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 14px;display:inline-flex;position:relative}.file-input-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.media-list,.attachment-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.media-list-item,.attachment-list li{background:#0206178c;border-radius:12px;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px;display:grid}.media-list-item img{object-fit:cover;border-radius:8px;width:96px;height:72px}.media-list-meta,.attachment-list li>div{align-content:start;gap:6px;display:grid}.attachment-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center}.contacts-table{min-width:760px}.contacts-table .col-check{width:44px}.cell-email,.cell-date{word-break:break-word}.compose-layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:20px;display:grid}.compose-layout-large{grid-template-columns:minmax(0,1.35fr) minmax(420px,.9fr)}.compose-form,.email-preview-panel{min-width:0}.field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.option-group{background:#02061759;border:1px solid #94a3b81f;border-radius:12px;gap:12px;padding:14px;display:grid}.option-group-header{margin-bottom:2px}.checkbox-field{color:#cbd5e1;align-items:center;gap:10px;font-size:.92rem;display:flex}.checkbox-field input{width:auto}.greeting-preview{margin:0}.label-with-tooltip{color:#cbd5e1;align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.tooltip-trigger{color:#7dd3fc;background:#7dd3fc14;border:1px solid #7dd3fc59;border-radius:999px;width:20px;height:20px;padding:0;font-size:.75rem;font-weight:700;line-height:1}.image-preview-row{gap:10px;margin-top:10px;display:grid}.image-preview-row img{object-fit:cover;border:1px solid #94a3b833;border-radius:12px;width:100%;max-height:180px}.email-preview-frame-wrap{background:#eef2f7;border:1px solid #94a3b82e;border-radius:14px;min-height:520px;position:relative;overflow:hidden}.email-preview-frame{background:#fff;border:0;width:100%;min-height:520px}.compose-layout-large .email-preview-frame-wrap,.compose-layout-large .email-preview-frame{min-height:760px}.preview-status{text-align:center;background:#eef2f7eb;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.campaign-history-panel{min-height:420px;margin-top:0}.campaign-table-wrap{border:1px solid #94a3b81f;border-radius:14px;width:100%;overflow-x:auto}.campaign-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:920px}.campaign-table th,.campaign-table td{vertical-align:middle;border-bottom:1px solid #94a3b81f;padding:14px 12px;overflow:hidden}.campaign-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;background:#02061773;font-size:.82rem;font-weight:600}.campaign-row.selected{background:#38bdf814}.campaign-row:hover{background:#94a3b80f}.col-subject{width:24%}.col-headline{width:22%}.col-date{width:16%}.col-recipients{width:10%}.col-tags{width:12%}.col-actions{width:16%}.campaign-subject-button{color:#7dd3fc;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;width:100%;padding:0;font-weight:600;overflow:hidden}.cell-clamp{white-space:nowrap;text-overflow:ellipsis;color:#cbd5e1;display:block;overflow:hidden}.cell-nowrap{white-space:nowrap;color:#94a3b8;font-size:.88rem}.recipient-pill{color:#7dd3fc;background:#7dd3fc1f;border-radius:999px;justify-content:center;align-items:center;min-width:36px;height:28px;padding:0 10px;font-weight:700;display:inline-flex}.recipient-pill-muted{color:#d8b4fe;background:#a855f724;font-size:.82rem;font-weight:600}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.info-tag{color:#cbd5e1;white-space:nowrap;background:#94a3b81f;border-radius:999px;align-items:center;height:24px;padding:0 8px;font-size:.75rem;display:inline-flex}.info-tag-template{color:#e9d5ff;background:#a855f72e}.send-mode-group{border-color:#a855f738}.compose-actions{flex-wrap:wrap;gap:10px;display:flex}.template-picker{gap:16px;display:grid}.template-picker-layout{grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:16px;min-height:480px;display:grid}.template-picker-list{align-content:start;gap:10px;max-height:520px;display:grid;overflow:auto}.template-picker-item{color:#e2e8f0;text-align:left;background:#02061766;border:1px solid #94a3b81f;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;padding:14px 16px;display:flex}.template-picker-item:hover,.template-picker-item-selected{background:#38bdf814;border-color:#38bdf847}.template-picker-item div{gap:4px;display:grid}.template-picker-item-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.template-picker-item p,.template-picker-item-meta>span:not(.recipient-pill){color:#94a3b8}.template-picker-preview{background:#eef2f7;border:1px solid #94a3b82e;border-radius:14px;min-height:480px;overflow:hidden}.template-mini-preview{background:#eef2f7;height:520px;overflow:hidden}.template-mini-preview iframe{transform-origin:0 0;background:#fff;border:0;width:600px;height:900px;transform:scale(.72)}.recipient-picker{background:#02061759;border:1px solid #94a3b81f;border-radius:12px;gap:12px;padding:14px;display:grid}.recipient-picker-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.recipient-picker-toolbar{justify-content:flex-end;display:flex}.recipient-picker-list{gap:8px;max-height:280px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.recipient-picker-list li{background:#0206178c;border-radius:10px}.recipient-picker-item{cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.recipient-picker-item input{width:auto;margin-top:4px}.recipient-picker-label{gap:2px;min-width:0;display:grid}.recipient-picker-label span{color:#94a3b8;word-break:break-word;font-size:.85rem}.recipient-picker-inactive{color:#fbbf24!important;font-size:.78rem!important}.recipient-picker-empty{text-align:center;color:#94a3b8;padding:16px}.empty-state{text-align:center;color:#cbd5e1;gap:8px;padding:28px 12px;display:grid}.side-note-panel h2{margin-bottom:12px}.side-note-list{color:#cbd5e1;gap:8px;margin:0 0 16px;padding-left:18px;display:grid}.side-note-list strong{color:#e2e8f0}.email-history-headline{color:#7dd3fc;margin:6px 0}.email-history-image{object-fit:cover;border-radius:8px;width:100%;max-height:120px;margin-top:8px}@media (width<=1100px){.app-layout{grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid #94a3b824;border-right:0;height:auto;position:static}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer{margin-top:0}.stats-grid,.filters-row,.compose-layout,.compose-layout-large,.field-grid,.campaign-detail-grid,.campaign-modal-layout,.media-add-row{grid-template-columns:1fr}.dashboard-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}.tab-button{width:100%;min-width:0}.campaign-card-header{grid-template-columns:1fr;grid-template-areas:"main""meta""tags""expand"}.campaign-card-meta{flex-direction:row;justify-content:space-between;align-items:center}.template-picker-layout{grid-template-columns:1fr}.email-history-card{grid-template-columns:1fr;grid-template-areas:"main""meta""expand"}.email-history-card-meta{flex-direction:row;justify-content:space-between;align-items:center}}@media (width<=640px){.app-main{padding:20px 16px 32px}.modal-panel.modal-panel-fullscreen{width:calc(100vw - 16px);max-height:calc(100vh - 12px)}.sidebar-nav{grid-template-columns:1fr}.app-shell,.app-shell-compose{width:min(100%,100% - 20px);padding-top:20px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%}.topbar-actions button{flex:auto}.media-list-item{grid-template-columns:1fr}.attachment-list li{grid-template-columns:1fr;gap:10px}}