.rack-planner-intro{padding-block:16px 24px}
.rack-planner-intro h1{font-size:2.25rem;font-weight:500;line-height:1.45;margin:0 0 12px;text-wrap:balance}
.rack-planner-intro>p{max-width:75ch;margin:0;font-size:.9rem;line-height:1.85;color:var(--ink-2)}
.rack-planner-workspace{width:min(calc(100% - 48px),1800px);margin-inline:auto;min-width:0}
.rack-planner-frame{display:block;width:100%;height:840px;min-height:740px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color-scheme:light}
.rack-host-status{margin:0 0 12px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--soft);color:var(--ink-2);font-size:.875rem;line-height:1.8;overflow-wrap:anywhere}
.rack-host-status[hidden]{display:none}
.rack-host-restart{margin-bottom:12px}.rack-host-restart[hidden]{display:none}
.rack-planner-credit{padding-block:16px 40px}
.rack-planner-credit p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.8}
.rack-planner-credit a{color:var(--blue-dark);text-decoration:underline;text-underline-offset:3px}
.rack-planner-credit a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:860px){.rack-planner-workspace{width:calc(100% - 36px)}.rack-planner-frame{height:820px}}
@media(max-width:580px){.rack-planner-intro{padding-bottom:20px}.rack-planner-intro h1{font-size:1.8rem}.rack-planner-intro>p{font-size:.875rem}.rack-planner-workspace{width:calc(100% - 28px)}.rack-planner-frame{height:800px;min-height:740px}.rack-planner-credit{padding-bottom:28px}}
@media print{.rack-planner-intro,.rack-host-status,.rack-planner-credit{display:none!important}.rack-planner-workspace{width:100%;margin:0}.rack-planner-frame{border:0;width:100%;height:1000px}}