:root {
  --bg: #0e1014;
  --panel: #161a21;
  --panel-2: #1d222b;
  --line: #272d38;
  --text: #e7ebf2;
  --muted: #8d97a8;
  --accent: #5b8cff;
  --good: #35c98b;
  --warn: #f0b23c;
  --bad: #f4655f;
  --radius: 12px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 14px/1.5 "Segoe UI", system-ui, -apple-system, sans-serif;
}

button, input, select, textarea { font: inherit; color: inherit; }

.layout { display: flex; min-height: 100vh; }

/* ---------------- sidebar ---------------- */
.side {
  width: 232px;
  flex: 0 0 232px;
  background: var(--panel);
  border-right: 1px solid var(--line);
  padding: 20px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: sticky;
  top: 0;
  height: 100vh;
}
.brand { font-size: 21px; font-weight: 800; padding: 0 10px 18px; letter-spacing: -.3px; }
.brand span { color: var(--accent); }
.brand small { display:block; color:var(--muted); font-size:10px; letter-spacing:1.8px; text-transform:uppercase; margin-top:-2px; }
.nav {
  display: block; width: 100%; text-align: left;
  background: none; border: 0; padding: 10px 12px;
  border-radius: 9px; cursor: pointer; color: var(--muted);
}
.nav:hover { background: var(--panel-2); color: var(--text); }
.nav.on { background: var(--panel-2); color: var(--text); font-weight: 600; }
.nav b { display:inline-block; width:25px; color:var(--muted); font-size:15px; }
.nav.on b { color:var(--accent); }
.side-foot { margin-top: auto; font-size: 12px; color: var(--muted); padding: 10px; }

/* ---------------- main ---------------- */
.workspace{flex:1;min-width:0}.account-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 30px;border-bottom:1px solid var(--line);background:rgba(14,16,20,.72);backdrop-filter:blur(12px);position:sticky;top:0;z-index:12}.account-bar>span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.main { flex: 1; padding: 26px 30px 60px; max-width: 1200px; }
h1 { font-size: 22px; margin: 0 0 4px; }
h2 { font-size: 15px; margin: 26px 0 10px; color: var(--muted); font-weight: 600;
     text-transform: uppercase; letter-spacing: .6px; }
.sub { color: var(--muted); margin: 0 0 20px; }
.page-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.live-badge { border:1px solid var(--line); border-radius:999px; padding:7px 11px; font-size:11px; font-weight:700; letter-spacing:.5px; }
.live-badge i { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:7px; }
.live-badge.live { color:var(--good); background:rgba(53,201,139,.08); border-color:rgba(53,201,139,.25); }
.live-badge.live i { background:var(--good); box-shadow:0 0 8px var(--good); }
.live-badge.paused { color:var(--warn); }.live-badge.paused i{background:var(--warn)}
.flow-card { display:flex; align-items:center; gap:14px; background:linear-gradient(135deg,rgba(91,140,255,.10),rgba(53,201,139,.05)); border:1px solid rgba(91,140,255,.22); border-radius:var(--radius); padding:17px 20px; margin-bottom:14px; }
.flow-step { flex:1; display:flex; align-items:center; gap:11px; }
.flow-step>span { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border-radius:50%; background:var(--accent); color:white; font-weight:700; }
.flow-step strong,.flow-step small{display:block}.flow-step small{color:var(--muted);font-size:11px;margin-top:2px}.flow-arrow{color:var(--muted);font-size:20px}
.good-text{color:var(--good)}.stat .v.compact{font-size:18px;padding-top:6px}.quick-card{margin-top:14px}

/* ---------------- posting plan ---------------- */
.plan-now{background:linear-gradient(135deg,rgba(91,140,255,.16),rgba(53,201,139,.07));border:1px solid rgba(91,140,255,.28);border-radius:16px;padding:20px;margin-bottom:22px}.plan-now-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.plan-now h2{font-size:22px;color:var(--text);text-transform:none;letter-spacing:-.3px;margin:3px 0 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--accent)}.plan-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.plan-metrics>div{background:rgba(14,16,20,.45);border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:13px}.plan-metrics strong,.plan-metrics span{display:block}.plan-metrics strong{font-size:24px}.plan-metrics span{font-size:11px;color:var(--muted);margin-top:2px}.plan-inputs{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:15px}.plan-inputs b{color:var(--text)}.plan-gate{margin-top:14px;padding:9px 11px;border-radius:8px;background:rgba(240,178,60,.10);color:var(--warn);font-size:12px}.strategy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.strategy-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column}.strategy-card.recommended{border-color:rgba(91,140,255,.45);box-shadow:inset 0 1px 0 rgba(91,140,255,.18)}.strategy-card.muted-card{grid-column:1/-1}.strategy-card h3{font-size:18px;margin:12px 0 6px}.strategy-card p{color:var(--muted);margin:0 0 15px}.strategy-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.strategy-timeline{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.strategy-timeline li{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:11px}.strategy-timeline b,.strategy-timeline span{display:block}.strategy-timeline span{font-size:10px;color:var(--muted);margin-top:3px}.strategy-card>.btn{margin-top:auto}.strategy-note{padding:11px;border-radius:9px;background:rgba(240,178,60,.08);color:var(--warn);font-size:12px;margin-bottom:14px}.platform-note{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:16px;padding:15px 17px;border-radius:12px;background:rgba(240,178,60,.08);border:1px solid rgba(240,178,60,.22)}.platform-note strong{color:var(--warn)}.platform-note span{color:var(--muted)}
.plan-power{display:flex;align-items:center;gap:9px;border:1px solid;border-radius:999px;padding:9px 14px;background:transparent;color:var(--text);font-weight:800;cursor:pointer}.plan-power i{width:9px;height:9px;border-radius:50%}.plan-power.on{color:var(--good);border-color:rgba(53,201,139,.35);background:rgba(53,201,139,.09)}.plan-power.on i{background:var(--good);box-shadow:0 0 9px var(--good)}.plan-power.off{color:var(--warn);border-color:rgba(240,178,60,.35);background:rgba(240,178,60,.08)}.plan-power.off i{background:var(--warn)}.plan-config{padding:20px}.plan-config-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.plan-config-head h2{margin:0;color:var(--text);font-size:18px;text-transform:none;letter-spacing:0}.plan-config-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.plan-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.plan-fields .field{margin:0}.plan-check{display:flex;align-items:flex-start;gap:11px;margin-top:18px;padding:14px;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;cursor:pointer}.plan-check input{margin-top:3px}.plan-check b,.plan-check small{display:block}.plan-check small{color:var(--muted);margin-top:3px}.plan-actions{margin-top:18px}.platform-note{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:16px;padding:15px 17px;border-radius:12px;background:rgba(240,178,60,.08);border:1px solid rgba(240,178,60,.22)}.platform-note strong{color:var(--warn)}.platform-note span{color:var(--muted)}
.plan-summary{padding:20px;background:linear-gradient(135deg,rgba(91,140,255,.11),rgba(53,201,139,.05))}.schedule-chips{display:flex;gap:8px;flex-wrap:wrap;margin:-3px 0 18px}.schedule-chips span{padding:8px 11px;border:1px solid rgba(91,140,255,.3);border-radius:999px;background:rgba(91,140,255,.12);color:var(--text);font-weight:800;font-size:12px}.plan-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.plan-summary-grid>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(11,15,22,.42)}.plan-summary-grid small,.plan-summary-grid strong{display:block}.plan-summary-grid small{color:var(--muted);margin-bottom:4px}.rotation-summary{padding:7px 2px;color:var(--muted);font-size:12px}.rotation-summary b{color:var(--text)}.plan-fields .field>small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.45}
.preset-head{margin:27px 0 10px}.preset-head h2{margin:0;color:var(--text);font-size:17px;text-transform:none;letter-spacing:0}.preset-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.preset-card{padding:0;overflow:hidden}.preset-create{display:flex;gap:9px;padding:14px;border-bottom:1px solid var(--line)}.preset-create input{flex:1}.preset-list{display:flex;flex-direction:column}.preset-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--line)}.preset-row:first-child{border-top:0}.preset-copy strong,.preset-copy span{display:block}.preset-copy span{color:var(--muted);font-size:11px;margin-top:4px}.compact-empty{padding:22px}

.card {
  background: var(--panel); border: 1px solid var(--line);
  border-radius: var(--radius); padding: 16px; margin-bottom: 14px;
}
.grid { display: grid; gap: 12px; }
.g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) { .g3, .g4 { grid-template-columns: repeat(2, minmax(0,1fr)); } }

.stat { background: var(--panel); border: 1px solid var(--line);
        border-radius: var(--radius); padding: 14px 16px; }
.stat .k { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
.stat .v { font-size: 24px; font-weight: 700; margin-top: 4px; }
.stat .n { color: var(--muted); font-size: 12px; margin-top: 2px; }

label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 5px; }
input[type=text], input[type=number], input[type=password], input[type=time], select, textarea {
  width: 100%; background: var(--panel-2); border: 1px solid var(--line);
  border-radius: 8px; padding: 9px 11px; outline: none;
}
input:focus, select:focus, textarea:focus { border-color: var(--accent); }
textarea { resize: vertical; min-height: 74px; font-family: inherit; }
input[type=color] { width: 100%; height: 36px; background: var(--panel-2);
  border: 1px solid var(--line); border-radius: 8px; padding: 2px; cursor: pointer; }
input[type=range] { width: 100%; accent-color: var(--accent); }
input[type=checkbox] { width: 16px; height: 16px; accent-color: var(--accent); }
.row { display: flex; gap: 10px; align-items: center; }
.row.wrap { flex-wrap: wrap; }
.spread { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.side .nav[hidden] { display: none !important; }
.field { margin-bottom: 12px; }
.check { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.check label { margin: 0; color: var(--text); font-size: 14px; }

.btn {
  background: var(--panel-2); border: 1px solid var(--line); color: var(--text);
  padding: 8px 14px; border-radius: 8px; cursor: pointer; white-space: nowrap;
}
.btn:hover { border-color: var(--accent); }
.btn.primary { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 600; }
.btn.primary:hover { filter: brightness(1.1); }
.btn.danger:hover { border-color: var(--bad); color: var(--bad); }
.btn.sm { padding: 5px 10px; font-size: 12px; }
.btn:disabled { opacity: .45; cursor: not-allowed; }
.quiet-fields{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
.advanced { margin-top:22px; }.advanced>summary{cursor:pointer;color:var(--muted);font-size:12px;margin-bottom:10px}.advanced .card{margin-top:10px}

/* ---------------- creators ---------------- */
.add-creator { display:grid; grid-template-columns:auto minmax(170px,1fr) minmax(320px,1.5fr); gap:14px; align-items:center; }
.add-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(91,140,255,.14);color:var(--accent);font-size:24px}.add-copy strong,.add-copy span{display:block}.add-copy span{font-size:12px;color:var(--muted);margin-top:3px}.add-controls{display:flex;gap:8px}.handle-input{display:flex;align-items:center;flex:1;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding-left:11px;color:var(--muted)}.handle-input:focus-within{border-color:var(--accent)}.handle-input input{border:0!important;background:transparent!important;padding-left:3px!important}.safe-note{grid-column:2/-1;color:var(--good);font-size:11px}
.creator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.creator-top{display:flex;align-items:center;gap:11px}.creator-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),#835bff);font-weight:800}.creator-name{flex:1}.creator-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.creator-stats>div{display:flex;flex-direction:column;gap:2px}.creator-stats b{font-size:17px}.creator-stats small{font-size:10px;color:var(--muted)}.creator-actions{display:flex;gap:8px;justify-content:flex-end}.switch input{display:none}.switch span{display:block;width:38px;height:22px;border-radius:99px;background:#343b48;position:relative;cursor:pointer}.switch span:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.switch input:checked+span{background:var(--good)}.switch input:checked+span:after{left:19px}
.watch-state{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:5px 8px;border-radius:999px}.watch-state.watching{color:var(--good);background:rgba(53,201,139,.12)}.watch-state.paused{color:var(--muted);background:var(--panel-2)}

/* ---------------- hashtag research ---------------- */
.research-search{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.research-search .safe-note{flex-basis:100%}.research-head{display:flex;justify-content:space-between;align-items:center;margin:20px 2px 10px}.research-head strong{font-size:18px}.research-head span:not(.pill){color:var(--muted);font-size:12px;margin-left:8px}.research-list{display:flex;flex-direction:column;gap:8px}.research-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:13px;color:var(--text)}.research-item:hover{border-color:var(--accent)}.rank{font-size:20px;font-weight:800;color:var(--accent);text-align:center}.research-copy p{margin:3px 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}.research-copy small{color:var(--muted)}.research-copy a,.preview-fallback a{color:var(--accent);text-decoration:none}.metrics{display:grid;grid-template-columns:repeat(2,auto);gap:3px 12px;font-size:11px;color:var(--muted);text-align:right}.metrics b{color:#ff718b}.research-actions{display:flex;gap:7px;align-items:center}.research-queue{min-width:145px}.research-player{grid-column:2/-1;border-top:1px solid var(--line);padding-top:13px}.research-player video,.research-player iframe{display:block;width:min(100%,360px);aspect-ratio:9/16;max-height:70vh;margin:0 auto;border:0;border-radius:12px;background:#000}.preview-fallback{text-align:center;padding:24px;color:var(--muted)}
.auto-research-form{display:grid;grid-template-columns:1.3fr repeat(4,1fr) auto;gap:10px;align-items:end}.auto-research-form .field{margin:0}.auto-research-form .safe-note{grid-column:1/-1}
.research-divider{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:32px 0 11px;padding-top:22px;border-top:1px solid var(--line)}.research-divider h2{margin:0;color:var(--text);font-size:18px;text-transform:none;letter-spacing:0}.research-divider p{margin:4px 0 0;color:var(--muted);font-size:12px}

.pill { display: inline-block; padding: 3px 9px; border-radius: 999px;
        font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .4px; }
.pill.grey { background: #2a303b; color: var(--muted); }
.pill.blue { background: rgba(91,140,255,.16); color: var(--accent); }
.pill.green { background: rgba(53,201,139,.16); color: var(--good); }
.pill.amber { background: rgba(240,178,60,.16); color: var(--warn); }
.pill.red { background: rgba(244,101,95,.16); color: var(--bad); }

.dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.dot.on { background: var(--good); box-shadow: 0 0 8px var(--good); }
.dot.off { background: var(--muted); }
.dot.err { background: var(--bad); }

table { width: 100%; border-collapse: collapse; }
th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .5px;
     color: var(--muted); padding: 8px 10px; border-bottom: 1px solid var(--line); font-weight: 600; }
td { padding: 10px; border-bottom: 1px solid var(--line); vertical-align: middle; }
tr:last-child td { border-bottom: 0; }

/* ---------------- overlay editor ---------------- */
.editor { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 20px; align-items: start; }
@media (max-width: 1000px) { .editor { grid-template-columns: 1fr; } }
.preview-wrap { position: sticky; top: 26px; }
.preview-wrap img { width: 100%; border-radius: 14px; border: 1px solid var(--line); display: block; }
.sec { border: 1px solid var(--line); border-radius: var(--radius); margin-bottom: 12px;
       background: var(--panel); overflow: hidden; }
.sec > summary { cursor: pointer; padding: 13px 16px; font-weight: 600; list-style: none;
                 display: flex; justify-content: space-between; align-items: center; }
.sec > summary::-webkit-details-marker { display: none; }
.sec > summary::after { content: "▾"; color: var(--muted); }
.sec[open] > summary::after { content: "▴"; }
.sec .body { padding: 4px 16px 16px; border-top: 1px solid var(--line); }
.slider-row { display: grid; grid-template-columns: 1fr 62px; gap: 8px; align-items: center; }
.slider-row output { color: var(--muted); font-size: 12px; text-align: right;
                     font-variant-numeric: tabular-nums; }

/* ---------------- queue ---------------- */
.clip { display: grid; grid-template-columns: 108px minmax(0,1fr); gap: 14px;
        background: var(--panel); border: 1px solid var(--line);
        border-radius: var(--radius); padding: 14px; margin-bottom: 12px; }
.clip .thumb { width: 108px; aspect-ratio: 9/16; border-radius: 8px; object-fit: cover;
               background: var(--panel-2); border: 1px solid var(--line); }
.clip .ph { display: flex; align-items: center; justify-content: center;
            color: var(--muted); font-size: 11px; text-align: center; }
.clip .meta { color: var(--muted); font-size: 12px; }
.clip .err { color: var(--bad); font-size: 12px; margin-top: 6px; word-break: break-word; }
.clip .acts { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 10px; }

.log { font-family: "Cascadia Mono", Consolas, monospace; font-size: 12px; }
.log div { padding: 5px 0; border-bottom: 1px solid var(--line); display: flex; gap: 10px; }
.log .t { color: var(--muted); flex: 0 0 128px; }
.log .m { word-break: break-word; }
.log .lvl-error .m { color: var(--bad); }
.log .lvl-success .m { color: var(--good); }

.empty { color: var(--muted); text-align: center; padding: 36px 10px; }
.hint { color: var(--muted); font-size: 12px; margin-top: 6px; }
code { background: var(--panel-2); padding: 2px 6px; border-radius: 5px;
       font-family: "Cascadia Mono", Consolas, monospace; font-size: 12px; }

#toast { position: fixed; right: 20px; bottom: 20px; display: flex;
         flex-direction: column; gap: 8px; z-index: 50; }
#toast div { background: var(--panel-2); border: 1px solid var(--line);
             border-left: 3px solid var(--accent); padding: 11px 15px;
             border-radius: 8px; max-width: 380px; box-shadow: 0 8px 24px rgba(0,0,0,.4); }
#toast div.bad { border-left-color: var(--bad); }
#toast div.good { border-left-color: var(--good); }

@media (max-width: 720px) {
  .layout{display:block}.side{position:fixed;z-index:20;left:0;right:0;bottom:0;top:auto;width:100%;height:66px;display:flex;flex-direction:row;align-items:center;padding:7px 5px;border-right:0;border-top:1px solid var(--line);gap:1px}.brand,.side-foot{display:none}.nav{font-size:8px;text-align:center;padding:5px 0;flex:1}.nav b{display:block;width:auto;font-size:16px;line-height:21px}.main{padding:20px 14px 88px}.g2,.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-card{display:grid;grid-template-columns:1fr;padding:14px}.flow-arrow{display:none}.add-creator{grid-template-columns:auto 1fr}.add-controls,.safe-note{grid-column:1/-1}.creator-grid{grid-template-columns:1fr}.spread{align-items:flex-start}.quick-card .spread{flex-direction:column}.page-head{align-items:center}.live-badge{font-size:9px}.clip{grid-template-columns:74px minmax(0,1fr)}.clip .thumb{width:74px}.research-item{grid-template-columns:32px 1fr}.research-item .metrics{grid-column:2;text-align:left;grid-template-columns:repeat(4,auto);justify-content:start}.research-actions{grid-column:2;display:grid;grid-template-columns:1fr 1fr;width:100%}.research-item .research-queue{min-width:0;width:100%}.research-player{grid-column:1/-1}.research-copy p{max-width:72vw}.research-search .field{width:100%!important}.research-search .btn{width:100%}.auto-research-form{grid-template-columns:1fr}.auto-research-form .safe-note{grid-column:1}}
.account-switch{display:flex;gap:5px;margin:0;padding:3px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.account-switch a{display:block;padding:7px 12px;border-radius:7px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:750;border:0}.account-switch a.on{color:#fff;background:var(--accent);box-shadow:0 3px 10px rgba(91,140,255,.24)}
@media (max-width:720px){.account-bar{padding:9px 14px}.account-bar>span{display:none}.account-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.account-switch a{text-align:center}.plan-fields{grid-template-columns:1fr 1fr}.plan-summary-grid{grid-template-columns:1fr 1fr}.plan-config-head,.plan-actions{align-items:flex-start}.plan-actions{flex-direction:column}.plan-actions .btn{width:100%}.preset-create,.preset-row{flex-direction:column;align-items:stretch}.preset-row .row{justify-content:flex-end}.platform-note{grid-template-columns:1fr}.side .nav[hidden]{display:none}}