:root{--ink:#0d1822;--muted:#637181;--text-main:var(--ink);--text-muted:var(--muted);--panel:#fff;--panel-soft:#f4f7f9;--surface:#ffffffe0;--surface-raised:#fffffff7;--surface-soft:#f4f7f9e0;--surface-tinted:#e5fbf7e6;--line:#d9e3ea;--line-strong:#132231;--border-subtle:#1724321f;--border-accent:#006d6833;--teal:#009f8d;--teal-dark:#006d68;--blue:#2d6cdf;--amber:#e0a63a;--rust:#b54732;--state-info:var(--blue);--state-info-bg:#2d6cdf1a;--state-info-border:#2d6cdf2e;--state-ok:var(--teal-dark);--state-ok-bg:#006d681a;--state-ok-border:#006d6838;--state-warning:#8a3b2b;--state-warning-bg:#8a3b2b1a;--state-warning-border:#8a3b2b33;--state-danger:var(--rust);--state-danger-bg:#ad3b2a14;--state-danger-border:#ad3b2a33;--state-muted:#566371;--state-muted-bg:#7882921a;--state-muted-border:#78829238;--radius-panel:12px;--radius-card:8px;--radius-pill:999px;--card-primary-bg:linear-gradient(180deg, var(--surface-raised), var(--surface)), linear-gradient(135deg, #2d6cdf14, #2d6cdf00 40%);--card-primary-border:var(--border-subtle);--card-primary-shadow:var(--shadow);--card-state-bg:linear-gradient(180deg, var(--surface), var(--surface-soft)), linear-gradient(90deg, #2d6cdf0f 1px, transparent 1px);--card-state-border:var(--border-subtle);--card-state-shadow:var(--shadow-soft);--card-support-bg:linear-gradient(180deg, var(--surface), var(--surface-tinted)), radial-gradient(circle at top right, #006d681c, transparent 34%);--card-support-border:var(--border-accent);--card-support-shadow:0 16px 34px #10182014;--accent:var(--teal-dark);--accent-soft:#009f8d14;--cta-bg:linear-gradient(135deg, var(--teal-dark), var(--blue));--cta-bg-hover:linear-gradient(135deg, #00524f, #1e5ed0);--shadow:0 30px 90px #0b17232e;--shadow-soft:0 18px 48px #0b17231a;--shadow-card:0 18px 44px #0b172317;--focus-ring:0 0 0 4px #009f8d29;--content-width:1480px;--page-gutter:clamp(14px, 2.4vw, 34px);--page-bg:linear-gradient(#13223109 1px, transparent 1px), linear-gradient(90deg, #13223109 1px, transparent 1px), linear-gradient(118deg, #009f8d1f 0%, #009f8d00 34%), linear-gradient(244deg, #2d6cdf1a 0%, #2d6cdf00 36%), linear-gradient(135deg, #f7fbfd 0%, #edf7f4 48%, #f3f7fb 100%);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:#eef4f6;font-family:BIZ UDPGothic,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--page-bg);background-size:36px 36px,36px 36px,auto;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #00a88f52}.delete-confirm-backdrop{z-index:80;background:#10182075;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.delete-confirm-dialog{background:var(--surface-raised);width:min(480px,100%);box-shadow:var(--shadow);border:1px solid #b5473247;border-radius:8px;gap:18px;padding:18px;display:grid}.delete-confirm-dialog span{color:var(--rust);font-size:.78rem;font-weight:950}.delete-confirm-dialog h2{color:var(--ink);margin:4px 0 0;font-size:1.08rem;line-height:1.4}.delete-confirm-dialog p{color:var(--muted);margin:8px 0 0;font-size:.86rem;line-height:1.65}.delete-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.delete-confirm-actions button{border:1px solid var(--border-subtle);min-height:38px;color:var(--ink);background:#fff;border-radius:8px;padding:8px 14px;font-size:.86rem;font-weight:900}.delete-confirm-actions button.danger{color:#fff;background:#b54732;border-color:#b5473247}.artifact-overwrite-backdrop{z-index:80;background:#10182075;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.artifact-overwrite-dialog{background:var(--surface-raised);width:min(680px,100%);max-height:min(86vh,760px);box-shadow:var(--shadow);border:1px solid #006d6838;border-radius:8px;gap:16px;padding:18px;display:grid;overflow:auto}.artifact-overwrite-dialog span{color:var(--teal-dark);font-size:.78rem;font-weight:950}.artifact-overwrite-dialog h2{color:var(--ink);margin:4px 0 0;font-size:1.08rem;line-height:1.4}.artifact-overwrite-dialog p{color:var(--muted);margin:8px 0 0;font-size:.86rem;line-height:1.65}.artifact-overwrite-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.artifact-overwrite-metrics div,.artifact-overwrite-impact,.artifact-overwrite-samples{background:#edfdfac7;border:1px solid #006d6829;border-radius:8px}.artifact-overwrite-metrics div{gap:4px;padding:10px;display:grid}.artifact-overwrite-metrics dt{color:var(--muted);font-size:.72rem;font-weight:900}.artifact-overwrite-metrics dd{color:var(--ink);margin:0;font-size:.94rem;font-weight:950}.artifact-overwrite-impact{padding:12px}.artifact-overwrite-impact strong{color:var(--ink);font-size:.9rem}.artifact-overwrite-samples{gap:6px;max-height:180px;margin:0;padding:10px 10px 10px 28px;display:grid;overflow:auto}.artifact-overwrite-samples li{color:var(--ink);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;line-height:1.55}.artifact-overwrite-actions{justify-content:flex-end;gap:10px;display:flex}.artifact-overwrite-actions button{border:1px solid var(--border-subtle);min-height:38px;color:var(--ink);background:#fff;border-radius:8px;padding:8px 14px;font-size:.86rem;font-weight:900}.artifact-overwrite-actions button.danger{color:#fff;background:#b54732;border-color:#b5473247}.cloud-architecture-designer{gap:16px;display:grid}.cloud-architecture-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:16px;display:grid;position:relative}.cloud-architecture-layout-panel-collapsed,.cloud-architecture-layout-fullscreen.cloud-architecture-layout-panel-collapsed{grid-template-columns:minmax(0,1fr)}.cloud-architecture-layout-fullscreen{background:#f3fbf8;align-items:stretch;width:100vw;height:100vh;padding:14px;overflow:hidden}.cloud-architecture-layout-fullscreen .cloud-architecture-form{max-height:calc(100vh - 28px);position:relative;top:auto}.cloud-architecture-open-button,.cloud-architecture-drawer-toggle,.cloud-architecture-panel-toggle{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #006d682e;border-radius:8px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.cloud-architecture-open-button,.cloud-architecture-drawer-toggle{z-index:2;min-height:40px;color:var(--teal-dark);background:#fff;border-color:#006d6847;padding:8px 10px;font-size:.82rem;font-weight:950;box-shadow:0 10px 22px #1724321f}.cloud-architecture-drawer-toggle{justify-self:start;margin:-4px 0 6px;position:sticky;top:0;left:0}.cloud-architecture-open-button{z-index:9;writing-mode:vertical-rl;min-width:44px;min-height:132px;padding:10px 6px;position:absolute;top:16px;right:16px}.cloud-architecture-layout-fullscreen .cloud-architecture-open-button{top:16px;right:16px}.cloud-architecture-open-button small,.cloud-architecture-drawer-toggle small{color:var(--muted);font-size:.7rem;font-weight:850}.cloud-architecture-panel-toggle{width:34px;height:34px;padding:0}.cloud-architecture-layout-fullscreen .cloud-architecture-output{min-height:0;max-height:calc(100vh - 28px);display:grid;overflow:auto}.cloud-architecture-layout-fullscreen .cloud-architecture-diagram{min-height:0;display:grid}.cloud-architecture-form,.cloud-architecture-output,.cloud-architecture-review,.cloud-architecture-diagram{background:linear-gradient(135deg,#edfdfaeb,#ffffffe0);border:1px solid #006d682e;border-radius:8px;padding:14px}.cloud-architecture-form,.cloud-architecture-output{gap:14px;display:grid}.cloud-architecture-form{z-index:10;order:2;max-height:calc(100vh - 24px);position:sticky;top:12px;overflow:auto}.cloud-architecture-drawer-body{gap:14px;min-width:0;display:grid}.cloud-architecture-drawer-tabs{background:#ffffffb8;border:1px solid #006d6824;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.cloud-architecture-drawer-tabs button{min-height:34px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;font-size:.78rem;font-weight:950}.cloud-architecture-drawer-tabs button[aria-selected=true]{color:var(--teal-dark);background:#fff;border-color:#006d6847;box-shadow:0 8px 18px #17243214}.cloud-architecture-drawer-design{gap:12px}.cloud-architecture-quick-input.compact{grid-template-columns:1fr}.cloud-architecture-quick-input.compact button{min-height:58px}.cloud-architecture-sync-row.compact{align-items:stretch}.cloud-architecture-design-status{background:#eafbf7b8;border:1px solid #006d6829;border-radius:8px;gap:4px;padding:10px;display:grid}.cloud-architecture-design-status span{width:fit-content;color:var(--teal-dark);background:#006d681f;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:950}.cloud-architecture-design-status span[data-status=要修正]{color:#b54732;background:#c450481f}.cloud-architecture-design-status span[data-status=確認必要]{color:#92400e;background:#f59e0b29}.cloud-architecture-design-status strong{color:var(--ink);font-size:.82rem;line-height:1.35}.cloud-architecture-design-status small{color:var(--muted);font-size:.72rem;font-weight:850;line-height:1.45}.cloud-architecture-drawer-design-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cloud-architecture-drawer-design-actions button{min-height:34px;color:var(--teal-dark);cursor:pointer;font:inherit;background:#fff;border:1px solid #006d6838;border-radius:8px;padding:7px 10px;font-size:.76rem;font-weight:950}.cloud-architecture-output{order:1;min-width:0;overflow:hidden}.cloud-architecture-output .cloud-architecture-diagram{order:1}.cloud-lower-panel-nav{background:#ffffffc7;border:1px solid #006d6824;border-radius:8px;flex-wrap:wrap;order:2;align-items:center;gap:8px;padding:10px;display:flex}.cloud-lower-panel-nav button{min-height:32px;color:var(--teal-dark);cursor:pointer;font:inherit;background:#fff;border:1px solid #006d6838;border-radius:999px;padding:6px 12px;font-size:.76rem;font-weight:950}.cloud-lower-panel-nav span{color:var(--muted);font-size:.74rem;font-weight:800}.cloud-architecture-lower-panel{background:#ffffffc7;border:1px solid #006d6824;border-radius:8px;order:3;padding:14px}.cloud-lower-panel-summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;list-style:none;display:grid}.cloud-lower-panel-summary::-webkit-details-marker{display:none}.cloud-lower-panel-summary:before{content:"+";width:22px;height:22px;color:var(--teal-dark);background:#006d681c;border-radius:999px;place-items:center;font-weight:950;display:inline-grid}.cloud-architecture-lower-panel[open] .cloud-lower-panel-summary:before{content:"-"}.cloud-lower-panel-summary span{color:var(--teal-dark);font-size:.74rem;font-weight:950}.cloud-lower-panel-summary strong,.cloud-lower-panel-summary small{grid-column:2}.cloud-lower-panel-summary strong{color:var(--ink);font-size:.98rem;line-height:1.35}.cloud-lower-panel-summary small{color:var(--muted);font-size:.74rem;font-weight:800;line-height:1.45}.cloud-lower-panel-body{gap:12px;margin-top:14px;display:grid}.cloud-architecture-side-panel{align-content:start}.cloud-architecture-panel{outline:none;gap:12px;display:grid}.cloud-property-focus-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.cloud-property-focus-strip span{min-width:0;color:var(--muted);background:#ffffffb8;border:1px solid #006d6821;border-radius:8px;gap:3px;padding:7px 8px;font-size:.7rem;font-weight:850;display:grid}.cloud-property-focus-strip span[data-active=true]{color:var(--ink);background:#fff;border-color:#006d6842;box-shadow:0 8px 16px #17243212}.cloud-property-focus-strip strong{color:var(--teal-dark);font-size:.68rem;font-weight:950}.cloud-architecture-side-panel{background:linear-gradient(#fffffff5,#f4fcf9e0);border-color:#006d6829;box-shadow:0 18px 36px #17243214}.cloud-architecture-section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cloud-architecture-section-head.compact{align-items:center}.cloud-architecture-section-head span{color:var(--teal-dark);font-size:.74rem;font-weight:950}.cloud-architecture-section-head h3{color:var(--ink);margin:4px 0 0;font-size:1rem;line-height:1.35}.cloud-architecture-section-head svg,.cloud-diagram-node svg,.cloud-diagram-vpc-head svg,.cloud-diagram-tier svg,.cloud-architecture-actions svg{width:18px;height:18px}.cloud-architecture-fields{gap:10px;display:grid}.cloud-architecture-quick-input{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cloud-architecture-quick-input button{min-height:76px;color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:#fff;border:1px solid #006d682e;border-radius:8px;gap:4px;padding:10px;display:grid}.cloud-architecture-quick-input button:hover,.cloud-architecture-quick-input button:focus-visible,.cloud-architecture-quick-input button[aria-pressed=true]{background:#eafbf7eb;border-color:#006d686b;box-shadow:0 10px 20px #006d681a}.cloud-architecture-quick-input strong{color:var(--teal-dark);font-size:.82rem;font-weight:950}.cloud-architecture-quick-input span{color:var(--muted);font-size:.74rem;font-weight:800;line-height:1.4}.cloud-architecture-sync-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cloud-architecture-sync-row label{color:var(--ink);align-items:center;gap:7px;font-size:.78rem;font-weight:900;display:inline-flex}.cloud-architecture-sync-row input{width:auto;accent-color:var(--teal)}.cloud-architecture-sync-row button{min-height:32px;color:var(--teal-dark);cursor:pointer;font:inherit;background:#fff;border:1px solid #006d683d;border-radius:8px;padding:6px 10px;font-size:.76rem;font-weight:900}.cloud-architecture-manual-input{background:#ffffffa8;border:1px solid #006d681f;border-radius:8px;gap:10px;padding:10px;display:grid}.cloud-architecture-manual-input summary{cursor:pointer;color:var(--teal-dark);font-size:.78rem;font-weight:950}.cloud-architecture-manual-input[open] summary{margin-bottom:10px}@media (width<=760px){.cloud-architecture-quick-input{grid-template-columns:1fr}}.cloud-architecture-fields.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-architecture-form .cloud-architecture-fields.two-column{grid-template-columns:1fr}.cloud-architecture-fields label{color:var(--ink);gap:6px;font-size:.78rem;font-weight:900;display:grid}.cloud-architecture-fields input,.cloud-architecture-fields select,.cloud-architecture-fields textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #006d6833;border-radius:8px;padding:8px 10px;font-size:.82rem}.cloud-architecture-fields textarea{resize:vertical;min-height:72px}.cloud-architecture-fields button,.cloud-canvas-selected-link button{min-height:34px;color:var(--teal-dark);cursor:pointer;font:inherit;background:#fff;border:1px solid #006d6847;border-radius:8px;padding:7px 10px;font-size:.78rem;font-weight:900}.cloud-architecture-fields button:disabled{cursor:not-allowed;opacity:.52}.cloud-canvas-selected-link button.danger{color:#b54732;border-color:#b5473257}.cloud-architecture-panel-note{color:var(--muted);background:#ffffffb8;border:1px solid #006d681f;border-radius:8px;margin:0;padding:9px 10px;font-size:.76rem;font-weight:800;line-height:1.45}.cloud-architecture-diagram{background:radial-gradient(circle at 14% 0,#f59e0b1f,#0000 28%),linear-gradient(#fff 0%,#f3fbf8 100%);border:1px solid #006d6821;border-radius:12px;gap:12px;min-width:0;min-height:620px;padding:12px;display:grid;box-shadow:0 18px 36px #17243214}.cloud-canvas-tools{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#fffffff0;border:1px solid #006d6829;border-radius:8px;align-items:center;gap:8px;min-width:0;max-width:calc(100% - 20px);padding:5px;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 12px 28px #1724321f}.cloud-canvas-tool-menu{pointer-events:auto;position:relative}.cloud-canvas-tool-menu summary,.cloud-canvas-tool-button{width:32px;height:32px;color:var(--teal-dark);cursor:pointer;font:inherit;pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:.78rem;font-weight:950;list-style:none;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:inline-flex}.cloud-canvas-tool-button{min-width:32px}.cloud-canvas-tool-button.text{width:auto;min-width:48px;padding:0 8px}.cloud-canvas-tool-menu summary>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cloud-canvas-tool-button:disabled{cursor:not-allowed;opacity:.5}.cloud-canvas-tool-menu summary::-webkit-details-marker{display:none}.cloud-canvas-tool-menu[open] summary,.cloud-canvas-tool-menu summary:hover,.cloud-canvas-tool-button:hover:not(:disabled){box-shadow:none;background:#006d6814;border-color:#006d6847;transform:none}.cloud-canvas-tool-menu summary svg,.cloud-canvas-tool-button svg,.cloud-canvas-tool-popover button svg{width:16px;height:16px}.cloud-canvas-tool-popover{z-index:12;pointer-events:auto;background:#fffffff5;border:1px solid #006d6824;border-radius:10px;gap:8px;width:min(560px,100vw - 56px);max-height:min(640px,100vh - 140px);padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 18px 36px #17243229}.cloud-canvas-tool-popover.compact{width:min(280px,100vw - 56px)}.cloud-canvas-more-popover{width:min(620px,100vw - 56px)}.cloud-canvas-tool-group{gap:7px;min-width:0;display:grid}.cloud-canvas-tool-group+.cloud-canvas-tool-group{border-top:1px solid #006d681f;padding-top:8px}.cloud-canvas-tool-popover strong{color:var(--ink);font-size:.86rem}.cloud-canvas-tool-popover>span,.cloud-canvas-tool-group>span,.cloud-canvas-tool-hint{color:var(--teal-dark);font-size:.72rem;font-weight:900}.cloud-canvas-tool-popover button{min-height:36px;color:var(--ink);cursor:pointer;font:inherit;background:#fff;border:1px solid #006d682e;border-radius:8px;justify-content:flex-start;align-items:center;gap:7px;padding:7px 9px;font-size:.78rem;font-weight:900;display:inline-flex}.cloud-canvas-tool-popover button:hover{color:var(--teal-dark);background:#f7fffd;border-color:#006d6857}.cloud-canvas-tool-popover p{color:var(--muted);margin:0;font-size:.74rem;font-weight:800;line-height:1.45}.cloud-canvas-display-options{grid-template-columns:auto 1fr 1fr;align-items:center;gap:6px;display:grid}.cloud-canvas-display-options>span{color:var(--muted);font-size:.72rem;font-weight:900}.cloud-canvas-display-options button{justify-content:center;min-height:32px;padding:6px 8px}.cloud-canvas-display-options button[data-active=true]{color:#92400e;background:#fff8eb;border-color:#f59e0b94;box-shadow:inset 0 0 0 1px #f59e0b38}.cloud-canvas-tool-hint{max-width:250px;color:var(--muted);white-space:nowrap;margin-left:auto}.cloud-canvas-status-strip,.cloud-canvas-selection-strip{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #006d6829;border-radius:8px;position:absolute;box-shadow:0 12px 28px #1724321f}.cloud-canvas-status-strip{pointer-events:none;flex-wrap:wrap;gap:5px;max-width:min(560px,100% - 220px);padding:5px;display:flex;top:62px;left:10px}.cloud-canvas-status-strip span{color:var(--teal-dark);white-space:nowrap;background:#009f8d14;border:1px solid #006d6821;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:950}.cloud-canvas-status-strip span.cloud-canvas-sample-guide{color:#92400e;background:#f59e0b1f;border-color:#f59e0b3d}.cloud-canvas-status-strip span.cloud-canvas-free-drag-guide{color:#1d4ed8;background:#2563eb1f;border-color:#2563eb47}.cloud-canvas-selection-strip{pointer-events:auto;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:10px;max-width:min(720px,100% - 220px);padding:8px;display:grid;top:104px;left:10px}.cloud-canvas-selection-strip>div:first-child{gap:2px;min-width:0;display:grid}.cloud-canvas-selection-strip span,.cloud-canvas-selection-strip small{color:var(--muted);overflow-wrap:anywhere;font-size:.7rem;font-weight:900}.cloud-canvas-selection-strip strong{color:var(--ink);overflow-wrap:anywhere;font-size:.84rem;line-height:1.25}.cloud-canvas-selection-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.cloud-canvas-selection-actions button{min-height:30px;color:var(--teal-dark);cursor:pointer;font:inherit;background:#fff;border:1px solid #006d682e;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:.72rem;font-weight:950;display:inline-flex}.cloud-canvas-selection-actions button:hover:not(:disabled),.cloud-canvas-selection-actions button:focus-visible:not(:disabled){background:#f7fffd;border-color:#006d6861}.cloud-canvas-selection-actions button:disabled{cursor:not-allowed;opacity:.48}.cloud-canvas-selection-actions button.danger{color:#b54732;border-color:#b5473238}.cloud-canvas-selection-actions svg{width:14px;height:14px}.cloud-canvas-tool-separator{background:#006d6829;width:1px;height:26px}.cloud-canvas-node-context-menu{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #006d682e;border-radius:8px;grid-template-columns:minmax(100px,1fr) auto;align-items:center;gap:8px;width:max-content;max-width:min(520px,100vw - 16px);padding:6px;display:grid;position:fixed;box-shadow:0 18px 36px #1724322e}.cloud-canvas-node-context-menu strong{min-width:0;color:var(--line-strong);text-overflow:ellipsis;white-space:nowrap;padding:5px 6px;font-size:.76rem;font-weight:900;overflow:hidden}.cloud-canvas-node-context-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.cloud-canvas-node-context-menu button{min-height:30px;color:var(--teal-dark);cursor:pointer;font:inherit;background:#fff;border:1px solid #006d6829;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:.72rem;font-weight:950;display:inline-flex}.cloud-canvas-node-context-menu button:hover,.cloud-canvas-node-context-menu button:focus-visible{background:#006d6814;border-color:#006d6842}.cloud-canvas-node-context-menu button.danger{color:#b54732;border-color:#b5473238}.cloud-canvas-node-context-menu svg{width:14px;height:14px}.cloud-canvas-wrap .cloud-canvas-node-context-menu svg{flex:none;width:14px;min-width:0;height:14px;min-height:0;display:inline-block}.cloud-canvas-inspector select,.cloud-canvas-inspector input{min-height:34px;color:var(--ink);font:inherit;background:#fff;border:1px solid #006d6833;border-radius:8px;font-size:.78rem}.cloud-canvas-palette{grid-template-columns:repeat(5,minmax(84px,1fr));gap:8px;display:grid}.cloud-canvas-palette-search{min-height:36px;color:var(--teal-dark);background:#fff;border:1px solid #006d682e;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.cloud-canvas-palette-search svg{flex:none;width:16px;height:16px}.cloud-canvas-palette-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:.78rem;font-weight:800}.cloud-canvas-placement-select{min-height:36px;color:var(--teal-dark);background:#fff;border:1px solid #006d682e;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;font-size:.78rem;font-weight:900;display:grid}.cloud-canvas-placement-select select{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-weight:800}.cloud-canvas-palette-tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.cloud-canvas-palette-tabs button{border-radius:999px;flex:none;min-height:30px;padding:5px 10px;font-size:.7rem}.cloud-canvas-palette-tabs button[data-active=true]{color:var(--teal-dark);background:#e6fffb;border-color:#006d686b;box-shadow:inset 0 0 0 1px #006d6824}.cloud-canvas-palette-empty{background:#006d680a;border:1px dashed #006d6838;border-radius:8px;padding:10px}.cloud-canvas-container-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.cloud-canvas-container-geometry{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cloud-canvas-palette button{min-width:0;min-height:78px;color:var(--teal-dark);cursor:pointer;font:inherit;background:#fff;border:1px solid #006d6838;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:.78rem;font-weight:900;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:inline-flex;box-shadow:0 6px 12px #1724320a}.cloud-canvas-palette button:hover{background:#f7fffd;border-color:#006d6861;transform:translateY(-1px);box-shadow:0 10px 18px #17243214}.cloud-canvas-palette button[data-active=true]{color:var(--ink);background:#fff8eb;border-color:#f59e0bad;box-shadow:inset 0 0 0 1px #f59e0b47,0 10px 18px #b453091f}.cloud-canvas-palette img{flex:none;width:28px;height:28px}.cloud-canvas-palette span{width:100%;min-height:2.2em;color:inherit;overflow-wrap:anywhere;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.12;display:-webkit-box;overflow:hidden}.cloud-canvas-template-popover{width:min(380px,100vw - 42px)}.cloud-canvas-template-list{gap:8px;margin-top:8px;display:grid}.cloud-canvas-template-list button{text-align:left;gap:4px;width:100%;min-height:0;display:grid}.cloud-canvas-template-list button strong{color:var(--teal-dark);font-size:.84rem}.cloud-canvas-template-list button span{color:var(--muted);font-size:.74rem;font-weight:700;line-height:1.45}.cloud-canvas-template-list button[data-active=true]{background:#fff8eb;border-color:#f59e0bad;box-shadow:inset 0 0 0 1px #f59e0b3d}.cloud-design-table-editor{gap:10px;margin:8px 0 16px;display:grid}.cloud-communication-requirements,.cloud-consistency-checks{gap:8px;margin:8px 0 16px;display:grid}.cloud-submission-readiness{background:#ffffffd6;border:1px solid #006d6829;border-radius:10px;gap:10px;margin:8px 0 16px;padding:12px;display:grid}.cloud-submission-readiness header{gap:5px;display:grid}.cloud-submission-readiness header span{color:#166534;background:#16a34a1f;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.72rem;font-weight:900}.cloud-submission-readiness[data-status=要確認] header span{color:#92400e;background:#f59e0b26}.cloud-submission-readiness[data-status=提出不可] header span{color:#991b1b;background:#dc26261f}.cloud-submission-readiness header strong{color:var(--teal-dark);font-size:.86rem;line-height:1.4}.cloud-submission-readiness-rows{gap:8px;display:grid}.cloud-subnet-detail-panel{gap:10px;margin:8px 0 16px;display:grid}.cloud-subnet-detail-panel label{color:var(--teal-dark);gap:6px;font-size:.76rem;font-weight:900;display:grid}.cloud-subnet-detail-panel select{min-width:0;color:var(--ink);font:inherit;background:#ffffffe6;border:1px solid #006d682e;border-radius:9px;padding:8px 9px;font-size:.76rem}.cloud-communication-requirement-row{background:#ffffffc7;border:1px solid #006d6824;border-radius:10px;grid-template-columns:minmax(170px,1.2fr) minmax(96px,.7fr) minmax(160px,1fr) minmax(130px,.9fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.cloud-communication-requirement-row div{gap:3px;min-width:0;display:grid}.cloud-communication-requirement-row strong{color:var(--teal-dark);font-size:.82rem}.cloud-communication-requirement-row span{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:.74rem;font-weight:800;line-height:1.35}.cloud-consistency-check-row{background:#ffffffc7;border:1px solid #006d6824;border-radius:10px;grid-template-columns:64px minmax(92px,.7fr) minmax(150px,1fr) minmax(150px,1fr);align-items:start;gap:8px;padding:10px;display:grid}.cloud-consistency-check-row>span{color:#166534;background:#16a34a1f;border-radius:999px;justify-content:center;padding:3px 7px;font-size:.68rem;font-weight:900;display:inline-flex}.cloud-consistency-check-row[data-severity=確認]>span{color:#92400e;background:#f59e0b26}.cloud-consistency-check-row[data-severity=要対応]>span{color:#991b1b;background:#dc26261f}.cloud-consistency-check-row strong,.cloud-consistency-check-row p{overflow-wrap:anywhere;min-width:0;margin:0}.cloud-consistency-check-row strong{color:var(--teal-dark);font-size:.8rem}.cloud-consistency-check-row p{color:var(--muted);font-size:.73rem;font-weight:800;line-height:1.4}.cloud-subnet-detail-card{background:#ffffffd1;border:1px solid #006d6829;border-radius:10px;gap:10px;padding:12px;display:grid}.cloud-subnet-detail-card>div:first-child{gap:4px;display:grid}.cloud-subnet-detail-card>div:first-child span{color:#166534;background:#16a34a1f;border-radius:999px;width:fit-content;padding:3px 8px;font-size:.68rem;font-weight:900}.cloud-subnet-detail-card[data-severity=確認]>div:first-child span{color:#92400e;background:#f59e0b26}.cloud-subnet-detail-card[data-severity=要対応]>div:first-child span{color:#991b1b;background:#dc26261f}.cloud-subnet-detail-card strong{color:var(--teal-dark);overflow-wrap:anywhere;font-size:.84rem}.cloud-subnet-detail-card p,.cloud-subnet-detail-card dd{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.73rem;font-weight:800;line-height:1.4}.cloud-subnet-detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.cloud-subnet-detail-metrics span{color:var(--teal-dark);text-align:center;background:#006d680d;border:1px solid #006d681f;border-radius:8px;padding:6px 7px;font-size:.7rem;font-weight:900}.cloud-subnet-detail-card dl{grid-template-columns:76px minmax(0,1fr);gap:7px 9px;margin:0;display:grid}.cloud-subnet-detail-card dt{color:var(--ink);font-size:.72rem;font-weight:900}.cloud-subnet-detail-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.cloud-subnet-detail-actions button{min-height:34px;color:var(--teal-dark);cursor:pointer;font:inherit;background:#ffffffeb;border:1px solid #006d6833;border-radius:8px;padding:7px 8px;font-size:.72rem;font-weight:900}.cloud-subnet-detail-actions button:hover{background:#006d6814;border-color:#006d685c}.cloud-communication-requirement-row>span:first-of-type{color:var(--ink)}.cloud-communication-requirement-row button{min-height:34px;color:var(--teal-dark);cursor:pointer;font:inherit;white-space:nowrap;background:#fff;border:1px solid #006d6838;border-radius:8px;padding:7px 10px;font-size:.76rem;font-weight:900}.cloud-design-table-row{background:#ffffffbd;border:1px solid #006d6824;border-radius:10px;grid-template-columns:minmax(120px,.9fr) minmax(150px,1.1fr) minmax(130px,.9fr) minmax(130px,.9fr);gap:8px;padding:10px;display:grid}.cloud-design-table-row.security{grid-template-columns:minmax(120px,.9fr) minmax(98px,.7fr) minmax(130px,.85fr) minmax(150px,1fr)}.cloud-design-table-row label{color:var(--teal-dark);gap:4px;font-size:.76rem;font-weight:900;display:grid}.cloud-design-table-row label:last-of-type{grid-column:1/-2}.cloud-design-table-row input,.cloud-design-table-row select,.cloud-design-table-row textarea{width:100%;min-width:0;color:var(--ink);font:inherit;background:#fff;border:1px solid #006d6829;border-radius:8px;padding:8px;font-size:.78rem}.cloud-design-table-row textarea{resize:vertical;min-height:38px}.cloud-design-table-row button.danger{color:#b54732;min-height:36px;font:inherit;cursor:pointer;background:#fff5f2;border:1px solid #b5473247;border-radius:8px;align-self:end;font-size:.78rem;font-weight:900}.cloud-canvas-stage{min-width:0;position:relative}.cloud-canvas-stage-fullscreen{grid-template-rows:auto minmax(0,1fr);align-content:start;height:100%;min-height:0;display:grid}.cloud-canvas-stage-fullscreen .cloud-canvas-wrap{height:calc(100vh - 56px);min-height:520px}.cloud-canvas-wrap{overflow-anchor:none;background:linear-gradient(#006d680e 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#006d680e 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#fff,#f7fffc);border:1px solid #006d682e;border-radius:12px;min-width:0;min-height:660px;overflow:auto;box-shadow:inset 0 0 0 1px #ffffffeb,inset 0 18px 32px #006d6809}.cloud-canvas-wrap.is-panning{cursor:grabbing}.cloud-canvas-wrap svg{width:100%;min-width:1080px;min-height:760px;display:block}.cloud-canvas-minimap{z-index:2;background:#ffffffe6;border:1px solid #006d682e;border-radius:10px;gap:6px;width:190px;padding:6px;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 12px 24px #1724321f}.cloud-canvas-minimap-actions{z-index:2;pointer-events:auto;gap:6px;display:flex;position:relative}.cloud-canvas-minimap-actions button{min-height:26px;color:var(--teal-dark);font:inherit;cursor:pointer;background:#fff;border:1px solid #006d682e;border-radius:7px;flex:1;font-size:.72rem;font-weight:900}.cloud-canvas-minimap-actions button:disabled{cursor:not-allowed;opacity:.45}.cloud-canvas-minimap svg{z-index:1;aspect-ratio:1080/760;cursor:pointer;background:#eef6f8;border-radius:6px;width:100%;min-height:108px;display:block;position:relative}.cloud-canvas-minimap-container{fill:#006d6814;stroke:#006d682e;stroke-width:6px}.cloud-canvas-minimap-container.public{fill:#2563eb1f}.cloud-canvas-minimap-container.private{fill:#006d6824}.cloud-canvas-minimap-container.data{fill:#b5473224}.cloud-canvas-minimap-container.selected{fill:#fff1c27a;stroke:#c6563d;stroke-width:10px}.cloud-canvas-minimap-link{stroke:#17243252;stroke-width:5px}.cloud-canvas-minimap-node{fill:#172432a3}.cloud-canvas-minimap-node.selected{fill:#fff1c2;stroke:#c6563d;stroke-width:8px}.cloud-canvas-minimap-viewport{fill:#f59e0b1a;stroke:#f59e0b;stroke-width:10px}.cloud-canvas-selection-bounds{pointer-events:none}.cloud-canvas-selection-bounds rect{fill:#f59e0b12;stroke:#f59e0b;stroke-width:3px;stroke-dasharray:10 7;filter:drop-shadow(0 0 10px #f59e0b47)}.cloud-canvas-selection-bounds text{fill:#b45309;paint-order:stroke;stroke:#fffffff0;stroke-width:7px;font-size:12px;font-weight:950}.cloud-canvas-region-label{fill:var(--teal-dark);font-size:16px;font-weight:900}.cloud-canvas-container-frame{stroke-width:3px}.cloud-canvas-container{cursor:pointer}.cloud-canvas-container[data-selected=true] .cloud-canvas-container-frame{stroke:#f59e0b;stroke-width:3.4px;filter:drop-shadow(0 0 8px #f59e0b47)}.cloud-canvas-container-resize-handle{fill:#f59e0b;stroke:#fff;stroke-width:2px;cursor:nwse-resize}.cloud-canvas-container-resize-control,.cloud-canvas-container-resize-hit-area{cursor:nwse-resize}.cloud-canvas-container-resize-hit-area{fill:#0000;pointer-events:all}.cloud-canvas-container-label-plate{fill:#fffffff7;stroke:#17243233;stroke-width:1.3px;filter:drop-shadow(0 4px 8px #1724321f)}.cloud-canvas-container-layer-plate{fill:#17243214;stroke:#1724321f;stroke-width:1px}.cloud-canvas-container[data-tone=region] .cloud-canvas-container-frame{fill:#0f172a09;stroke:#0f172a57;stroke-dasharray:12 6}.cloud-canvas-container[data-tone=region] .cloud-canvas-container-label-plate{fill:#fffffff7;stroke:#0f172a33}.cloud-canvas-container[data-tone=vpc] .cloud-canvas-container-frame{fill:#006d6817;stroke:#006d68b8;stroke-dasharray:9 5}.cloud-canvas-container[data-tone=az] .cloud-canvas-container-frame{fill:#1724320f;stroke:#17243280;stroke-dasharray:6 5}.cloud-canvas-container[data-tone=subnet] .cloud-canvas-container-frame{fill:#006d681a;stroke:#006d6894}.cloud-canvas-container[data-tone=subnet][data-public-equivalent=true] .cloud-canvas-container-frame{fill:#2563eb29;stroke:#2563ebd1;stroke-width:3.2px}.cloud-canvas-container[data-tone=public] .cloud-canvas-container-frame{fill:#2563eb1f;stroke:#2563ebad}.cloud-canvas-container[data-tone=private] .cloud-canvas-container-frame{fill:#006d681f;stroke:#006d68ad}.cloud-canvas-container[data-tone=data] .cloud-canvas-container-frame{fill:#b5473221;stroke:#b54732b3}.cloud-canvas-container text{fill:#172432c7;pointer-events:none;font-size:13px;font-weight:950}.cloud-canvas-container-detail{fill:#475569!important;font-size:11px!important;font-weight:800!important}.cloud-canvas-container-layer,.cloud-canvas-container-path{pointer-events:none;fill:#475569!important;letter-spacing:0!important;font-size:10px!important;font-weight:900!important}.cloud-canvas-link{fill:none;stroke:#64748b;stroke-width:3.8px;stroke-linecap:round;stroke-linejoin:round}.cloud-canvas-link-group[data-route-kind=ingress] .cloud-canvas-link{stroke:#64748b}.cloud-canvas-link-group[data-route-kind=internal] .cloud-canvas-link{stroke:#5f8f8a}.cloud-canvas-link-group[data-route-kind=external] .cloud-canvas-link{stroke:#8a7358}.cloud-canvas-link-group[data-route-kind=service] .cloud-canvas-link{stroke:#8a6f79}.cloud-canvas-link-halo{fill:none;stroke:#fffffffa;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.cloud-canvas-link-hit-target{fill:none;stroke:#0000;stroke-width:22px;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke}.cloud-canvas-link-port-dot{fill:#64748b;stroke:#fff;stroke-width:2.4px;pointer-events:none}.cloud-canvas-link-group[data-route-kind=ingress] .cloud-canvas-link-port-dot{fill:#64748b}.cloud-canvas-link-group[data-route-kind=internal] .cloud-canvas-link-port-dot{fill:#5f8f8a}.cloud-canvas-link-group[data-route-kind=external] .cloud-canvas-link-port-dot{fill:#8a7358}.cloud-canvas-link-group[data-route-kind=service] .cloud-canvas-link-port-dot{fill:#8a6f79}.cloud-canvas-link-group{cursor:pointer}.cloud-canvas-link-group[data-selected=true] .cloud-canvas-link{stroke:#f59e0b;stroke-width:5.2px}.cloud-canvas-link-group[data-selected=true] .cloud-canvas-link-halo{stroke:#fff8ebfa;stroke-width:11px}.cloud-canvas-link-group[data-selected=true] .cloud-canvas-link-port-dot{fill:#f59e0b}.cloud-canvas-link-label{fill:#0f172a;paint-order:stroke;stroke:#fffffff5;stroke-width:8px;cursor:pointer;pointer-events:auto;text-anchor:middle;font-size:12px;font-weight:950}.cloud-canvas-link-label-plate{fill:#fffffffa;stroke:#0f172a47;stroke-width:1.6px;filter:drop-shadow(0 6px 10px #0f172a29);cursor:pointer;pointer-events:auto}.cloud-canvas-link-group[data-selected=true] .cloud-canvas-link-label{fill:#b45309}.cloud-canvas-review-badge{cursor:pointer}.cloud-canvas-review-badge rect{fill:#e7f8f4;stroke:#006d6857;stroke-width:1.3px;filter:drop-shadow(0 3px 7px #0f172a2e)}.cloud-canvas-review-badge text{fill:var(--teal-dark);pointer-events:none;text-anchor:middle;font-size:8px;font-weight:950}.cloud-canvas-review-badge[data-severity=確認] rect{fill:#fff7ed;stroke:#d977068a}.cloud-canvas-review-badge[data-severity=確認] text{fill:#b45309}.cloud-canvas-review-badge[data-severity=要対応] rect{fill:#fff1f0;stroke:#b5473294}.cloud-canvas-review-badge[data-severity=要対応] text{fill:#b54732}.cloud-canvas-wrap marker path{fill:#1724328a}.cloud-canvas-node{cursor:grab;touch-action:none}.cloud-canvas-node:active{cursor:grabbing}.cloud-canvas-node-card{fill:#fff;stroke:#006d68b8;stroke-width:2.8px;filter:drop-shadow(0 16px 24px #1724323d)}.cloud-canvas-node-header{fill:#006d6833;stroke:none}.cloud-canvas-node-icon-well{fill:#0f172a0a;stroke:#0f172a1a;stroke-width:1px}.cloud-canvas-node-hit{fill:#0000;stroke:none}.cloud-canvas-node-icon-badge{fill:#fff;stroke:#006d689e;stroke-width:2.4px;filter:drop-shadow(0 12px 18px #1724322e)}.cloud-canvas-node-icon-label-plate{fill:#fffffff5;stroke:#0f172a38;stroke-width:1.2px;filter:drop-shadow(0 5px 10px #0f172a24)}.cloud-canvas-node-status{fill:#16a34a;stroke:#fff;stroke-width:2.4px}.cloud-canvas-node[data-selected=true] .cloud-canvas-node-card,.cloud-canvas-node[data-selected=true] .cloud-canvas-node-icon-badge{stroke:#f59e0b;stroke-width:3px;filter:drop-shadow(0 12px 20px #b453092e)}.cloud-canvas-node[data-placement-risk=要対応] .cloud-canvas-node-icon-badge{stroke:#b54732;stroke-width:3px}.cloud-canvas-node[data-placement-risk=確認] .cloud-canvas-node-icon-badge{stroke:#d97706;stroke-width:2.8px}.cloud-canvas-node[data-placement-risk=要対応] .cloud-canvas-node-card{stroke:#b54732;stroke-width:3px}.cloud-canvas-node[data-placement-risk=要対応] .cloud-canvas-node-status{fill:#b54732}.cloud-canvas-node[data-placement-risk=確認] .cloud-canvas-node-card{stroke:#d97706;stroke-width:2.8px}.cloud-canvas-node[data-placement-risk=確認] .cloud-canvas-node-status{fill:#d97706}.cloud-canvas-node text{fill:var(--ink);pointer-events:none;font-size:13px;font-weight:950}.cloud-canvas-node-title{font-size:12px!important}.cloud-canvas-node-icon-label{text-anchor:middle;font-size:11px!important;font-weight:950!important}.cloud-canvas-node-detail{fill:#475569!important;font-size:11px!important;font-weight:800!important}.cloud-canvas-inspector{background:#ffffffe6;border:1px solid #006d6829;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid;box-shadow:0 10px 20px #1724320d}.cloud-canvas-inspector-panel{grid-template-columns:1fr}.cloud-canvas-inspector label{color:var(--ink);gap:5px;font-size:.74rem;font-weight:900;display:grid}.cloud-canvas-inspector input,.cloud-canvas-inspector select{width:100%;padding:6px 8px}.cloud-canvas-inspector>span{min-height:34px;color:var(--teal-dark);background:#ffffffb8;border:1px solid #006d6824;border-radius:8px;align-items:center;padding:6px 8px;font-size:.74rem;font-weight:900;display:flex}.cloud-canvas-inspector>span[data-severity=要対応]{color:#b54732;border-color:#b5473252}.cloud-canvas-inspector>span[data-severity=確認]{color:#b45309;border-color:#d9770652}.cloud-canvas-property-summary{background:linear-gradient(#f5fcf9fa,#ffffffdb);border:1px solid #006d6829;border-radius:10px;gap:8px;padding:10px;display:grid}.cloud-canvas-property-summary header{gap:3px;display:grid}.cloud-canvas-property-summary header span{color:var(--teal-dark);font-size:.7rem;font-weight:950}.cloud-canvas-property-summary header strong{color:var(--ink);font-size:.86rem;line-height:1.28}.cloud-canvas-property-chips{flex-wrap:wrap;gap:5px;display:flex}.cloud-canvas-property-chips span{color:var(--teal-dark);background:#fff;border:1px solid #006d6829;border-radius:999px;padding:4px 7px;font-size:.68rem;font-weight:950}.cloud-canvas-property-chips span[data-severity=要対応]{color:#b54732;border-color:#b5473257}.cloud-canvas-property-chips span[data-severity=確認]{color:#b45309;border-color:#d9770657}.cloud-canvas-property-summary dl{grid-template-columns:max-content minmax(0,1fr);gap:5px 8px;margin:0;display:grid}.cloud-canvas-property-summary dt{color:var(--muted);font-size:.68rem;font-weight:950}.cloud-canvas-property-summary dd{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:.72rem;font-weight:850;line-height:1.36}.cloud-architecture-side-review{gap:8px;max-height:calc(100vh - 190px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.cloud-architecture-side-review li{background:#ffffffc2;border:1px solid #006d6824;border-radius:8px;gap:4px;padding:9px;display:grid}.cloud-architecture-side-review li>span{width:fit-content;color:var(--teal-dark);background:#006d681f;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:950}.cloud-architecture-side-review li[data-severity=要対応]>span{color:#b54732;background:#b5473224}.cloud-architecture-side-review li[data-severity=確認]>span{color:#b45309;background:#d9770624}.cloud-architecture-side-review li[data-active-review=true]{border-color:#f59e0b94;box-shadow:0 0 0 2px #f59e0b2e,0 12px 20px #17243214}.cloud-architecture-side-review strong{color:var(--ink);font-size:.82rem}.cloud-architecture-side-review p{color:var(--muted);margin:0;font-size:.74rem;font-weight:800;line-height:1.42}.cloud-canvas-link-editor,.cloud-canvas-selected-link{background:#ffffffe0;border:1px solid #006d6829;border-radius:10px;gap:10px;padding:10px;display:grid;box-shadow:0 10px 20px #1724320d}.cloud-canvas-selected-link strong{color:var(--ink);font-size:.82rem;font-weight:950}.cloud-canvas-selected-link label{color:var(--ink);gap:5px;font-size:.74rem;font-weight:900;display:grid}.cloud-canvas-selected-link input,.cloud-canvas-selected-link select{min-height:34px;color:var(--ink);font:inherit;background:#fff;border:1px solid #006d6833;border-radius:8px;padding:6px 8px;font-size:.78rem}.cloud-diagram-node,.cloud-diagram-vpc,.cloud-diagram-tier{background:#fff;border:1px solid #006d682e;border-radius:8px;padding:10px}.cloud-diagram-node,.cloud-diagram-vpc-head,.cloud-diagram-tier{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 8px;display:grid}.cloud-diagram-node span,.cloud-diagram-vpc-head span,.cloud-diagram-tier span{color:var(--muted);overflow-wrap:anywhere;grid-column:2;font-size:.76rem;line-height:1.45}.cloud-diagram-node strong,.cloud-diagram-vpc-head strong,.cloud-diagram-tier strong{color:var(--ink);font-size:.86rem}.cloud-diagram-vpc{background:linear-gradient(135deg,#e8faf7f2,#fffffff2);gap:8px;display:grid}.cloud-diagram-tier.public{border-color:#2563eb38}.cloud-diagram-tier.private{border-color:#006d683d}.cloud-diagram-tier.data{border-color:#b547323d}.cloud-architecture-review ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.cloud-architecture-review li{background:#fff;border:1px solid #006d6824;border-radius:8px;gap:4px;padding:10px;display:grid}.cloud-architecture-review li .cloud-architecture-review-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cloud-architecture-review li .cloud-architecture-review-summary span{color:var(--teal-dark);text-align:center;background:#ffffffc2;border:1px solid #006d6824;border-radius:8px;padding:8px 10px;font-size:.74rem;font-weight:950}.cloud-architecture-review li .cloud-architecture-review>p{color:var(--muted);margin:0;font-size:.78rem;font-weight:850;line-height:1.45}.cloud-architecture-review li .cloud-architecture-review>button{min-height:34px;color:var(--teal-dark);cursor:pointer;font:inherit;background:#fff;border:1px solid #006d6847;border-radius:8px;justify-self:start;padding:7px 10px;font-size:.78rem;font-weight:900}.cloud-architecture-review li>span{width:max-content;color:var(--teal-dark);border:1px solid #006d682e;border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:950}.cloud-architecture-review li[data-severity=要対応]>span{color:#b54732;border-color:#b5473247}.cloud-architecture-review li strong{color:var(--ink);font-size:.86rem}.cloud-architecture-review li p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.cloud-architecture-actions{justify-content:flex-end;display:flex}.cloud-architecture-actions button{background:var(--teal-dark);color:#fff;border:1px solid #006d6847;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-size:.86rem;font-weight:950;display:inline-flex}.app-shell{min-height:100vh;padding:var(--page-gutter);background:var(--page-bg);background-size:36px 36px,36px 36px,auto;flex-direction:column;display:flex}.app-shell-learning .topbar-nav>button:first-child{display:none}.packet-story-loading,.packet-story-page{width:min(var(--content-width), 100%);margin-inline:auto}.packet-story-loading{min-height:60vh;color:var(--muted);place-items:center;font-weight:800;display:grid}.learning-index-page{gap:16px;width:min(1180px,100%);margin:0 auto 24px;display:grid}.packet-story-hub{gap:18px;width:min(1180px,100%);margin:0 auto 28px;display:grid}.packet-story-hub-intro{border:1px solid var(--border-subtle);min-height:230px;box-shadow:var(--shadow-soft);background:linear-gradient(110deg,#fffffffa,#e5fbf7e6 62%,#2d6cdf1f),repeating-linear-gradient(90deg,#0000 0 35px,#1322310a 35px 36px);border-radius:8px;justify-content:space-between;align-items:center;gap:30px;padding:34px;display:flex}.packet-story-hub-intro>div:first-child{max-width:760px}.packet-story-hub-intro h1{letter-spacing:0;margin:5px 0 10px;font-size:2.6rem;line-height:1.15}.packet-story-hub-intro p:last-child{color:var(--muted);margin:0;line-height:1.8}.packet-story-hub-summary{border-left:1px solid var(--line);justify-items:center;min-width:150px;padding:12px 0 12px 30px;display:grid}.packet-story-hub-summary strong{color:var(--teal-dark);font-family:ui-monospace,Cascadia Code,monospace;font-size:3rem;line-height:1}.packet-story-hub-summary span,.packet-story-hub-summary small{color:var(--muted);white-space:nowrap;font-size:.72rem;font-weight:850}.packet-story-hub-jump{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:5px;display:grid}.packet-story-hub-jump a{--category-color:var(--teal-dark);--category-soft:#006d681a;border-top:3px solid var(--category-color);background:var(--category-soft);min-height:42px;color:var(--category-color);border-radius:5px;place-items:center;font-size:.76rem;font-weight:900;text-decoration:none;display:grid}.packet-story-hub-jump a:hover,.packet-story-hub-jump a:focus-visible{filter:saturate(1.25)brightness(.98);transform:translateY(-1px)}.packet-story-hub-jump a[data-category=name-resolution]{--category-color:#2d6cdf;--category-soft:#2d6cdf1a}.packet-story-hub-jump a[data-category=lan-l2]{--category-color:#a65d00;--category-soft:#e08e2121}.packet-story-hub-jump a[data-category=security]{--category-color:#b54732;--category-soft:#b547321a}.packet-story-hub-jump a[data-category=routing]{--category-color:#087f8c;--category-soft:#087f8c1a}.packet-story-hub-jump a[data-category=application]{--category-color:#6b5bba;--category-soft:#6b5bba1a}.packet-story-hub-categories{gap:26px;display:grid}.packet-story-hub-category{--category-color:var(--teal-dark);--category-soft:#006d6814;scroll-margin-top:90px}.packet-story-hub-category[data-category=name-resolution]{--category-color:#2d6cdf;--category-soft:#2d6cdf14}.packet-story-hub-category[data-category=lan-l2]{--category-color:#a65d00;--category-soft:#e08e211a}.packet-story-hub-category[data-category=security]{--category-color:#b54732;--category-soft:#b5473214}.packet-story-hub-category[data-category=routing]{--category-color:#087f8c;--category-soft:#087f8c14}.packet-story-hub-category[data-category=application]{--category-color:#6b5bba;--category-soft:#6b5bba14}.packet-story-hub-category>header{border-left:4px solid var(--category-color);align-items:flex-start;gap:12px;margin-bottom:10px;padding:7px 10px;display:flex}.packet-story-hub-category>header svg{width:30px;height:30px;color:var(--category-color);stroke-width:1.8px}.packet-story-hub-category h2{letter-spacing:0;margin:0 0 3px;font-size:1.08rem}.packet-story-hub-category header p{color:var(--muted);margin:0;font-size:.78rem}.packet-story-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.packet-story-level-guide{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:8px;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:8px;padding:10px 12px;display:grid}.packet-story-level-guide>strong{font-size:.78rem}.packet-story-level-guide p{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;margin:0;font-size:.68rem;font-weight:800;line-height:1.4;display:grid}.packet-story-level-guide span,.packet-story-level-badge,.packet-story-hub-card-meta [data-level],.packet-story-scenario-picker [data-level]{white-space:nowrap;border:1px solid;border-radius:999px;padding:4px 7px;font-size:.64rem;font-weight:950;line-height:1}[data-level=初級]{color:#087b66}[data-level=中級]{color:#9a6100}[data-level=上級]{color:#b13f55}.packet-story-hub-card{border:1px solid color-mix(in srgb, var(--category-color) 28%, var(--border-subtle));border-top:4px solid var(--category-color);background:linear-gradient(145deg, var(--surface-raised) 68%, var(--category-soft));min-height:230px;box-shadow:var(--shadow-card);border-radius:8px;flex-direction:column;padding:20px;display:flex}.packet-story-hub-card:only-child{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);grid-template-areas:"meta meta""title protocols""summary protocols""action action";column-gap:28px;min-height:190px;display:grid}.packet-story-hub-card:only-child .packet-story-hub-card-meta{grid-area:meta}.packet-story-hub-card:only-child h3{grid-area:title}.packet-story-hub-card:only-child>p{grid-area:summary}.packet-story-hub-card:only-child ul{grid-area:protocols;align-content:start;align-self:center;margin:0}.packet-story-hub-card:only-child>a{grid-area:action}.packet-story-hub-card-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.66rem;font-weight:800;display:flex}.packet-story-hub-card-meta span{color:var(--category-color)}.packet-story-hub-card-meta span[data-level]{color:revert}.packet-story-hub-card h3{letter-spacing:0;margin:15px 0 7px;font-size:1.05rem}.packet-story-hub-card>p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.7}.packet-story-hub-card ul{flex-wrap:wrap;gap:5px;margin:14px 0 18px;padding:0;list-style:none;display:flex}.packet-story-hub-card li{border:1px solid color-mix(in srgb, var(--category-color) 34%, var(--line));background:var(--category-soft);color:var(--category-color);border-radius:4px;padding:3px 6px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.62rem;font-weight:800}.packet-story-hub-card>a{color:var(--category-color);align-self:flex-start;align-items:center;gap:7px;margin-top:auto;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.packet-story-hub-card>a svg{width:16px;height:16px}.learning-index-intro{border:1px solid var(--border-subtle);min-height:220px;box-shadow:var(--shadow-soft);background:linear-gradient(112deg,#fffffffa,#e5fbf7e6 62%,#2d6cdf21),repeating-linear-gradient(90deg,#0000 0 35px,#1322310a 35px 36px);border-radius:8px;justify-content:space-between;align-items:center;gap:28px;padding:34px;display:flex;overflow:hidden}.learning-index-intro>div{max-width:760px}.learning-index-intro h1{letter-spacing:0;margin:4px 0 10px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.18}.learning-index-intro p:last-child{color:var(--muted);margin:0;line-height:1.8}.learning-index-intro>svg{width:112px;height:112px;color:var(--teal-dark);stroke-width:1.2px;flex:none}.learning-index-feature{border:1px solid var(--border-subtle);background:var(--surface-raised);min-height:390px;box-shadow:var(--shadow-card);border-radius:8px;grid-template-columns:minmax(400px,1.15fr) minmax(340px,.85fr);display:grid;overflow:hidden}.learning-index-topology{background-color:#f4f8fa;background-image:linear-gradient(#1322310e 1px,#0000 1px),linear-gradient(90deg,#1322310e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:repeat(9,auto);justify-content:center;align-items:center;gap:0;min-height:330px;padding:30px;display:grid;position:relative;overflow:hidden}.learning-index-topology span{z-index:1;color:#132231;text-align:center;background:#fff;border:2px solid #7f96a5;border-radius:6px;min-width:74px;padding:12px 8px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.68rem;font-weight:900;position:relative}.learning-index-topology i{background:#7f96a5;width:28px;height:2px}.learning-index-topology b{z-index:2;background:var(--blue);color:#fff;border-radius:999px;place-items:center;width:34px;height:22px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.55rem;animation:5s ease-in-out infinite learning-packet-route;display:grid;position:absolute;top:calc(50% - 28px);left:13%;box-shadow:0 5px 18px #2d6cdf4d}@keyframes learning-packet-route{0%,10%{left:13%}90%,to{left:82%}}.learning-index-course-copy{flex-direction:column;align-items:flex-start;padding:28px;display:flex}.learning-index-course-meta{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.learning-index-course-meta span{color:var(--teal-dark);background:#006d681a;border-radius:999px;padding:4px 9px;font-size:.68rem;font-weight:900}.learning-index-course-meta small{color:var(--muted);font-weight:800}.learning-index-course-copy h2{letter-spacing:0;margin:16px 0 8px;font-family:ui-monospace,Cascadia Code,monospace;font-size:1.5rem}.learning-index-course-copy>p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.75}.learning-index-course-copy ul{gap:8px;margin:18px 0;padding:0;list-style:none;display:grid}.learning-index-course-copy li{align-items:center;gap:8px;font-size:.76rem;font-weight:800;display:flex}.learning-index-course-copy li svg{width:16px;height:16px;color:var(--teal-dark)}.learning-index-start{background:var(--teal-dark);color:#fff;border-radius:6px;align-items:center;gap:9px;margin-top:auto;padding:10px 14px;font-size:.8rem;font-weight:900;text-decoration:none;display:inline-flex}.learning-index-start svg{width:17px;height:17px}.learning-index-glossary{border:1px solid var(--border-subtle);background:var(--surface-raised);box-shadow:var(--shadow-card);border-radius:8px;grid-template-columns:minmax(340px,.85fr) minmax(420px,1.15fr);display:grid;overflow:hidden}.learning-index-glossary-copy{flex-direction:column;align-items:flex-start;padding:28px;display:flex}.learning-index-glossary-copy>.eyebrow{margin:18px 0 0}.learning-index-glossary-copy h2{letter-spacing:0;margin:4px 0 8px;font-size:1.5rem}.learning-index-glossary-copy>p:not(.eyebrow){color:var(--muted);margin:0;font-size:.84rem;line-height:1.75}.learning-index-glossary-copy ul{gap:7px;width:100%;margin:18px 0;padding:0;list-style:none;display:grid}.learning-index-glossary-copy li{grid-template-columns:20px 76px 1fr;align-items:center;gap:8px;font-size:.74rem;display:grid}.learning-index-glossary-copy li svg{width:17px;height:17px;color:var(--teal-dark)}.learning-index-glossary-copy li small{color:var(--muted)}.learning-index-term-map{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:1px;min-height:390px;display:grid}.learning-index-term-map>div{background:var(--panel-soft);align-content:center;gap:7px;min-width:0;padding:24px;display:grid}.learning-index-term-map span{color:var(--teal-dark);font-size:.68rem;font-weight:900}.learning-index-term-map strong{overflow-wrap:anywhere;font-family:ui-monospace,Cascadia Code,monospace;font-size:.88rem}.learning-index-roadmap,.learning-index-next{border:1px solid var(--border-subtle);background:var(--surface-raised);box-shadow:var(--shadow-card);border-radius:8px;padding:24px}.learning-index-roadmap h2{letter-spacing:0;margin:3px 0 18px;font-size:1.15rem}.learning-index-roadmap ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.learning-index-roadmap li{border-left:3px solid var(--line);background:var(--panel-soft);gap:5px;min-width:0;padding:12px;display:grid}.learning-index-roadmap li span,.learning-index-roadmap li small{color:var(--muted);font-family:ui-monospace,Cascadia Code,monospace;font-size:.64rem}.learning-index-roadmap li strong{font-size:.78rem}.learning-index-next{grid-template-columns:180px 1fr;align-items:center;gap:16px;display:grid}.learning-index-next strong{color:var(--teal-dark)}.learning-index-next p{color:var(--muted);margin:0;font-size:.78rem}.tool-finder-learning-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tool-finder-learning-links>a{color:var(--teal-dark);font-size:.76rem;font-weight:900}:root[data-theme=dark] .learning-index-intro,:root[data-theme=dark] .learning-index-feature,:root[data-theme=dark] .learning-index-glossary,:root[data-theme=dark] .learning-index-roadmap,:root[data-theme=dark] .learning-index-next,:root[data-theme=dark] .packet-story-hub-intro{background:#132231f5}:root[data-theme=dark] .packet-story-hub-card{background:linear-gradient(145deg, #132231fa 68%, var(--category-soft))}:root[data-theme=dark] .learning-index-topology{background-color:#142431;background-image:linear-gradient(#d7f6ee0d 1px,#0000 1px),linear-gradient(90deg,#d7f6ee0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}@media (width<=900px){.learning-index-feature,.learning-index-glossary{grid-template-columns:1fr}.learning-index-term-map{min-height:0}.learning-index-roadmap ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.packet-story-hub-intro{align-items:flex-start;min-height:0;padding:22px 18px}.packet-story-hub-intro h1{font-size:1.7rem}.packet-story-hub-summary{min-width:92px;padding-left:16px}.packet-story-hub-summary strong{font-size:2rem}.packet-story-hub-jump{grid-template-columns:repeat(2,minmax(0,1fr))}.packet-story-hub-grid{grid-template-columns:1fr}.packet-story-hub-card:only-child{min-height:230px;display:flex}.learning-index-intro{min-height:0;padding:22px 18px}.learning-index-intro>svg{width:58px;height:58px}.learning-index-intro h1{font-size:1.5rem}.learning-index-topology{grid-template-columns:repeat(5,minmax(0,1fr));min-height:260px;padding:24px 10px}.learning-index-topology i{display:none}.learning-index-topology span{min-width:0;padding:10px 2px;font-size:.55rem}.learning-index-roadmap ol,.learning-index-next{grid-template-columns:1fr}.learning-index-glossary-copy,.learning-index-term-map>div{padding:20px 18px}.learning-index-term-map{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-index-term-map>div{padding:16px 14px}}.packet-story-page{--packet-navy:#132231;--packet-action-bg:#132231;--packet-cyan:#2d6cdf;--packet-green:#006d68;--packet-amber:#c88718;color:var(--ink);gap:14px;margin-bottom:20px;display:grid}.packet-story-intro{border:1px solid var(--border-subtle);min-height:148px;box-shadow:var(--shadow-soft);background:linear-gradient(110deg,#fffffff7,#e5fbf7e0 58%,#e0a63a26),repeating-linear-gradient(90deg,#0000 0 35px,#1322310a 35px 36px);border-radius:8px;justify-content:space-between;align-items:end;gap:24px;padding:22px 26px;display:flex;overflow:hidden}.packet-story-intro h1{letter-spacing:0;margin:2px 0 6px;font-family:IBM Plex Mono,BIZ UDGothic,monospace;font-size:2rem;line-height:1.12}.packet-story-intro p:last-child{max-width:720px;color:var(--muted);margin:0}.packet-story-level-badge{vertical-align:middle;margin-left:7px;display:inline-flex}.packet-story-stage-count{min-width:126px;color:var(--packet-green);grid-template-columns:auto auto;align-items:end;font-family:ui-monospace,Cascadia Code,monospace;display:grid}.packet-story-stage-count span{color:var(--muted);grid-column:1/-1;font-size:.68rem;font-weight:900}.packet-story-stage-count strong{font-size:2.5rem;line-height:1}.packet-story-stage-count small{color:var(--muted);padding-bottom:4px}.packet-story-scenario-picker{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;display:grid}.packet-story-scenario-picker a{min-height:52px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;display:flex}.packet-story-scenario-picker a strong{color:inherit;font-size:.82rem}.packet-story-scenario-picker a span{flex:none;align-items:center;gap:5px;font-size:.68rem;font-weight:800;display:inline-flex}.packet-story-scenario-picker a.is-active [data-level]{color:#fff}.packet-story-scenario-picker a.is-active{border-color:var(--packet-green);background:var(--packet-action-bg);color:#fff}.packet-story-scenario-select,.packet-story-mobile-dock,.packet-story-mobile-tabs{display:none}.packet-story-layout{grid-template-columns:270px minmax(480px,1fr) 330px;grid-template-areas:"controls canvas inspector""log log inspector""support support support";align-items:stretch;gap:12px;display:grid}.packet-story-controls,.packet-story-canvas-panel,.packet-story-inspector,.packet-story-log-panel,.packet-story-support-panel{border:1px solid var(--border-subtle);background:var(--surface-raised);min-width:0;box-shadow:var(--shadow-card);border-radius:8px}.packet-story-controls{flex-direction:column;grid-area:controls;gap:12px;padding:18px;display:flex}.packet-story-section-head,.packet-story-panel-title,.packet-story-canvas-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.packet-story-section-head span,.packet-story-section-head strong,.packet-story-panel-title small{font-size:.7rem;font-weight:900}.packet-story-section-head span{color:var(--packet-green)}.packet-story-section-head strong{color:var(--packet-cyan);background:#2d6cdf17;border:1px solid #2d6cdf3d;border-radius:999px;padding:3px 8px}.packet-story-controls h2{letter-spacing:0;margin:0;font-size:1.08rem;line-height:1.4}.packet-story-controls>p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.7}.packet-story-keypoint{border-left:3px solid var(--packet-amber);background:#e0a63a1a;gap:5px;padding:10px 12px;display:grid}.packet-story-keypoint span{color:#8a5b08;font-size:.68rem;font-weight:900}.packet-story-keypoint strong{font-size:.76rem;line-height:1.65}.packet-story-learning-guide{border:1px solid var(--line);background:var(--panel-soft);border-radius:7px;gap:6px;padding:10px;display:grid}.packet-story-learning-guide>header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.packet-story-learning-guide>header strong{color:var(--packet-navy);font-size:.72rem}.packet-story-learning-guide>header span{color:var(--muted);font-size:.62rem;font-weight:800}.packet-story-learning-guide>div{border-left:2px solid var(--line);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:5px 7px;display:grid}.packet-story-learning-guide>div>span{background:var(--panel);width:25px;height:25px;color:var(--muted);border-radius:50%;place-items:center;font-size:.65rem;font-weight:900;display:inline-grid}.packet-story-learning-guide>div>p{gap:2px;min-width:0;margin:0;display:grid}.packet-story-learning-guide>div strong,.packet-story-learning-guide>div small{overflow-wrap:anywhere;line-height:1.35}.packet-story-learning-guide>div strong{font-size:.68rem}.packet-story-learning-guide>div small{color:var(--muted);font-size:.61rem;font-weight:700}.packet-story-learning-guide>div.is-current{border-left-color:var(--packet-cyan);background:#2d6cdf14}.packet-story-learning-guide>div.is-current>span{background:var(--packet-cyan);color:#fff}.packet-story-playback{grid-template-columns:38px minmax(96px,1fr) 38px 38px;gap:6px;margin-top:auto;display:grid}.packet-story-playback button{border:1px solid var(--line);background:var(--panel-soft);min-width:38px;height:38px;color:var(--ink);border-radius:6px;justify-content:center;align-items:center;gap:6px;font-size:.78rem;font-weight:900;display:inline-flex}.packet-story-playback button:disabled{cursor:not-allowed;opacity:.4}.packet-story-playback button.is-primary{border-color:var(--packet-green);background:var(--packet-green);color:#fff}.packet-story-playback svg,.packet-story-panel-title svg{width:16px;height:16px}.packet-story-speed{color:var(--muted);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:800;display:flex}.packet-story-speed select{border:1px solid var(--line);background:var(--panel);height:34px;color:var(--ink);border-radius:6px;padding:0 26px 0 10px}.packet-story-progress{background:var(--line);height:4px;overflow:hidden}.packet-story-progress span{background:var(--packet-cyan);height:100%;transition:width 50ms linear;display:block}.packet-story-canvas-panel{grid-area:canvas;grid-template-rows:auto auto minmax(400px,1fr) auto;min-height:500px;display:grid;overflow:hidden}.packet-story-canvas-meta{border-bottom:1px solid var(--line);flex-wrap:wrap;padding:10px 14px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.72rem}.packet-story-canvas-meta span{color:var(--packet-cyan);font-weight:900}.packet-story-canvas-meta>strong{margin-left:auto}.packet-story-canvas-meta em{color:var(--packet-green);font-style:normal}.packet-story-protocol-key{border:1px solid var(--line);background:var(--surface-muted);min-width:0;color:var(--ink);border-radius:4px;align-items:center;gap:5px;padding:3px 7px 3px 5px;display:inline-flex}.packet-story-protocol-key b{font-size:.78rem}.packet-story-protocol-key small{color:var(--muted);white-space:nowrap;font-size:.62rem}.packet-story-glossary-link{border-left:1px solid var(--line);min-height:22px;color:var(--packet-green);white-space:nowrap;align-items:center;gap:3px;margin-left:2px;padding-left:6px;font-family:BIZ UDPGothic,sans-serif;font-size:.62rem;font-weight:900;text-decoration:none;display:inline-flex}.packet-story-glossary-link:hover,.packet-story-glossary-link:focus-visible{color:var(--packet-cyan);text-decoration:underline}.packet-story-glossary-link svg{width:13px;height:13px}.packet-story-event-legend{border-bottom:1px solid var(--line);background:var(--surface-muted);align-items:center;gap:6px 12px;padding:7px 12px;display:flex;overflow-x:auto}.packet-story-event-legend>span{color:var(--muted);flex:none;align-items:center;gap:5px;font-size:.66rem;display:inline-flex}.packet-story-event-legend b{color:var(--ink);white-space:nowrap;font-weight:800}.packet-story-event-marker{color:#fff;background:#0369a1;flex:none;place-items:center;width:18px;height:18px;font:900 12px/1 ui-monospace,Cascadia Code,monospace;display:inline-grid}.packet-story-event-marker.is-packet{clip-path:polygon(0 8%,68% 8%,100% 50%,68% 92%,0 92%);background:#1d4ed8;height:12px}.packet-story-event-marker.is-drop{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:#dc2626}.packet-story-event-marker.is-waiting{background:#d97706;border-radius:50%}.packet-story-event-marker.is-timeout{background:#b91c1c;border-radius:50%}.packet-story-event-marker.is-operation{background:#15803d;border-radius:4px}.packet-story-event-marker.is-state{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#0369a1}.packet-story-route-legend i{border-top:3px solid #009f8d;width:22px;height:0}.packet-story-route-legend.is-pending i{border-top:2px dashed #8397a3}.packet-story-canvas{background-color:#f7fafb;background-image:linear-gradient(#1322310b 1px,#0000 1px),linear-gradient(90deg,#1322310b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:400px;position:relative}.packet-story-canvas canvas{display:block;position:absolute;inset:0}.packet-story-timeline{border-top:1px solid var(--line);gap:4px;padding:10px 12px;display:grid;overflow-x:auto}.packet-story-timeline button{border:1px solid var(--line);background:var(--surface-muted);min-height:38px;color:var(--muted);text-align:left;border-radius:5px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;padding:5px 6px;display:grid}.packet-story-timeline button span{background:var(--panel);width:22px;height:22px;color:var(--muted);border:1px solid #8ea0ac;border-radius:50%;place-items:center;font-size:.68rem;font-weight:900;display:grid}.packet-story-timeline button small{text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;font-weight:800;overflow:hidden}.packet-story-timeline button.is-complete span{border-color:var(--packet-green);background:var(--packet-green)}.packet-story-timeline button.is-current span{border-color:var(--packet-cyan);background:var(--packet-cyan);color:#fff}.packet-story-timeline button.is-current{border-color:var(--packet-cyan);color:var(--ink);background:#2d6cdf1a}.packet-story-inspector{grid-area:inspector;overflow:hidden}.packet-story-panel-title{border-bottom:1px solid var(--line);min-height:43px;color:var(--packet-navy);padding:10px 14px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem;font-weight:900}.packet-story-panel-title span{align-items:center;gap:7px;display:inline-flex}.packet-story-panel-title small{color:var(--muted)}.packet-story-header-stack{gap:10px;max-height:658px;padding:12px;display:grid;overflow:auto}.packet-story-header-group{border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden}.packet-story-header-group h3{border-bottom:1px solid var(--line);background:var(--panel-soft);color:var(--packet-green);justify-content:space-between;align-items:center;gap:8px;margin:0;padding:7px 9px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.74rem;display:flex}.packet-story-header-group dl{margin:0}.packet-story-header-group dl>div{border-bottom:1px solid #d9e3eab3;grid-template-columns:minmax(86px,.8fr) minmax(0,1.2fr);gap:8px;padding:7px 9px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.68rem;display:grid}.packet-story-header-group dl>div:last-child{border-bottom:0}.packet-story-header-group dl>div.is-changed{box-shadow:inset 3px 0 var(--packet-amber);background:#e0a63a1c}.packet-story-header-group dt{color:var(--muted)}.packet-story-header-group dd{overflow-wrap:anywhere;min-width:0;color:var(--ink);margin:0;font-weight:800}.packet-story-header-group dd small{color:#8a5b08;margin-top:3px;font-size:.6rem;font-weight:700;display:block}.packet-story-log-panel{grid-area:log;overflow:hidden}.packet-story-log-list{max-height:220px;overflow:auto}.packet-story-log-list button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:58px 130px minmax(180px,1fr) minmax(100px,.5fr);align-items:center;gap:10px;padding:8px 14px;display:grid}.packet-story-log-list button:hover,.packet-story-log-list button.is-current{background:#2d6cdf12}.packet-story-log-list time,.packet-story-log-list em{color:var(--muted);font-family:ui-monospace,Cascadia Code,monospace;font-size:.68rem;font-style:normal}.packet-story-log-list strong,.packet-story-log-list span{font-size:.72rem}.packet-story-log-list em{color:var(--packet-green);text-align:right}.packet-story-support-panel{grid-area:support;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.packet-story-command,.packet-story-quiz{min-width:0}.packet-story-command{border-right:1px solid var(--line)}.packet-story-command>code{color:var(--packet-green);margin:12px 14px 0;font-size:.74rem;font-weight:800;display:block}.packet-story-command pre{color:#d7f6ee;white-space:pre-wrap;background:#132231;border-radius:6px;min-height:88px;margin:8px 14px 14px;padding:12px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.7rem;line-height:1.6;overflow:auto}.packet-story-quiz>strong{padding:12px 14px 8px;font-size:.8rem;display:block}.packet-story-quiz>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 14px;display:grid}.packet-story-quiz>div button{border:1px solid var(--line);background:var(--panel-soft);min-height:38px;color:var(--ink);border-radius:6px;padding:6px 8px;font-size:.7rem;font-weight:800}.packet-story-quiz>div button.is-selected{border-color:var(--packet-cyan);box-shadow:inset 0 0 0 1px var(--packet-cyan)}.packet-story-quiz>p{margin:10px 14px 14px;font-size:.7rem;line-height:1.55}.packet-story-quiz>p.is-correct{color:var(--packet-green)}.packet-story-quiz>p.is-wrong{color:var(--rust)}:root[data-theme=dark] .packet-story-intro,:root[data-theme=dark] .packet-story-controls,:root[data-theme=dark] .packet-story-canvas-panel,:root[data-theme=dark] .packet-story-inspector,:root[data-theme=dark] .packet-story-log-panel,:root[data-theme=dark] .packet-story-support-panel,:root[data-theme=dark] .packet-story-header-group{background:#132231f5}:root[data-theme=dark] .packet-story-page{--packet-navy:#e9f3f5;--packet-action-bg:#245467;--packet-green:#55d7c5;--packet-cyan:#7ca8ff;--packet-amber:#efbc5c}:root[data-theme=dark] .packet-story-scenario-picker{background:#132231f5}:root[data-theme=dark] [data-level=初級]{color:#67dcc7}:root[data-theme=dark] [data-level=中級]{color:#f0bd61}:root[data-theme=dark] [data-level=上級]{color:#ff91a5}:root[data-theme=dark] .packet-story-playback button.is-primary{background:var(--packet-action-bg);color:#fff;border-color:#55d7c5}:root[data-theme=dark] .packet-story-keypoint span{color:#efbc5c}:root[data-theme=dark] .packet-story-canvas{background-color:#142431;background-image:linear-gradient(#d7f6ee0d 1px,#0000 1px),linear-gradient(90deg,#d7f6ee0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}:root[data-theme=dark] .packet-story-route-legend.is-observed i{border-top-color:#55d7c5}:root[data-theme=dark] .packet-story-keypoint span,:root[data-theme=dark] .packet-story-header-group dd small{color:#efbc5c}@media (width<=1180px){.packet-story-layout{grid-template-columns:250px minmax(460px,1fr);grid-template-areas:"controls canvas""inspector inspector""log log""support support"}.packet-story-inspector{min-height:0}.packet-story-header-stack{grid-template-columns:repeat(2,minmax(0,1fr));max-height:420px}}@media (width<=760px){.app-shell-learning{padding-inline:10px;padding-bottom:92px}.app-shell-learning .app-topbar{position:relative;top:0}.packet-story-intro{align-items:center;min-height:0;padding:14px 16px}.packet-story-level-guide{grid-template-columns:1fr}.packet-story-intro h1{font-size:1.55rem}.packet-story-intro p:last-child{font-size:.78rem}.packet-story-stage-count{min-width:80px}.packet-story-stage-count strong{font-size:2rem}.packet-story-scenario-picker{display:none}.packet-story-scenario-select{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.packet-story-scenario-select span{color:var(--muted);font-size:.7rem;font-weight:900}.packet-story-scenario-select select{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;height:40px;color:var(--ink);border-radius:6px;padding:0 32px 0 10px;font-size:.78rem;font-weight:800}.packet-story-mobile-tabs{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.packet-story-mobile-tabs button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:5px;font-size:.76rem;font-weight:900}.packet-story-mobile-tabs button.is-active{background:var(--packet-action-bg);color:#fff}.packet-story-layout{flex-direction:column;display:flex}.packet-story-controls{order:1}.packet-story-canvas-panel,.packet-story-inspector,.packet-story-log-panel{order:0;display:none}.packet-story-canvas-panel.is-mobile-active{display:grid}.packet-story-inspector.is-mobile-active,.packet-story-log-panel.is-mobile-active{display:block}.packet-story-canvas-panel{grid-template-rows:auto auto minmax(340px,1fr) auto;min-height:440px}.packet-story-event-legend{flex-wrap:wrap;gap:5px 9px;padding-inline:9px;overflow-x:visible}.packet-story-canvas{min-height:340px}.packet-story-playback-desktop,.packet-story-controls>.packet-story-speed,.packet-story-controls>.packet-story-progress{display:none}.packet-story-mobile-dock{z-index:80;right:10px;bottom:max(8px, env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;max-width:480px;margin-inline:auto;padding:8px 7px 7px;display:block;position:fixed;left:10px;box-shadow:0 12px 32px #0d182247}.packet-story-mobile-dock-progress{height:3px;position:absolute;top:0;left:7px;right:7px}.packet-story-mobile-dock-progress>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.packet-story-mobile-dock-progress i{background:var(--line);height:3px;display:block;overflow:hidden}.packet-story-mobile-dock-progress b{background:var(--packet-cyan);height:100%;transition:width 50ms linear;display:block}.packet-story-mobile-dock-row{grid-template-columns:minmax(0,1fr) 74px;gap:7px;display:grid}.packet-story-playback-mobile{grid-template-columns:38px minmax(74px,1fr) 38px 38px;margin:0}.packet-story-mobile-speed{display:block}.packet-story-mobile-speed>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.packet-story-mobile-speed select{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;height:38px;color:var(--ink);border-radius:6px;font-size:.7rem}.packet-story-timeline{scroll-snap-type:x proximity}.packet-story-timeline button{scroll-snap-align:start}.packet-story-header-stack{grid-template-columns:1fr;max-height:520px}.packet-story-log-list{max-height:430px}.packet-story-log-list button{grid-template-columns:54px minmax(0,1fr)}.packet-story-log-list button span,.packet-story-log-list button em{text-align:left;grid-column:2}.packet-story-support-panel{order:2;grid-template-columns:1fr}.packet-story-command{border-right:0;border-bottom:1px solid var(--line)}.packet-story-quiz>div{grid-template-columns:1fr}}.app-shell-tool-direct .app-topbar{order:0}.app-shell-tool-direct .workbench{order:1}.app-shell-tool-direct .design-project-workspace{order:2}.app-shell-tool-direct .hero-band{order:3}.app-shell-tool-direct .network-pack-stage{order:4}.app-shell-tool-direct .tool-finder{order:5}.app-shell-tool-direct .tool-library-section{order:6}.app-shell-tool-direct .site-footer{order:7}.app-topbar,.hero-band,.network-pack-stage,.tool-finder,.tool-library-section,.design-project-workspace,.workbench,.site-footer{width:min(var(--content-width), 100%);margin-inline:auto}.app-topbar{top:var(--page-gutter);z-index:30;border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:linear-gradient(#ffffffe6,#ffffffb8),linear-gradient(90deg,#006d680f,#2d6cdf0d);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:11px 14px;display:flex;position:sticky}.app-topbar>div,.brand-home-link,.topbar-nav,.topbar-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.brand-home-link{color:inherit;flex-wrap:nowrap;text-decoration:none}.brand-home-link:hover .brand-name{color:var(--teal-dark)}.brand-home-link:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #00a88f52}.brand-logo{border-radius:10px;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:0 12px 28px #10182033}.brand-name{color:var(--line-strong);white-space:nowrap;font-weight:800}.topbar-nav{scrollbar-width:none;flex:auto;justify-content:center;min-width:0;overflow:visible}.topbar-nav::-webkit-scrollbar{display:none}.topbar-actions{flex:none;margin-left:auto}.topbar-nav button,.topbar-nav a,.topbar-nav-menu summary{min-height:32px;color:var(--line-strong);cursor:pointer;white-space:nowrap;background:#ffffffc2;border:1px solid #1724321f;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:.8rem;font-weight:900;text-decoration:none;display:inline-flex}.topbar-nav .topbar-packet-story-link{background:#2d6cdf14;border-color:#2d6cdf47;border-radius:8px;min-height:38px}.topbar-global-nav{grid-template-columns:repeat(3,minmax(0,160px));display:grid}.topbar-global-nav>a{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:6px;min-height:42px}.topbar-global-nav>a[aria-current=page]{border-bottom-color:var(--teal-dark);color:var(--teal-dark);background:#009f8d1a}.topbar-global-nav>a>span{text-align:left;gap:1px;display:grid}.topbar-global-nav strong{font-size:.76rem}.topbar-global-nav small{color:var(--muted);font-size:.58rem;font-weight:750}.topbar-packet-story-link>span{gap:1px;display:grid}.topbar-packet-story-link strong{font-size:.72rem}.topbar-packet-story-link small{color:var(--muted);font-size:.56rem;font-weight:750}@media (width<=900px){.topbar-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.topbar-nav .topbar-packet-story-link{border-radius:999px;flex:0 0 34px;width:34px;min-height:32px;padding:0}.topbar-packet-story-link>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.topbar-nav-menu summary{list-style:none}.topbar-nav-menu summary::-webkit-details-marker{display:none}.topbar-nav-menu-primary summary{color:var(--teal-dark);background:#009f8d1f;border-color:#006d6847}.topbar-nav button:hover,.topbar-nav button:focus-visible,.topbar-nav a:hover,.topbar-nav a:focus-visible,.topbar-nav-menu summary:hover,.topbar-nav-menu summary:focus-visible{color:var(--teal-dark);background:#fff;border-color:#006d6899;transform:translateY(-1px)}.topbar-nav-menu{position:relative}.topbar-nav-panel{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#fffffffa;border:1px solid #17243224;border-radius:12px;gap:6px;min-width:300px;max-width:min(760px,100vw - 32px);max-height:min(70vh,620px);padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0;overflow:auto;box-shadow:0 20px 48px #10182033}.topbar-nav-menu:not([open]) .topbar-nav-panel{display:none}.topbar-nav-panel-tools{grid-template-columns:repeat(2,minmax(220px,1fr))}.topbar-nav-panel-groups{grid-template-columns:repeat(2,minmax(240px,1fr))}.topbar-nav-panel a,.topbar-nav-panel-lead{text-align:left;background:0 0;border-radius:8px;justify-content:flex-start;min-height:38px;padding:8px 10px}.topbar-nav-panel-lead{grid-column:1/-1;color:var(--teal-dark)!important;background:#009f8d1a!important}.topbar-tool-group,.topbar-purpose-group{background:#f8fdfcdb;border:1px solid #006d681f;border-radius:10px;gap:7px;min-width:0;padding:8px;display:grid}.topbar-tool-group>span{color:var(--teal-dark);font-size:.74rem;font-weight:950}.topbar-tool-group>div,.topbar-purpose-group>div{gap:5px;display:grid}.topbar-tool-group a,.topbar-purpose-group>div a{background:#ffffffb8;border-color:#0000;min-height:30px;font-size:.78rem;line-height:1.25}.topbar-purpose-group-head{gap:3px;white-space:normal!important;background:0 0!important;border-color:#0000!important;min-height:auto!important;padding:2px 2px 5px!important;display:grid!important}.topbar-nav-panel-groups a{white-space:normal;gap:3px;display:grid}.topbar-nav-panel-groups strong{color:var(--line-strong);font-size:.86rem}.topbar-nav-panel-groups span{color:var(--muted);font-size:.74rem;font-weight:750;line-height:1.35}.topbar-purpose-group small{color:var(--muted);padding:0 4px 2px;font-size:.72rem;font-weight:850}.topbar-nav svg{width:15px;height:15px}.theme-toggle,.language-toggle,.topbar-menu-button{background:linear-gradient(135deg, var(--line-strong), #29455f);color:#fff;border:1px solid #17243229;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:.8rem;font-weight:900;display:inline-flex}.topbar-menu-button{width:34px;color:var(--line-strong);background:#ffffffc2;padding:0}.theme-toggle svg,.topbar-menu-button svg{width:16px;height:16px}.language-toggle{color:var(--teal-dark);background:#ffffffbd}.theme-toggle:hover,.language-toggle:hover,.topbar-menu-button:hover,.topbar-menu-button:focus-visible{background:var(--teal-dark);color:#fff;transform:translateY(-1px)}.topbar-menu-shell{position:relative}.topbar-menu{z-index:40;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#fffffff5;border:1px solid #17243224;border-radius:10px;gap:4px;min-width:184px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #1018202e}.topbar-menu a,.topbar-menu button{width:100%;min-height:34px;color:var(--line-strong);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;padding:0 10px;font-size:.84rem;font-weight:850;text-decoration:none;display:flex}.topbar-menu a:hover,.topbar-menu button:hover,.topbar-menu a:focus-visible,.topbar-menu button:focus-visible{color:var(--teal-dark);background:#009f8d1f;outline:none}.hero-band{--hero-ink:#10202a;--hero-muted:#53606d;--hero-accent:#006d68;--hero-card-bg:#ffffffc7;--hero-card-border:#006d682e;--hero-primary-bg:var(--line-strong);--hero-primary-text:#fff;color:var(--hero-ink);box-shadow:var(--shadow);background:linear-gradient(#13223109 1px,#0000 1px) 0 0/26px 26px,linear-gradient(90deg,#13223109 1px,#0000 1px) 0 0/26px 26px,linear-gradient(122deg,#009f8d29 0%,#009f8d00 42%),linear-gradient(238deg,#2d6cdf24 0%,#2d6cdf00 44%),linear-gradient(135deg,#f9fdfcfa 0%,#e6f6f2f5 48%,#edf4fcf2 100%);border:1px solid #17243229;border-radius:16px;grid-template-columns:minmax(280px,.58fr) minmax(360px,1fr);align-items:start;gap:clamp(12px,1.6vw,20px);padding:clamp(14px,1.4vw,20px);display:grid;position:relative;overflow:hidden}.hero-band:before{pointer-events:none;content:"";background:linear-gradient(120deg,#ffffff75,#0000 28%),linear-gradient(90deg,#fff0,#ffffff38,#fff0);position:absolute;inset:0}.portal-hero{grid-template-columns:1fr;align-items:center;min-height:min(760px,100vh - 110px);padding:clamp(24px,4vw,56px)}.portal-hero .hero-copy{text-align:center;justify-items:center;width:min(100%,980px);margin:auto;display:grid}.portal-hero .hero-title,.portal-hero .lead{max-width:840px}.portal-hero .hero-title-line{width:auto}.portal-route-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,980px);margin-top:24px;display:grid}.portal-route-panel{border:1px solid #0d323938;border-radius:8px;grid-template-rows:auto auto 1fr auto auto;gap:16px;min-width:0;min-height:410px;padding:clamp(20px,2.4vw,28px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 54px #11233029}.portal-route-panel:before{content:"";height:4px;position:absolute;inset:0 0 auto}.portal-route-panel.is-tools{color:#f5fffd;background:linear-gradient(135deg,#ffffff14,#0000 42%),#123f45}.portal-route-panel.is-tools:before{background:#50d8bd}.portal-route-panel.is-learn{color:#163d70;background:linear-gradient(145deg,#e8f2ffe6,#fffffffa 48%),#fff;border-color:#1c559f40}.portal-route-panel.is-learn:before{background:linear-gradient(90deg,#2d6cdf 0 72%,#e5a832 72%)}.portal-route-panel>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.portal-route-icon{border:1px solid;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.portal-route-icon svg{width:24px;height:24px}.portal-route-panel>header>span:nth-child(2){gap:2px;display:grid}.portal-route-panel>header small,.portal-route-panel>header strong{display:block}.portal-route-panel>header small{letter-spacing:0;opacity:.72;font-size:.68rem;font-weight:950}.portal-route-panel>header strong{font-size:clamp(1.3rem,2vw,1.7rem)}.portal-route-panel>header b{white-space:nowrap;opacity:.84;border:1px solid;border-radius:999px;align-self:start;padding:5px 8px;font-size:.72rem}.portal-route-panel>p{opacity:.88;min-height:3.2em;margin:0;font-size:.88rem;font-weight:750;line-height:1.6}.portal-capability-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.portal-capability-list li{color:inherit;opacity:.92;border-top:1px solid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 0 4px;display:grid}.portal-capability-list svg{width:19px;height:19px}.portal-capability-list li>span{gap:2px;display:grid}.portal-capability-list strong{font-size:.86rem}.portal-capability-list small{opacity:.74;font-size:.72rem;font-weight:750;line-height:1.35}.portal-route-outcome{border-left:3px solid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:7px 0 7px 10px;display:grid}.portal-route-outcome span{opacity:.68;font-size:.65rem;font-weight:950}.portal-route-outcome p{margin:0;font-size:.76rem;font-weight:900;line-height:1.4}.portal-route-actions{grid-template-columns:minmax(0,1fr) auto auto;gap:7px;display:grid}.portal-route-actions a{min-height:38px;color:inherit;text-align:center;border:1px solid;border-radius:6px;justify-content:center;align-items:center;padding:7px 9px;font-size:.72rem;font-weight:900;text-decoration:none;display:inline-flex}.portal-route-actions a.is-primary{color:#123f45;background:#fff;justify-content:space-between;font-size:.8rem}.portal-route-panel.is-learn .portal-route-actions a.is-primary{color:#fff;background:#245fb6;border-color:#245fb6}.portal-route-actions a:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0d1e2c29}:root[data-theme=dark] .portal-route-panel.is-tools{background:#12383e;border-color:#6be5cf59}:root[data-theme=dark] .portal-route-panel.is-learn{color:#e9f3ff;background:linear-gradient(145deg,#213c5bf5,#14273dfa),#14273d;border-color:#6fa4e85c}.portal-hero .hero-safety-panel{text-align:left;max-width:840px;margin-top:18px}.hero-copy,.hero-side{z-index:1;position:relative}.hero-copy{align-self:stretch}.hero-side{grid-template-columns:1fr;align-self:start;gap:12px;display:grid}.hero-logo{filter:drop-shadow(0 24px 50px #00000047);width:64px;height:64px}.eyebrow{color:var(--teal-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:900}.hero-copy .eyebrow{color:var(--hero-accent)}h1,h2,h3,p,strong{overflow-wrap:anywhere}h1{max-width:780px;margin:0;font-size:clamp(2.1rem,5.8vw,4.35rem);line-height:1.04}.hero-title{gap:8px;max-width:920px;display:grid}.hero-title span{font-size:clamp(1.95rem,3.3vw,3.15rem);line-height:1}.hero-title-line{overflow-wrap:normal;width:fit-content;display:block}.hero-title small{border:1px solid var(--hero-card-border);background:var(--hero-card-bg);width:min(100%,780px);color:var(--hero-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:9px 13px;font-size:clamp(1rem,1.6vw,1.28rem);line-height:1.35;box-shadow:0 14px 34px #0b172314}h2,h3{margin:0;line-height:1.2}.lead{max-width:560px;color:var(--hero-muted);margin:9px 0 0;font-size:.9rem;line-height:1.48}.hero-safety-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #006d6838;border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:10px;max-width:560px;margin-top:10px;padding:9px 10px;display:grid;box-shadow:0 16px 38px #10182017}.hero-safety-panel>svg{width:24px;height:24px;color:var(--hero-accent)}.hero-safety-panel strong{color:var(--hero-ink);font-size:.95rem}.hero-safety-panel p{color:var(--hero-muted);margin:4px 0 0;font-size:.8rem;font-weight:800;line-height:1.45}.hero-safety-panel a{width:fit-content;color:var(--hero-accent);margin-top:8px;font-size:.82rem;font-weight:950;text-decoration:none;display:inline-flex}.hero-safety-panel a:hover{text-decoration:underline}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.hero-actions button,.hero-actions a{border:1px solid var(--hero-card-border);background:linear-gradient(135deg, var(--hero-primary-bg), #28465f);min-height:40px;color:var(--hero-primary-text);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.86rem;font-weight:950;text-decoration:none;display:inline-flex}.hero-actions button:nth-child(n+2),.hero-actions a{background:var(--hero-card-bg);color:var(--hero-accent)}.hero-route-choices{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;display:grid}.hero-actions a.hero-route-choice{text-align:left;border-radius:10px;grid-template-columns:auto minmax(0,1fr);gap:10px;min-width:0;min-height:72px;padding:11px 12px;display:grid}.hero-actions a.hero-route-choice.is-tools{color:#fff;background:linear-gradient(145deg,#006d68fa,#184249fa);border-color:#006d6861}.hero-actions a.hero-route-choice.is-learn{color:#174a96;background:linear-gradient(145deg,#fffffff0,#e8f1fdf0);border-color:#2d6cdf57}.hero-route-choice>svg{align-self:start;width:22px;height:22px;margin-top:2px}.hero-route-choice>span{gap:4px;min-width:0;display:grid}.hero-route-choice strong,.hero-route-choice small{overflow-wrap:anywhere;display:block}.hero-route-choice strong{font-size:.92rem}.hero-route-choice small{color:inherit;opacity:.82;font-size:.7rem;font-weight:800;line-height:1.4}.hero-operations-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffffe0,#ffffffb3),linear-gradient(90deg,#006d680f 1px,#0000 1px) 0 0/24px 24px;border:1px solid #006d682e;border-radius:12px;gap:10px;padding:12px;display:grid;position:relative;box-shadow:0 18px 40px #0b17231a}.hero-panel-toolbar{gap:5px;display:flex}.hero-panel-toolbar span{background:#006d6847;border-radius:999px;width:9px;height:9px}.hero-command-line{min-height:38px;color:var(--muted);background:#ffffffc2;border:1px solid #006d6829;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;font-weight:850;display:flex}.hero-command-line svg{width:17px;height:17px;color:var(--hero-accent)}.hero-launch-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hero-launch-stack button,.hero-launch-stack a{min-width:0;min-height:70px;color:var(--hero-ink);text-align:left;background:#ffffffd1;border:1px solid #006d6829;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;padding:9px;text-decoration:none;display:grid}.hero-launch-stack button:hover,.hero-launch-stack button:focus-visible,.hero-launch-stack a:hover,.hero-launch-stack a:focus-visible{background:#fff;border-color:#006d687a;transform:translateY(-1px)}.hero-launch-stack svg{width:20px;height:20px;color:var(--hero-accent);grid-row:1/span 2}.hero-launch-stack strong{color:var(--hero-ink);font-size:.82rem;line-height:1.2}.hero-launch-stack span{color:var(--hero-muted);font-size:.72rem;font-weight:850;line-height:1.25}.hero-project-state-card{background:linear-gradient(135deg,#006d681a,#2d6cdf0f),#ffffffd1;border:1px solid #006d6833;border-radius:10px;grid-template-columns:minmax(150px,1.05fr) minmax(210px,1.4fr) minmax(150px,.95fr);align-items:stretch;gap:8px;padding:9px;display:grid}.hero-project-state-card>div:first-child,.hero-project-state-card dl,.hero-project-state-card button{background:#ffffffbd;border:1px solid #006d6824;border-radius:8px;min-width:0}.hero-project-state-card>div:first-child{align-content:center;gap:2px;padding:8px;display:grid}.hero-project-state-card>div:first-child span{color:var(--hero-accent);font-size:.7rem;font-weight:950}.hero-project-state-card>div:first-child strong{color:var(--hero-ink);font-size:.82rem;line-height:1.25}.hero-project-state-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:7px;display:grid}.hero-project-state-card dl div{gap:2px;min-width:0;display:grid}.hero-project-state-card dt,.hero-project-state-card dd{margin:0}.hero-project-state-card dt{color:var(--hero-muted);font-size:.66rem;font-weight:900}.hero-project-state-card dd{color:var(--hero-ink);font-size:.82rem;font-weight:950;line-height:1.2}.hero-project-state-card button{color:var(--hero-ink);text-align:left;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:.75rem;font-weight:950;display:inline-flex}.hero-project-state-card button:hover,.hero-project-state-card button:focus-visible{background:#fff;border-color:#006d6870;transform:translateY(-1px)}.hero-project-state-card button svg{width:17px;height:17px;color:var(--hero-accent);flex:none}.hero-project-state-card[data-readiness=blocked] dl div:nth-child(2) dd{color:var(--state-warning)}.hero-actions svg{width:18px;height:18px}.hero-mobile-glossary-action{display:none!important}.hero-actions button:hover,.hero-actions a:hover{transform:translateY(-1px)}.hero-highlights{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.hero-workflow-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:880px;margin-top:22px;display:grid}.hero-workflow-cards button{border:1px solid var(--hero-card-border);min-width:0;color:var(--hero-ink);cursor:pointer;text-align:left;background:linear-gradient(#ffffffd1,#ffffffa3),#ffffffb8;border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:4px 9px;padding:11px;display:grid}.hero-workflow-cards button:hover,.hero-workflow-cards button:focus-visible{background:#edfdfafa;border-color:#006d687a;transform:translateY(-1px)}.hero-workflow-cards svg{width:22px;height:22px;color:var(--hero-accent);grid-row:1/span 2}.hero-workflow-cards strong{color:var(--hero-ink);font-size:.86rem}.hero-highlights span{border:1px solid var(--hero-card-border);color:var(--hero-accent);background:#009f8d14;border-radius:6px;padding:8px 10px;font-size:.86rem;font-weight:900}.hero-workflow-cards span{color:var(--hero-muted);background:0 0;border:0;padding:0;font-size:.76rem;font-weight:800}.hero-start-board{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.hero-start-board button{border:1px solid var(--hero-card-border);min-width:0;min-height:36px;color:var(--hero-ink);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffffd1,#ffffff9e),linear-gradient(135deg,#009f8d14,#2d6cdf0d);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 22px #0b172314}.hero-start-board button:hover,.hero-start-board button:focus-visible{border-color:#006d687a;transform:translateY(-2px);box-shadow:0 20px 42px #0b17231f}.hero-start-board svg{width:17px;height:17px;color:var(--hero-accent)}.hero-start-board span{display:none}.hero-start-board strong{color:var(--hero-ink);white-space:nowrap;font-size:.78rem;line-height:1.2}@media (width<=760px){.hero-start-board{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hero-start-board button{border-radius:10px;justify-content:flex-start}.hero-start-board strong{white-space:normal}}.hero-preview-stack{color:#e8fffb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05121ac7;border:1px solid #8fe2d43d;border-radius:8px;gap:4px;max-width:min(270px,100% - 28px);padding:10px 12px;display:grid;position:absolute;top:14px;right:14px}.hero-preview-stack strong{color:#fff;font-size:.82rem}.hero-preview-stack small{color:#ffffffc2;font-size:.78rem;font-weight:800;line-height:1.45}.hero-product-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff21,#ffffff12),linear-gradient(90deg,#8fe2d414 1px,#0000 1px) 0 0/24px 24px;border:1px solid #ffffff2e;border-radius:10px;align-content:start;gap:14px;min-height:100%;padding:clamp(16px,2vw,22px);display:grid}.hero-tool-preview{cursor:pointer;color:#fff;text-align:left;background:linear-gradient(#ffffff24,#ffffff0f),radial-gradient(circle at 18% 20%,#8fe2d438,#0000 28%),#06131a33;border:1px solid #ffffff2e;border-radius:10px;gap:12px;min-height:310px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 52px #0003}.hero-tool-preview:hover{border-color:#8fe2d46b;box-shadow:0 26px 56px #0000003d}.hero-screen-preview{cursor:pointer;text-align:left;opacity:0;pointer-events:none;background:#030c126b;border:1px solid #8fe2d43d;border-radius:10px;grid-area:1/1;min-height:0;padding:0;transition:opacity .52s,transform .52s,border-color .16s;display:block;position:relative;overflow:hidden;transform:translate(18px)scale(.985);box-shadow:0 26px 58px #00000042}.hero-preview-carousel{aspect-ratio:16/7.2;min-height:0;display:grid;position:relative}.hero-screen-preview[data-active=true]{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.hero-screen-preview:hover{border-color:#8fe2d480}.hero-screen-preview img{object-fit:contain;object-position:center;background:#eef6f8;width:100%;height:100%;min-height:0;display:block}.hero-sample-screen{background-color:#0209108a;background-image:linear-gradient(#8fe2d414 1px,#0000 1px),linear-gradient(90deg,#8fe2d414 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;gap:12px;min-height:100%;padding:16px;display:grid}.hero-sample-toolbar,.hero-cloud-review{flex-wrap:wrap;gap:8px;display:flex}.hero-sample-toolbar span,.hero-cloud-review span{color:#e8fffb;background:#8fe2d41a;border:1px solid #8fe2d438;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:950}.hero-cloud-region{background:#0c222db8;border:1px solid #8fe2d43d;border-radius:12px;gap:10px;min-height:260px;padding:12px;display:grid}.hero-cloud-region>strong{color:#e8fffb;border:1px solid #8fe2d43d;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.78rem}.hero-cloud-vpc{background:#1c374ea8;border:1px solid #6ea8ff47;border-radius:10px;gap:10px;padding:12px;display:grid}.hero-cloud-vpc>span{color:#bfe7ff;width:fit-content;font-size:.78rem;font-weight:950}.hero-cloud-az{color:#e8fffb;background:#0411196b;border:1px solid #8fe2d42e;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px;display:grid}.hero-cloud-az b,.hero-cloud-az em,.hero-cloud-az i{font-size:.76rem;font-style:normal;font-weight:900}.hero-cloud-az em{color:#ffffffad}.hero-cloud-az i{color:#fff;background:#8fe2d421;border-radius:7px;padding:5px 7px}.hero-screen-preview span{color:#e8fffb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05121ad1;border:1px solid #8fe2d447;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:.86rem;font-weight:950;display:inline-flex;position:absolute;bottom:14px;left:14px}.hero-screen-preview svg{color:#8fe2d4;width:17px;height:17px}.hero-preview-controls{z-index:3;gap:6px;display:flex;position:absolute;bottom:16px;right:14px}.hero-preview-controls button{color:#ffffffc2;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05121ab8;border:1px solid #8fe2d447;border-radius:999px;min-height:28px;padding:4px 8px;font-size:.72rem;font-weight:950}.hero-preview-controls button[data-active=true]{color:#07131f;background:#8fe2d4;border-color:#8fe2d4b8}.hero-tool-preview.physical{align-content:start;min-height:310px}.hero-preview-label{color:#e8fffb;background:#07131f6b;border:1px solid #8fe2d438;border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:7px 10px;font-size:.86rem;font-weight:950;display:inline-flex}.hero-preview-label svg{color:#8fe2d4;width:17px;height:17px}.hero-preview-canvas{background-color:#0209105c;background-image:linear-gradient(#8fe2d414 1px,#0000 1px),linear-gradient(90deg,#8fe2d414 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #8fe2d42e;border-radius:8px;min-height:238px;position:relative}.preview-node{z-index:2;color:#f4fffd;background:#0f2530f0;border:1px solid #8fe2d480;border-radius:8px;justify-content:center;align-items:center;min-width:64px;min-height:38px;font-size:.76rem;font-weight:950;display:inline-flex;position:absolute;box-shadow:0 14px 30px #0000003d}.preview-cloud{top:22px;left:8%}.preview-fw{top:96px;left:34%}.preview-core{top:40px;right:10%}.preview-seg{bottom:28px;right:14%}.preview-link{z-index:1;transform-origin:0;background:linear-gradient(90deg,#8fe2d4,#8fe2d447);height:2px;position:absolute}.link-a{width:28%;top:72px;left:23%;transform:rotate(23deg)}.link-b{width:29%;top:78px;left:49%;transform:rotate(-18deg)}.link-c{width:29%;top:139px;left:52%;transform:rotate(33deg)}.hero-preview-rack{background-color:#02091057;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #8fe2d42e;border-radius:8px;gap:10px;padding:16px;display:grid}.hero-preview-rack span{background:linear-gradient(90deg,#8fe2d429,#ffffff12),repeating-linear-gradient(90deg,#0000 0 13px,#ffffff24 13px 16px);border:1px solid #8fe2d452;border-left:5px solid #8fe2d4;border-radius:7px;height:38px;display:block}.hero-preview-note{color:#ffffffc7;background:#8fe2d421;border-radius:999px;justify-self:start;padding:7px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.hero-product-brand{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.hero-product-brand strong{color:#fff;font-size:1.22rem;display:block}.hero-product-brand span{color:#ffffffb8;font-size:.84rem;font-weight:800}.hero-pipeline{gap:8px;display:grid}.hero-pipeline span{color:#f5fbfb;background:#06131a3d;border:1px solid #8fe2d42e;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:9px 11px;font-size:.88rem;font-weight:900;display:flex}.hero-pipeline svg{color:#8fe2d4;width:19px;height:19px}.policy-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff2e;border-left:5px solid #8fe2d4;border-radius:8px;align-items:flex-start;gap:12px;min-height:118px;padding:18px;display:flex}.policy-box svg,.panel-heading svg,.tool-card svg,.icon-button svg{flex:none;width:22px;height:22px}.policy-box p{color:#ffffffdb;margin:0;font-weight:700}.network-pack-stage{border:1px solid var(--border-accent);background:linear-gradient(#006d680b 1px, transparent 1px), linear-gradient(90deg, #006d680b 1px, transparent 1px), linear-gradient(135deg, var(--surface-tinted), var(--surface) 52%, #eef6ffe0);box-shadow:var(--shadow-card);background-size:28px 28px,28px 28px,auto;border-radius:16px;grid-template-columns:minmax(300px,.36fr) minmax(0,.64fr);align-items:stretch;gap:14px;margin-top:16px;padding:clamp(14px,1.8vw,22px);scroll-margin-top:92px;display:grid}.network-pack-stage-main{background:var(--surface);border-radius:8px;align-content:center;gap:10px;padding:clamp(16px,2vw,24px);display:grid}.network-pack-stage-main h2{max-width:620px;color:var(--ink);font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.12}.network-pack-stage-main p:not(.eyebrow){color:var(--muted);margin:0;font-size:.94rem;font-weight:800;line-height:1.58}.network-pack-decision-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.network-pack-decision-strip span{color:var(--muted);background:linear-gradient(#ffffffdb,#edfdfab8),linear-gradient(135deg,#009f8d14,#2d6cdf0a);border:1px solid #006d6829;border-radius:12px;gap:2px;padding:9px 10px;font-size:.8rem;font-weight:850;line-height:1.42;display:grid}.network-pack-decision-strip strong{color:var(--ink);font-size:.82rem;font-weight:950}.network-pack-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.network-pack-actions button,.network-pack-actions a{cursor:pointer;border:1px solid #006d683d;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:9px 14px;font-weight:900;text-decoration:none;display:inline-flex}.network-pack-actions button{background:var(--teal-dark);color:#fff}.network-pack-actions button:nth-of-type(2),.network-pack-actions button:nth-of-type(3),.network-pack-actions a{color:var(--teal-dark);background:#fff}.network-pack-phase-overview{grid-template-columns:1fr;align-content:center;gap:8px;display:grid}.network-pack-phase-overview article{background:linear-gradient(#ffffffd6,#edfdfaa8),linear-gradient(135deg,#2d6cdf0f,#2d6cdf00);border:1px solid #006d6829;border-radius:14px;align-content:start;gap:6px;min-height:0;padding:11px 12px;display:grid;box-shadow:0 14px 32px #0b172314}.network-pack-phase-overview strong{color:var(--ink);font-size:.95rem}.network-pack-phase-overview p{color:var(--muted);margin:0;font-size:.8rem;font-weight:850;line-height:1.42}.network-pack-flow-drawer{background:#ffffffb8;border:1px solid #006d6824;border-radius:12px;grid-column:1/-1;gap:10px;padding:10px;display:grid}.network-pack-flow-drawer summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:42px;list-style:none;display:flex}.network-pack-flow-drawer summary::-webkit-details-marker{display:none}.network-pack-flow-drawer summary span{background:var(--teal-dark);color:#fff;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:950}.network-pack-flow-drawer summary strong{color:var(--ink);font-size:.9rem}.network-pack-flow-drawer[open]{background:#ffffffe6}.network-pack-flow-drawer:not([open]) .network-pack-decision-strip,.network-pack-flow-drawer:not([open]) .network-pack-flow{display:none}.network-pack-flow-drawer[open] .network-pack-decision-strip{margin-top:8px}.network-pack-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.network-pack-step{border:1px solid var(--border-accent);background:var(--surface-raised);min-height:112px;color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:6px 10px;padding:11px;display:grid;position:relative;box-shadow:0 14px 28px #10182012}.network-pack-step:hover,.network-pack-step:focus-visible{border-color:#006d687a;transform:translateY(-1px)}.network-pack-step svg{width:24px;height:24px;color:var(--teal-dark);grid-row:1/span 2}.network-pack-step-number{width:28px;height:28px;color:var(--teal-dark);background:#006d681a;border-radius:999px;justify-content:center;align-items:center;font-size:.82rem;font-weight:900;display:inline-flex;position:absolute;top:12px;right:12px}.network-pack-step strong{color:var(--ink);grid-column:2;font-size:.9rem}.network-pack-step-phase{color:var(--teal-dark);text-transform:uppercase;background:#009f8d14;border:1px solid #006d6829;border-radius:999px;grid-column:2;justify-self:start;padding:2px 7px;font-size:.7rem;font-weight:950}.network-pack-step small{color:var(--muted);grid-column:1/-1;font-size:.75rem;font-weight:800;line-height:1.4}.network-pack-step-meta{flex-wrap:wrap;grid-column:1/-1;gap:6px;margin-top:2px;display:flex}.network-pack-step-meta span{color:var(--teal-dark);background:#006d6814;border:1px solid #006d6829;border-radius:999px;padding:4px 7px;font-size:.72rem;font-weight:950}.network-pack-step em{background:var(--line-strong);color:#fff;border-radius:6px;grid-column:1/-1;place-self:end start;margin-top:2px;padding:6px 9px;font-size:.76rem;font-style:normal;font-weight:950}.network-pack-products{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;gap:12px;display:grid}.network-pack-products article{background:linear-gradient(#fffffff5,#edfdfae0),linear-gradient(135deg,#006d681a,#006d6800 42%);border:1px solid #006d6838;border-radius:8px;align-content:start;gap:10px;min-width:0;min-height:248px;padding:16px;display:grid;box-shadow:0 18px 38px #1018201a}.network-pack-product-head{align-items:center;gap:8px;display:flex}.network-pack-product-icon{background:var(--line-strong);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.network-pack-product-icon svg{width:19px;height:19px}.network-pack-product-head>span:last-child{color:var(--teal-dark);text-transform:uppercase;font-size:.72rem;font-weight:950}.network-pack-products strong{color:var(--ink);font-size:1.12rem}.network-pack-products p,.network-pack-products small{color:var(--muted);margin:0;font-weight:850;line-height:1.55}.network-pack-products button{background:var(--teal-dark);color:#fff;cursor:pointer;border:1px solid #006d683d;border-radius:6px;place-self:end start;min-height:38px;padding:6px 10px;font-size:.82rem;font-weight:900}.network-pack-decision{background:linear-gradient(135deg,#eef6ffeb,#ffffffdb);border:1px solid #2d6cdf2e;border-radius:8px;gap:10px;padding:14px;display:grid}.network-pack-decision>strong{color:var(--ink);font-size:1rem}.network-pack-decision>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.network-pack-decision button{min-width:0;min-height:108px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #006d682e;border-radius:8px;gap:7px;padding:9px;display:grid}.network-pack-decision button:hover,.network-pack-products button:hover{transform:translateY(-1px)}.network-pack-decision span{color:var(--ink);font-size:.84rem;font-weight:950}.network-pack-decision p{color:var(--muted);margin:0;font-size:.78rem;font-weight:800;line-height:1.45}.network-pack-decision small{color:var(--teal-dark);font-size:.74rem;font-weight:900;line-height:1.35}.network-pack-support{border-top:1px solid #006d681f;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding-top:12px;display:flex}.network-pack-support span,.network-pack-support button{border-radius:999px;min-height:34px;font-size:.8rem;font-weight:900}.network-pack-support span{color:var(--muted);align-items:center;display:inline-flex}.network-pack-support button{color:var(--teal-dark);cursor:pointer;background:#fffc;border:1px solid #006d6833;padding:7px 11px}.network-pack-support button:hover,.network-pack-support button:focus-visible{background:#fff;border-color:#006d6880}.tool-finder{border:1px solid var(--card-state-border);border-radius:var(--radius-panel);background:var(--card-state-bg);box-shadow:var(--card-state-shadow);background-size:auto,24px 24px;gap:12px;margin-top:18px;padding:16px;scroll-margin-top:92px;display:grid}.tool-finder-primary{margin-top:12px}.support-finder{background:var(--surface-soft);box-shadow:var(--shadow-card);padding:10px}.support-finder-drawer{gap:12px;display:grid}.support-finder-drawer>summary{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-height:74px;padding:10px 12px;list-style:none;display:flex}.support-finder-drawer>summary::-webkit-details-marker{display:none}.support-finder-drawer>summary>div{gap:4px;min-width:0;display:grid}.support-finder-drawer>summary .eyebrow{margin:0}.support-finder-drawer>summary strong{color:var(--ink);font-size:clamp(1rem,.88rem + .5vw,1.28rem);line-height:1.25}.support-finder-drawer>summary span{color:var(--muted);font-size:.86rem;font-weight:850}.support-finder-drawer>summary small{background:var(--teal-dark);color:#fff;border-radius:999px;flex:none;padding:8px 11px;font-size:.8rem;font-weight:950}.support-finder-drawer[open]>summary{border-bottom:1px solid #006d681f}.support-finder-drawer:not([open]) .support-route-grid{display:none}.support-finder-drawer[open] .support-route-grid{margin:2px 4px 4px}.tool-finder-intro{border-bottom:1px solid #1724321a;grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);align-items:end;gap:12px 22px;min-width:0;padding-bottom:10px;display:grid}.tool-finder-intro .eyebrow{margin-bottom:4px}.tool-finder-intro h2{color:var(--ink);font-size:clamp(1.28rem,1rem + 1vw,2rem)}.tool-finder-route-note{gap:10px;display:grid}.tool-finder-route-note p{color:var(--muted);margin:0;font-size:.92rem;font-weight:800;line-height:1.7}.tool-finder-glossary-link{color:var(--teal-dark);background:#009f8d14;border:1px solid #006d6833;border-radius:999px;justify-self:start;padding:6px 10px;font-size:.8rem;font-weight:950;text-decoration:none}.tool-finder-route-chips,.tool-library-summary-tags{flex-wrap:wrap;gap:7px;display:flex}.tool-finder-route-chips span,.tool-library-summary-tags span{color:var(--teal-dark);background:#009f8d14;border:1px solid #006d682e;border-radius:999px;padding:5px 8px;font-size:.76rem;font-weight:950}@media (width<=680px){.hero-side{display:none!important}.topbar-nav-panel{width:auto;min-width:0;max-width:none;max-height:calc(100vh - 84px);position:fixed;top:64px;left:12px;right:12px}.topbar-nav-panel-tools,.topbar-nav-panel-groups{grid-template-columns:1fr}}.support-route-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.support-route-card{border:1px solid var(--card-support-border);border-radius:var(--radius-card);background:var(--card-support-bg);min-width:0;min-height:142px;color:var(--ink);box-shadow:var(--card-support-shadow);align-content:start;display:grid;overflow:hidden}.support-route-card summary,.support-route-link{cursor:pointer;gap:8px;min-height:142px;padding:16px;text-decoration:none;list-style:none;display:grid}.support-route-card summary::-webkit-details-marker{display:none}.support-route-card span{color:var(--teal-dark);text-transform:uppercase;font-size:.76rem;font-weight:950}.support-route-card strong{color:var(--ink);font-size:1.02rem;line-height:1.35}.support-route-card small{color:var(--teal-dark);background:#006d6817;border-radius:999px;place-self:end start;padding:6px 9px;font-size:.78rem;font-weight:900}.support-route-card[open]{grid-column:1/-1}.support-route-card[open] summary{border-bottom:1px solid #006d681f;min-height:auto}.support-route-card:not([open]) .tool-filters,.support-route-card:not([open]) .purpose-nav,.support-route-card:not([open]) .recent-tools{display:none}.support-route-card .tool-filters,.support-route-card .purpose-nav,.support-route-card .recent-tools{margin:14px}.support-route-card .purpose-nav+.recent-tools{margin-top:0}.tool-finder-head,.tool-controls,.active-tool-summary{align-items:center;gap:12px;display:grid}.tool-finder-head{grid-template-columns:minmax(0,1fr) auto}.tool-finder-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.tool-finder-head .eyebrow,.active-tool-summary .eyebrow{margin-bottom:4px}.tool-finder-subtitle{color:var(--ink);font-size:clamp(1.02rem,.96rem + .36vw,1.3rem);font-weight:950;line-height:1.25;display:block}.tool-finder-lead{max-width:720px;color:var(--muted);margin:6px 0 0;font-size:.92rem;font-weight:800}.tool-finder-eyebrow{width:fit-content;color:var(--teal-dark);margin-top:8px;font-size:.72rem;font-weight:950;line-height:1.2;display:inline-flex}.tool-finder-head span,.active-tool-summary>span:last-child,.active-tool-actions>span{background:var(--line-strong);color:#fff;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-weight:900;display:inline-flex}.tool-directory-link,.tool-detail-link,.detail-tool-button{min-height:38px;color:var(--teal-dark);white-space:nowrap;background:#fff;border:1px solid #006d683d;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:.82rem;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #10182012}.tool-directory-link:hover,.tool-detail-link:hover,.detail-tool-button:hover{background:#edfdfa;border-color:#006d68b8}.tool-directory-link svg,.detail-tool-button svg{width:17px;height:17px}.glossary-entry-strip{background:linear-gradient(135deg,#f5fffd 0%,#fff 64%);border:1px solid #006d6833;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.glossary-entry-strip>div{gap:4px;display:grid}.glossary-entry-strip strong{color:var(--teal-dark);font-size:1.05rem}.glossary-entry-strip span{color:var(--muted);font-size:.9rem;font-weight:700}.glossary-entry-strip a{background:var(--teal-dark);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-weight:900;text-decoration:none;display:inline-flex}.glossary-entry-strip a svg{width:17px;height:17px}.tool-controls{grid-template-columns:minmax(260px,1fr) minmax(320px,auto)}.featured-tool-launcher{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.featured-tool-launcher button,.featured-tool-launcher a{min-height:86px;color:var(--ink);cursor:pointer;text-align:left;background:#fffffff0;border:1px solid #1724321c;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:4px 10px;padding:11px;text-decoration:none;display:grid;box-shadow:0 12px 26px #10182014}.featured-tool-launcher button:hover,.featured-tool-launcher button:focus-visible,.featured-tool-launcher a:hover,.featured-tool-launcher a:focus-visible{background:#fff;border-color:#006d689e;transform:translateY(-1px)}.featured-tool-launcher .tool-icon{border-radius:8px;grid-row:1/span 2;width:36px;height:36px}.featured-tool-launcher strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:950;overflow:hidden}.featured-tool-launcher small{color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:900;overflow:hidden}.tool-overview{border-top:1px solid #1724321a;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.tool-overview span,.tool-overview strong{border-radius:999px;align-items:center;min-height:30px;padding:5px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.tool-overview span{color:var(--muted);padding-left:0}.tool-overview strong{color:var(--teal-dark);background:#009f8d14;border:1px solid #006d682e}.tool-filter-more{border-top:1px solid #1724321a;padding-top:10px;display:grid}.tool-filter-more>summary{min-height:38px;color:var(--ink);cursor:pointer;background:#ffffffa3;border:1px solid #006d6829;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;padding:7px 10px;list-style:none;display:flex}.tool-filter-more>summary::-webkit-details-marker{display:none}.tool-filter-more>summary span{color:var(--muted);font-size:.78rem;font-weight:900}.tool-filter-more>summary strong{color:var(--teal-dark);font-size:.8rem;font-weight:950}.tool-filter-more[open]>summary{background:#009f8d14;border-color:#006d6857}.tool-filter-more:not([open])>:not(summary){display:none}.tool-filter-more .tool-overview{margin-top:10px}.tool-quick-starts{border-top:1px solid #1724321a;gap:12px;padding-top:14px;display:grid}.tool-quick-starts span{color:var(--ink);font-size:.82rem;font-weight:900;display:block}.tool-quick-starts p{color:var(--muted);margin:4px 0 0;font-size:.82rem;font-weight:700;line-height:1.55}.tool-quick-start-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.tool-quick-start-grid a{min-height:88px;color:inherit;background:#ffffffeb;border:1px solid #006d6829;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:4px 10px;padding:12px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.tool-quick-start-grid a:hover{border-color:#006d6857;transform:translateY(-1px);box-shadow:0 14px 28px #1724321a}.tool-quick-start-grid svg{width:24px;height:24px;color:var(--teal-dark);grid-row:span 2}.tool-quick-start-grid strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:900;overflow:hidden}.tool-quick-start-grid small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.76rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.tool-search-label{position:relative}.inline-reset-button{min-height:34px;color:var(--teal-dark);background:#009f8d14;border:1px solid #006d6838;border-radius:999px;justify-self:start;padding:7px 12px;font-size:.78rem;font-weight:900}.inline-reset-button:hover{background:#009f8d24;border-color:#006d6880}.tool-grid{gap:16px;margin-top:14px;display:grid}.tool-library-section{margin-top:16px}.tool-library-drawer{border:1px solid var(--border-subtle);background:linear-gradient(#006d6809 1px, transparent 1px), linear-gradient(90deg, #006d6809 1px, transparent 1px), linear-gradient(180deg, #ffffffdb, var(--surface-soft));box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-size:26px 26px,26px 26px,auto;border-radius:14px}.tool-library-summary{border-bottom:1px solid #1724321a;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.tool-library-summary>div{gap:6px;display:grid}.tool-library-summary span{color:var(--teal-dark);text-transform:uppercase;font-size:.76rem;font-weight:950}.tool-library-summary strong{color:var(--ink);font-size:1rem}.tool-library-summary p{max-width:720px;color:var(--muted);margin:0;font-size:.82rem;font-weight:800;line-height:1.55}.tool-library-summary small{color:var(--teal-dark);white-space:nowrap;background:#009f8d14;border:1px solid #006d682e;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}.tool-library-drawer .tool-grid{padding:0 14px 16px}.tool-library-empty-guide{color:var(--muted);background:#ffffff52;border-top:1px solid #006d681f;gap:4px;margin:0;padding:10px 16px;display:grid}.tool-library-empty-guide strong{color:var(--ink);font-size:.88rem}.tool-library-empty-guide p{margin:0;font-size:.78rem;font-weight:800;line-height:1.45}.tool-category-section{gap:12px;display:grid}.tool-category-heading{border:1px solid var(--border-subtle);background:linear-gradient(135deg, var(--surface), var(--surface-soft)), linear-gradient(90deg, #006d6814 1px, transparent 1px);background-size:auto,24px 24px;border-radius:12px;grid-template-columns:minmax(220px,auto) minmax(0,1fr);align-items:center;gap:8px 18px;padding:11px 14px;display:grid}.tool-category-heading .eyebrow{margin-bottom:3px}.tool-category-heading h3{margin:0;font-size:1.08rem}.tool-category-heading p:last-child{color:var(--muted);margin:0;font-size:.86rem;font-weight:800}.tool-category-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:1fr;align-items:stretch;gap:10px;display:grid}.category-tabs{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.category-tab{color:#35414d;background:#ffffffd6;border:1px solid #17243224;border-radius:999px;min-height:40px;padding:8px 16px;font-weight:900;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;box-shadow:0 10px 24px #10182012}.category-tab:hover,.category-tab.active{background:var(--line-strong);color:#fff;border-color:#006d68b8;transform:translateY(-1px);box-shadow:0 14px 30px #10182021}.tool-card{width:100%;height:100%;min-height:214px;color:var(--ink);text-align:left;box-shadow:var(--shadow-card);cursor:pointer;background:linear-gradient(#fffffffa,#f8fcfce6),linear-gradient(135deg,#009f8d14,#009f8d00 38%);border:1px solid #1724321c;border-radius:14px;grid-template-rows:auto auto minmax(2.4em,1fr) auto;grid-template-columns:38px minmax(0,1fr);gap:7px 10px;padding:12px 44px 42px 12px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;overflow:hidden}.tool-card:before{background:linear-gradient(90deg, var(--teal), var(--blue), var(--amber));opacity:.72;content:"";height:3px;position:absolute;inset:0 0 auto}.tool-card-shell{min-height:214px;display:grid;position:relative}.favorite-button{z-index:2;width:32px;height:32px;color:var(--muted);background:#ffffffeb;border:1px solid #17243224;border-radius:999px;place-items:center;display:inline-grid;position:absolute;top:9px;right:9px;box-shadow:0 10px 24px #10182014}.favorite-button:hover,.favorite-button.active{color:#a87000;background:#fff7df;border-color:#e0a63ac2}.favorite-button svg{fill:currentColor;width:18px;height:18px}.tool-detail-link{z-index:3;border-radius:999px;min-height:32px;padding:6px 10px;font-size:.76rem;position:absolute;bottom:9px;right:9px}.empty-state{border:1px dashed var(--line);color:var(--muted);background:#ffffffb8;border-radius:8px;grid-column:1/-1;gap:8px;margin:0;padding:18px;font-weight:800;display:grid}.empty-state strong{color:var(--ink)}.empty-state p{margin:0}.tool-card:hover{border-color:#009f8d8f;transform:translateY(-3px);box-shadow:0 24px 58px #10182026}.tool-card.active{background:linear-gradient(#fff 0%,#edfdfa 100%),radial-gradient(circle at 100% 0,#e0a63a24,#0000 34%);border-color:#006d68cc;box-shadow:inset 0 0 0 2px #006d689e,0 22px 54px #006d682e}.tool-card.active:after{background:linear-gradient(90deg, var(--teal), var(--amber));content:"";border-radius:4px;height:4px;position:absolute;inset:auto 14px 12px}.tool-icon{background:linear-gradient(135deg, var(--line-strong), #29455f), linear-gradient(90deg, #ffffff1f, transparent);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:inline-grid;box-shadow:0 12px 26px #10182029}.tool-card strong,.tool-main-tag,.tool-card p,.engineer-tags{grid-column:2}.tool-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.96rem;display:-webkit-box;overflow:hidden}.tool-main-tag{color:var(--blue);justify-self:start;font-size:.78rem;font-weight:800}.tool-card p{color:#53606d;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 8px;font-size:.84rem;line-height:1.45;display:-webkit-box;overflow:hidden}.engineer-tags,.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tool-card .engineer-tags{align-self:end;min-height:26px;max-height:52px;overflow:hidden}.quick-picks{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.purpose-nav{border-top:1px solid #1724321a;gap:12px;padding-top:14px;display:grid}.purpose-nav-heading{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.purpose-nav-heading .eyebrow{margin:0}.purpose-nav-heading strong{color:var(--line-strong);font-size:1.05rem}.purpose-nav-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;display:grid}.purpose-card{min-width:0;box-shadow:var(--shadow-card);background:linear-gradient(#ffffffe6,#f9fdfcc2),linear-gradient(135deg,#2d6cdf14,#2d6cdf00 40%);border:1px solid #1724321a;border-radius:14px;align-content:start;gap:10px;padding:12px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.purpose-card:hover{border-color:#006d6847;transform:translateY(-2px);box-shadow:0 24px 56px #1018201f}.purpose-card strong{color:var(--line-strong);font-size:.98rem;display:block}.purpose-card p{color:var(--muted);margin:4px 0 0;font-size:.82rem;font-weight:800}.purpose-workflow-link{color:var(--teal-dark);background:#edfdfaeb;border:1px solid #1724321f;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:7px 9px;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.purpose-workflow-link svg{width:14px;height:14px}.purpose-workflow-link:hover{background:#fff;border-color:#006d689e;transform:translateY(-1px)}.purpose-shortcut-flow{background:linear-gradient(135deg,#edfdfaf5,#ffffffdb);border:1px solid #0f766e2e;border-radius:12px;gap:7px;margin-top:10px;padding:9px;display:grid}.purpose-shortcut-flow>span{color:var(--line-strong);font-size:.78rem;font-weight:900}.tool-search-assist{border-top:1px solid #1724321a;gap:12px;padding-top:14px;display:grid}.tool-search-assist-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.tool-search-assist-head span{color:var(--ink);font-size:.82rem;font-weight:900;display:block}.tool-search-assist-head p{color:var(--muted);margin:4px 0 0;font-size:.82rem;font-weight:700;line-height:1.55}.tool-search-assist-categories{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tool-search-assist-categories button{min-height:32px;color:var(--teal-dark);background:#ffffffe0;border:1px solid #006d682e;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.tool-search-assist-categories button.active,.tool-search-assist-categories button:hover{background:#009f8d1f;border-color:#006d686b}.tool-search-assist-categories small{min-width:20px;min-height:20px;color:var(--ink);background:#006d681f;border-radius:999px;justify-content:center;align-items:center;font-size:.68rem;display:inline-flex}.tool-search-assist-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.tool-search-assist-grid a{min-height:72px;color:inherit;background:#ffffffe6;border:1px solid #006d6829;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:10px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.tool-search-assist-grid a:hover{border-color:#006d6857;transform:translateY(-1px);box-shadow:0 14px 28px #1724321a}.tool-search-assist-grid svg{width:22px;height:22px;color:var(--teal-dark)}.tool-search-assist-grid span{gap:3px;min-width:0;display:grid}.tool-search-assist-grid strong,.tool-search-assist-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-search-assist-grid strong{color:var(--ink);font-size:.84rem;font-weight:900}.tool-search-assist-grid small{color:var(--muted);font-size:.74rem;font-weight:800}.purpose-shortcut-steps{flex-wrap:wrap;gap:6px;display:flex}:root[data-theme=dark] .tool-search-assist{border-color:var(--border-subtle)}:root[data-theme=dark] .tool-filter-more{border-top-color:#8fe2d424}:root[data-theme=dark] .tool-filter-more>summary{background:#14242ccc;border-color:#8fe2d433}:root[data-theme=dark] .tool-filter-more>summary span{color:var(--muted)}:root[data-theme=dark] .tool-filter-more>summary strong{color:#8fe2d4}:root[data-theme=dark] .tool-filter-more[open]>summary{background:#8fe2d41a;border-color:#8fe2d46b}:root[data-theme=dark] .tool-search-assist-categories button,:root[data-theme=dark] .tool-search-assist-grid a{background:#14242ceb;border-color:#8fe2d438}:root[data-theme=dark] .tool-search-assist-categories button.active,:root[data-theme=dark] .tool-search-assist-categories button:hover,:root[data-theme=dark] .tool-search-assist-grid a:hover{background:#31c7b524;border-color:#8fe2d46b}:root[data-theme=dark] .tool-search-assist-categories small{color:var(--ink);background:#8fe2d424}:root[data-theme=dark] .tool-search-assist-grid svg{color:#9ff5eb}.purpose-shortcut-steps button,.purpose-shortcut-steps a{max-width:100%;min-height:30px;color:var(--teal-dark);background:#fff;border:1px solid #006d6833;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:.73rem;font-weight:900;text-decoration:none;display:inline-flex}.purpose-shortcut-steps button:hover,.purpose-shortcut-steps a:hover{background:#edfdfa;border-color:#006d68b8;transform:translateY(-1px)}.purpose-shortcut-steps small{background:var(--teal-dark);color:#fff;border-radius:999px;place-items:center;width:16px;height:16px;font-size:.66rem;display:inline-grid}.purpose-tool-list{flex-wrap:wrap;gap:6px;display:flex}.purpose-tool-button{max-width:100%;min-height:32px;color:var(--teal-dark);background:#ffffffd1;border:1px solid #006d6833;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:.76rem;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #1018200f}.purpose-tool-button:hover{background:#edfdfa;border-color:#006d68b8;transform:translateY(-1px)}.purpose-tool-button svg{flex:none;width:14px;height:14px}.purpose-tool-button span{overflow-wrap:anywhere;min-width:0}.incident-workflow-guide{background:linear-gradient(135deg,#edfdfaeb,#fffffff5),radial-gradient(circle at 100% 0,#2d6cdf1a,#0000 34%);border:1px solid #006d6829;border-radius:8px;gap:14px;padding:18px;display:grid;box-shadow:0 16px 34px #10182014}.incident-workflow-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.incident-workflow-heading h2{color:var(--line-strong);margin:2px 0 0;font-size:1.15rem}.incident-workflow-steps{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.incident-workflow-steps li{min-width:0}.incident-workflow-steps button{width:100%;min-height:100%;color:var(--text);text-align:left;background:#ffffffe0;border:1px solid #1724321f;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;display:flex}.incident-workflow-steps li.active button{background:#fff;border-color:#006d68b8;box-shadow:inset 0 0 0 2px #006d681f}.incident-workflow-steps button:hover{border-color:#006d68a3;transform:translateY(-1px)}.workflow-step-index{background:var(--teal);color:#fff;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:.78rem;font-weight:900;display:inline-grid}.incident-workflow-steps strong,.incident-workflow-steps small,.incident-workflow-steps em{overflow-wrap:anywhere;min-width:0;display:block}.incident-workflow-steps strong{color:var(--line-strong);font-size:.86rem}.incident-workflow-steps small{color:var(--teal-dark);margin-top:2px;font-weight:900}.incident-workflow-steps em{color:var(--muted);margin-top:4px;font-size:.76rem;font-style:normal;font-weight:800}.recent-tools{border-top:1px solid #1724321a;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.recent-tools>span{color:var(--muted);font-size:.78rem;font-weight:900}.recent-tool{min-height:34px;color:var(--teal-dark);background:#009f8d14;border:1px solid #006d6833;border-radius:999px;padding:6px 11px;font-size:.78rem;font-weight:900}.recent-tool:hover,.recent-tool.active{background:var(--line-strong);color:#fff;border-color:#006d68b8}.quick-pick{min-height:38px;color:var(--ink);background:#fff;border:1px solid #17243224;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex;box-shadow:0 10px 24px #10182012}.quick-pick:hover,.quick-pick.active{background:#edfdfa;border-color:#006d68b8}.quick-pick strong{font-size:.92rem}.quick-pick span{color:var(--muted);font-size:.78rem;font-weight:800}.tag-filter-button{cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.tag-filter-button:hover,.tag-filter-button:focus-visible{text-decoration:underline}.engineer-tags span,.engineer-tags button,.tag-list span{color:var(--teal-dark);background:#009f8d14;border:1px solid #006d682e;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800}.workbench{gap:14px;display:grid}.active-tool-summary{border:1px solid var(--border-subtle);background:linear-gradient(180deg, var(--surface-raised), var(--surface));box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:46px minmax(0,1fr) minmax(260px,.42fr);padding:16px;scroll-margin-top:18px}.active-tool-summary p{color:var(--muted);margin:4px 0 0;font-weight:700}.active-tool-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:flex-end;align-items:center;gap:8px;display:grid}.active-tool-actions>span,.active-tool-actions .detail-tool-button{grid-column:1/-1}.active-tool-actions small{color:var(--muted);text-align:right;grid-column:1/-1;font-size:.76rem;font-weight:800}.network-design-workbench-guide{border:1px solid var(--border-accent);background:linear-gradient(135deg, var(--surface-tinted), var(--surface));border-radius:10px;grid-template-columns:minmax(0,.95fr) minmax(0,1.45fr);gap:14px;padding:16px;scroll-margin-top:92px;display:grid;box-shadow:0 18px 34px #10182014}.network-design-guide-badge{width:fit-content;color:var(--teal-dark);background:#fff;border:1px solid #006d6838;border-radius:999px;padding:3px 8px;font-size:.74rem;font-weight:950;display:inline-flex}.network-design-guide-materials{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.network-design-guide-materials span{min-height:30px;color:var(--teal-dark);background:#006d6814;border:1px solid #006d682e;border-radius:999px;align-items:center;padding:4px 9px;font-size:.76rem;font-weight:950;display:inline-flex}.network-design-guide-first-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.network-design-guide-first-steps span{color:var(--muted);background:#ffffffb8;border:1px solid #006d6824;border-radius:8px;gap:4px;padding:8px;font-size:.75rem;font-weight:850;line-height:1.35;display:grid}.network-design-guide-first-steps strong{width:20px;height:20px;color:var(--teal-dark);background:#006d681f;border-radius:999px;justify-content:center;align-items:center;font-size:.72rem;display:inline-flex}.network-design-workbench-guide h2{color:var(--ink);margin:10px 0 8px;font-size:1.1rem}.network-design-workbench-guide p{color:var(--muted);margin:0;font-weight:800;line-height:1.6}.network-design-next-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.network-design-next-actions button{min-width:0;min-height:88px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #006d6833;border-radius:8px;gap:6px;padding:11px;display:grid}.design-project-workspace{border:1px solid var(--card-primary-border);border-radius:var(--radius-panel);background:var(--card-primary-bg);box-shadow:var(--card-primary-shadow);gap:14px;margin-top:16px;margin-bottom:18px;padding:16px;scroll-margin-top:92px;display:grid}.design-project-side-panel{right:max(14px, calc((100vw - var(--content-width)) / 2 + 12px));z-index:28;background:#fffffff5;border:1px solid #006d682e;border-radius:10px;gap:8px;width:min(340px,100vw - 28px);padding:10px;display:grid;position:fixed;bottom:16px;box-shadow:0 18px 48px #0b17232e}.design-project-side-panel[data-open=false]{width:min(260px,100vw - 28px)}.design-project-side-panel-head{min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;padding:0;display:grid}.design-project-side-panel-head svg{width:17px;height:17px;color:var(--teal-dark)}.design-project-side-panel-head span{color:var(--muted);font-size:.74rem;font-weight:950}.design-project-side-panel-head strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:950;overflow:hidden}.design-project-side-panel-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.design-project-side-panel-metrics span{min-width:0;color:var(--muted);background:#edfdfab8;border:1px solid #006d6824;border-radius:8px;gap:2px;padding:7px 8px;font-size:.72rem;font-weight:900;display:grid}.design-project-side-panel-metrics b{color:var(--ink);font-size:1.05rem;line-height:1}.design-project-side-panel-body,.design-project-side-panel-body label,.design-project-side-panel-create,.design-project-side-panel-artifacts{gap:8px;min-width:0;display:grid}.design-project-side-panel-body label{color:var(--ink);font-size:.78rem;font-weight:950}.design-project-side-panel-body select,.design-project-side-panel-create input{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:8px;padding:8px 9px}.design-project-side-panel-body p,.design-project-side-panel-artifacts>span{color:var(--muted);margin:0;font-size:.8rem;font-weight:850;line-height:1.5}.design-project-side-panel-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.design-project-side-panel-create{background:#edfdfa8c;border:1px dashed #006d683d;border-radius:8px;padding:9px}.design-project-side-panel-create strong{color:var(--ink);font-size:.82rem}.design-project-side-panel-save-state{background:#f6faffd1;border:1px solid #2d6cdf2e;border-radius:8px;gap:4px;padding:9px;display:grid}.design-project-side-panel-save-state[data-state=ready]{background:#edfdfac7;border-color:#006d6838}.design-project-side-panel-save-state[data-state=blocked]{background:#fff6f2cc;border-color:#b5473238}.design-project-side-panel-save-state strong{color:var(--ink);font-size:.82rem}.design-project-side-panel-save-state span{color:var(--muted);font-size:.76rem;font-weight:850;line-height:1.45}.design-project-limit-card{background:#edfdfab8;border:1px solid #006d682e;border-radius:8px;gap:4px;padding:9px;display:grid}.design-project-limit-card[data-state=blocked]{background:#fff6f2db;border-color:#b547323d}.design-project-limit-card strong{color:var(--ink);font-size:.82rem;font-weight:950}.design-project-limit-card span{color:var(--muted);font-size:.76rem;font-weight:850;line-height:1.45}.design-project-side-panel-create button,.design-project-side-panel-actions button,.design-project-side-panel-artifacts button{min-height:34px;color:var(--teal-dark);cursor:pointer;background:#fff;border:1px solid #006d6833;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 9px;font-size:.78rem;font-weight:950;display:inline-flex}.design-project-side-panel-actions button:first-child,.design-project-side-panel-create button{background:var(--cta-bg);color:#fff}.design-project-side-panel-actions button:disabled{cursor:not-allowed;opacity:.52}.design-project-side-panel-saved{background:#edfdfad1;border:1px solid #006d6838;border-radius:8px;gap:7px;padding:9px;display:grid}.design-project-side-panel-saved>span{color:var(--teal-dark);font-size:.72rem;font-weight:950}.design-project-side-panel-saved strong{color:var(--ink);font-size:.82rem;line-height:1.35}.design-project-side-panel-saved div{flex-wrap:wrap;gap:6px;display:flex}.design-project-side-panel-saved em{color:var(--muted);background:#ffffffad;border:1px solid #006d6829;border-radius:999px;padding:2px 7px;font-size:.7rem;font-style:normal;font-weight:900}.design-project-side-panel-artifacts{border-top:1px solid var(--line);padding-top:8px}.design-project-side-panel-artifacts strong{color:var(--ink);font-size:.82rem}.design-project-side-panel-artifacts button,.design-project-side-panel-saved button{text-align:left;justify-content:stretch;gap:2px;display:grid}.design-project-side-panel-artifacts button span{color:var(--muted);font-size:.68rem}:root[data-theme=dark] .design-project-side-panel{background:#0d1622f5;border-color:#54e6cc38;box-shadow:0 18px 48px #0000006b}:root[data-theme=dark] .design-project-side-panel-metrics span{background:#54e6cc14;border-color:#54e6cc2e}:root[data-theme=dark] .design-project-side-panel-body select,:root[data-theme=dark] .design-project-side-panel-create,:root[data-theme=dark] .design-project-side-panel-create input,:root[data-theme=dark] .design-project-side-panel-save-state,:root[data-theme=dark] .design-project-side-panel-saved,:root[data-theme=dark] .design-project-side-panel-saved em,:root[data-theme=dark] .design-project-side-panel-actions button,:root[data-theme=dark] .design-project-side-panel-saved button,:root[data-theme=dark] .design-project-side-panel-artifacts button{color:var(--ink);background:#ffffff0f}@media (width<=760px){.design-project-side-panel{width:auto;max-height:min(68vh,520px);bottom:10px;left:10px;right:10px;overflow:auto}.design-project-side-panel[data-open=false]{width:auto}.design-project-side-panel-body{max-height:44vh;overflow:auto}}.design-project-workspace[data-collapsed=true]{gap:0;margin-bottom:14px}.design-project-workspace-head,.design-project-workspace-grid,.design-project-project-rail,.design-project-detail-rail,.design-project-actions,.design-project-artifact-types{gap:10px;min-width:0;display:grid}.design-project-workspace-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.design-project-workspace-head-actions{align-items:stretch;gap:10px;display:flex}.design-project-workspace-head>div:first-child>span,.design-project-summary-card>div:first-child>span,.design-project-artifact-types span{border:1px solid var(--line);background:var(--surface-raised);width:fit-content;color:var(--muted);border-radius:999px;padding:3px 8px;font-size:.74rem;font-weight:950;display:inline-flex}.design-project-workspace h2,.design-project-summary-card h3{color:var(--ink);margin:8px 0 6px}.design-project-workspace h2{font-size:1.1rem}.design-project-workspace-cues{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.design-project-workspace-cues span{color:#29455f;background:#2d6cdf0f;border:1px solid #2d6cdf29;border-radius:6px;padding:5px 8px;font-size:.76rem;font-weight:950}.design-project-workspace-flow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.design-project-workspace-flow span{min-height:30px;color:var(--teal-dark);background:#009f8d14;border:1px solid #006d682e;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:950;display:inline-flex}.design-project-workspace-flow strong{background:var(--teal-dark);color:#fff;border-radius:999px;place-items:center;width:20px;height:20px;font-size:.72rem;display:inline-grid}.design-project-workspace-next-step{width:fit-content;max-width:100%;color:var(--muted);background:#009f8d14;border:1px solid #006d682e;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-top:10px;padding:6px 10px;display:inline-grid}.design-project-workspace-next-step span{color:var(--teal-dark);font-size:.72rem;font-weight:950}.design-project-workspace-next-step strong{color:var(--ink);font-size:.82rem;font-weight:950;line-height:1.35}.design-project-summary-card h3{font-size:1rem}.design-project-workspace p,.design-project-empty,.design-project-current-artifact,.design-project-status{color:var(--muted);margin:0;font-weight:800;line-height:1.6}.design-project-empty-guide{background:linear-gradient(#edfdfac7,#ffffffb8),linear-gradient(135deg,#b547320f,#b5473200);border:1px dashed #006d683d;border-radius:12px;gap:10px;padding:12px;display:grid}.design-project-empty-guide>span{width:fit-content;color:var(--teal-dark);background:#009f8d14;border:1px solid #006d682e;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:950}.design-project-empty-guide strong{color:var(--ink);font-size:.94rem}.design-project-empty-steps{gap:7px;margin:0;padding:0;list-style:none;display:grid}.design-project-empty-steps li{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;font-size:.8rem;font-weight:850;line-height:1.55;display:grid}.design-project-empty-steps b{background:var(--teal-dark);color:#fff;border-radius:999px;place-items:center;width:20px;height:20px;font-size:.7rem;display:inline-grid}.design-project-empty-actions{flex-wrap:wrap;gap:8px;display:flex}.design-project-empty-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.design-project-empty-actions button,.design-project-empty-actions a,.design-project-empty-tool-grid button{min-height:34px;color:var(--teal-dark);cursor:pointer;background:#fff;border:1px solid #006d6833;border-radius:8px;justify-content:center;align-items:center;padding:7px 10px;font-size:.8rem;font-weight:950;text-decoration:none;display:inline-flex}.design-project-empty-tool-grid button{text-align:left;background:#006d6814;min-height:38px}.design-project-workspace-metrics{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;grid-template-columns:auto auto;gap:4px 8px;min-width:150px;padding:10px;display:grid}.design-project-workspace-toggle{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);cursor:pointer;border-radius:8px;align-self:stretch;min-width:96px;padding:8px 12px;font-size:.84rem;font-weight:950}.design-project-workspace-toggle:hover,.design-project-workspace-toggle[aria-expanded=true]{color:var(--teal-dark);border-color:#006d6847}.design-project-workspace-metrics strong{color:var(--line-strong);font-size:1.25rem;line-height:1}.design-project-workspace-metrics span{color:var(--muted);font-size:.78rem;font-weight:900}.design-project-workspace-grid{grid-template-columns:minmax(360px,.82fr) minmax(0,1.58fr);align-items:start}@media (width>=1180px){.design-project-workspace{gap:16px;padding:18px}.design-project-dashboard-list{grid-template-columns:1fr}}.design-project-project-rail,.design-project-detail-rail{align-content:start}.design-project-form,.design-project-start-guide,.design-project-active-card,.design-project-summary-card{gap:10px;min-width:0;display:grid}.design-project-start-guide{background:linear-gradient(#edfdfae6,#ffffffc2),linear-gradient(135deg,#2d6cdf0f,#2d6cdf00);border:1px solid #006d682e;border-radius:12px;padding:12px;box-shadow:0 14px 32px #0b172314}.design-project-start-guide>span{width:fit-content;color:var(--teal-dark);background:#009f8d14;border:1px solid #006d682e;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:950}.design-project-start-guide strong{color:var(--ink);font-size:.98rem}.design-project-start-options{gap:10px;display:grid}.design-project-start-option{background:#ffffffb8;border:1px solid #006d6829;border-radius:12px;gap:9px;min-width:0;padding:12px;display:grid}.design-project-start-option[data-primary=true]{background:linear-gradient(#ffffffe6,#f6faffc7),linear-gradient(135deg,#2d6cdf14,#2d6cdf00);border-color:#2d6cdf38}.design-project-start-option>span{color:#29455f;background:#2d6cdf0f;border:1px solid #2d6cdf2e;border-radius:999px;width:fit-content;padding:2px 7px;font-size:.72rem;font-weight:950}.design-project-start-option strong{color:var(--ink);font-size:.94rem}.design-project-form label,.design-project-active-card label{color:var(--ink);gap:5px;font-size:.86rem;font-weight:900;display:grid}.design-project-form input,.design-project-active-card select{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:8px;padding:9px 10px}.design-project-form button,.design-project-sample-button,.design-project-actions button{min-height:38px;color:var(--blue);background:#fff;border:1px solid #2d6cdf38;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-weight:950;display:inline-flex}.design-project-form button{background:var(--cta-bg);color:#fff}.design-project-sample-button{color:var(--teal-dark);background:#006d6814;border-color:#006d6838}.design-project-inline-save{background:linear-gradient(135deg,#edfdfaeb,#ffffffdb);border:1px solid #006d682e;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(220px,auto);align-items:center;gap:12px;padding:12px;display:grid}.design-project-inline-save-head{gap:4px;min-width:0;display:grid}.design-project-inline-save span{width:max-content;color:var(--teal-dark);background:#006d6814;border:1px solid #006d6833;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:950}.design-project-inline-save strong{color:var(--ink);font-size:.94rem}.design-project-inline-save p{color:var(--muted);margin:0;font-size:.78rem;font-weight:850}.design-project-inline-save em{color:#8a3b2b;font-size:.78rem;font-style:normal;font-weight:950}.design-project-inline-save-steps{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.design-project-inline-save-steps li{min-width:0;color:var(--muted);background:#ffffffb8;border:1px solid #006d6824;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:7px 9px;font-size:.76rem;font-weight:900;display:grid}.design-project-inline-save-steps b{width:22px;height:22px;color:var(--teal-dark);background:#006d681a;border-radius:999px;place-items:center;font-size:.74rem;display:inline-grid}.design-project-inline-save-steps li[data-state=done]{color:var(--teal-dark);border-color:#006d6838}.design-project-inline-save-steps li[data-state=current]{color:var(--ink);background:#edfdfaeb;border-color:#006d6857}.design-project-inline-save-steps span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.design-project-inline-save-summary{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.design-project-inline-save-summary div{background:#ffffffad;border:1px solid #2d6cdf24;border-radius:8px;gap:4px;min-width:0;padding:8px 10px;display:grid}.design-project-inline-save-summary span{color:#29455f;background:#2d6cdf0f;border-color:#2d6cdf2e;width:fit-content}.design-project-inline-save-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.design-project-inline-save-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.design-project-inline-save button{background:var(--teal-dark);color:#fff;border:1px solid #006d6847;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-weight:950;display:inline-flex}.design-project-inline-save-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.design-project-inline-save-actions button{min-height:56px;color:var(--teal-dark);text-align:left;background:#fff;align-content:center;justify-items:start;gap:3px;font-size:.78rem;display:grid}.design-project-inline-save-actions button.is-primary{background:#edfdfafa;border-color:#006d685c}.design-project-inline-save-actions button strong{color:inherit;font-size:.82rem}.design-project-inline-save-actions button span{color:var(--muted);font-size:.72rem;font-weight:850}.design-project-inline-save button:disabled{cursor:not-allowed;opacity:.52}.design-project-inline-save svg{width:16px;height:16px}.design-project-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.design-project-actions button:disabled{cursor:not-allowed;opacity:.52}.design-project-actions svg,.design-project-form svg,.design-project-sample-button svg{width:16px;height:16px}.design-project-storage-boundary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.design-project-storage-boundary>div{border:1px solid var(--line);background:var(--surface-raised);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;gap:5px;padding:12px;display:grid;box-shadow:0 14px 32px #0b172314}.design-project-storage-boundary span{width:max-content;color:var(--blue);background:#2d6cdf14;border:1px solid #2d6cdf24;border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:950}.design-project-storage-boundary strong{color:var(--ink);font-size:.9rem}.design-project-storage-boundary p{color:var(--muted);font-size:.78rem}.design-project-sync-preview{color:var(--muted);background:#2d6cdf0d;border:1px dashed #2d6cdf38;border-radius:8px;align-content:start;gap:6px;padding:11px;font-size:.78rem;font-weight:800;display:grid}.design-project-sync-preview select{width:100%;min-height:36px}.design-project-api-preview{background:#ffffffad;border:1px solid #2d6cdf24;border-radius:8px;gap:10px;padding:12px;display:grid}.design-project-api-preview-head,.design-project-api-preview-controls{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.design-project-api-preview summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.design-project-api-preview summary span{color:var(--muted);font-size:.78rem;font-weight:900}.design-project-api-preview summary strong{color:var(--ink);font-size:.9rem}.design-project-api-preview[open] summary{border-bottom:1px solid #2d6cdf1f;padding-bottom:8px}.design-project-api-preview-head{align-items:end}.design-project-api-preview-head>div,.design-project-api-preview-controls label{gap:5px;display:grid}.design-project-api-preview-head span,.design-project-api-preview-controls label{color:var(--muted);font-size:.78rem;font-weight:900}.design-project-api-preview-head strong{color:var(--ink);font-size:.98rem}.design-project-api-preview-head button{justify-self:end;min-height:38px}.design-project-api-preview pre{color:#eef4ff;white-space:pre-wrap;background:#0a101eeb;border:1px solid #0d18301a;border-radius:8px;max-height:260px;padding:12px;font-size:.76rem;line-height:1.55;overflow:auto}.design-project-dashboard{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;gap:10px;padding:12px;display:grid}.design-project-dashboard-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 14px;display:flex}.design-project-dashboard-head>div{gap:3px;display:grid}.design-project-dashboard-head strong{color:var(--ink);font-size:.96rem}.design-project-dashboard-head span,.design-project-dashboard-head p{color:var(--muted);font-size:.78rem}.design-project-dashboard-controls{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.design-project-dashboard-controls label{color:var(--ink);gap:5px;font-size:.8rem;font-weight:950;display:grid}.design-project-dashboard-controls select{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:8px;padding:8px 9px}.design-project-dashboard-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;display:grid}.design-project-dashboard-list button{border:1px solid var(--line);background:var(--surface-raised);min-width:0;color:var(--muted);text-align:left;border-radius:8px;gap:4px;padding:10px;display:grid}.design-project-dashboard-list>p{border:1px dashed var(--line);background:var(--surface-soft);color:var(--muted);border-radius:8px;padding:12px;font-size:.8rem}.design-project-dashboard-list button.is-active{border-color:#006d6857;box-shadow:0 0 0 2px #006d6814}.design-project-dashboard-list span{width:max-content;color:var(--blue);background:#2d6cdf14;border:1px solid #2d6cdf24;border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:950}.design-project-dashboard-list span[data-readiness],.design-project-detail-head span[data-readiness],.design-project-preflight-inline span[data-readiness],.design-project-submission-snapshots summary span[data-readiness]{border-color:var(--state-info-border);background:var(--state-info-bg);color:var(--state-info)}.design-project-dashboard-list span[data-readiness=blocked],.design-project-detail-head span[data-readiness=blocked],.design-project-preflight-inline span[data-readiness=blocked],.design-project-submission-snapshots summary span[data-readiness=blocked]{border-color:var(--state-warning-border);background:var(--state-warning-bg);color:var(--state-warning)}.design-project-dashboard-list span[data-readiness=ready],.design-project-detail-head span[data-readiness=ready],.design-project-preflight-inline span[data-readiness=ready],.design-project-submission-snapshots summary span[data-readiness=ready]{border-color:var(--state-ok-border);background:var(--state-ok-bg);color:var(--state-ok)}.design-project-dashboard-list strong{color:var(--ink);font-size:.9rem}.design-project-dashboard-list small{font-size:.74rem}.design-project-dashboard-list em{color:var(--rust);font-size:.84rem;font-style:normal;font-weight:950}.design-project-summary-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;padding:12px}.design-project-status-control{background:#fff8ebbd;border:1px solid #b5473229;border-radius:8px;gap:6px;padding:10px;display:grid}.design-project-status-control label{color:var(--ink);gap:5px;font-size:.82rem;font-weight:950;display:grid}.design-project-status-control select,.design-project-status-control textarea{min-width:0;color:var(--ink);background:#fff;border:1px solid #b5473238;border-radius:8px;padding:8px 9px}.design-project-status-control textarea{resize:vertical;min-height:74px}.design-project-status-control p{color:#8a3b2b;font-size:.78rem}.design-project-artifact-types{grid-template-columns:repeat(auto-fit,minmax(120px,max-content))}.design-project-detail-tabs{background:#2d6cdf0f;border:1px solid #2d6cdf24;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;display:grid}.design-project-detail-tabs button{min-height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;font-size:.78rem;font-weight:950}.design-project-detail-tabs button[aria-selected=true]{color:var(--blue);background:#fff;border-color:#2d6cdf47;box-shadow:0 8px 18px #10182014}.design-project-status{border-top:1px solid #2d6cdf24;padding-top:10px}.design-project-detail-panel,.design-project-detail-head,.design-project-issue-board,.design-project-review-history,.design-project-artifact-list{gap:10px;min-width:0;display:grid}.design-project-detail-panel{border-top:1px solid #2d6cdf24;padding-top:12px}.design-project-detail-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.design-project-detail-head>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.design-project-detail-head strong{color:var(--ink);font-size:.96rem}.design-project-review-history{background:#ffffff9e;border:1px solid #2d6cdf24;border-radius:8px;padding:10px}.design-project-review-history>strong{color:var(--ink);font-size:.92rem}.design-project-review-history ol{gap:8px;margin:0;padding-left:18px;display:grid}.design-project-review-history li{color:var(--muted)}.design-project-review-history li span{color:var(--ink);margin-right:6px;font-weight:900;display:inline-block}.design-project-review-history time{font-size:.78rem}.design-project-review-history p{margin-top:3px;font-size:.8rem}.design-project-detail-head span,.design-project-artifact-list small{color:var(--muted);font-size:.76rem;font-weight:900}.design-project-issue-board{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.design-project-issue-board article,.design-project-issue-board>p,.design-project-artifact-list details{background:#ffffffb3;border:1px solid #2d6cdf29;border-radius:8px;min-width:0;padding:10px}.design-project-artifact-list details[data-focused=true]{background:linear-gradient(135deg,#edfdfaf5,#ffffffd1);border-color:#006d686b;box-shadow:0 0 0 2px #006d6814}.design-project-issue-board article span{color:var(--blue);font-size:.72rem;font-weight:950}.design-project-issue-board article strong{color:var(--rust);font-size:1.05rem;display:block}.design-project-issue-board article p,.design-project-issue-board>p{color:var(--muted);font-size:.78rem}.design-project-artifact-list summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.design-project-artifact-list summary span{color:var(--blue);background:#fff;border:1px solid #2d6cdf2e;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:950}.design-project-artifact-list summary strong{min-width:0;color:var(--ink);font-size:.86rem}.design-project-artifact-summary-badges{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.design-project-artifact-summary-meta{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.design-project-artifact-summary-badges span{color:var(--blue);background:#2d6cdf14;border:1px solid #2d6cdf29;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:950}.design-project-artifact-summary-meta span{min-width:0;color:var(--ink);background:#2d6cdf0d;border:1px solid #2d6cdf1f;border-radius:8px;gap:2px;padding:6px 8px;font-size:.76rem;font-weight:900;display:grid}.design-project-artifact-summary-meta b{color:var(--muted);font-size:.68rem;font-weight:950}.design-project-artifact-summary-badges span[data-tone=focus],.design-project-artifact-summary-badges span[data-tone=latest],.design-project-artifact-summary-badges span[data-tone=primary],.design-project-artifact-summary-badges span[data-tone=included]{border-color:var(--state-ok-border);background:var(--state-ok-bg);color:var(--state-ok)}.design-project-artifact-summary-badges span[data-tone=excluded]{border-color:var(--state-muted-border);background:var(--state-muted-bg);color:var(--state-muted)}.design-project-artifact-summary-badges span[data-tone=issue]{border-color:var(--state-danger-border);background:var(--state-danger-bg);color:var(--state-danger)}.design-project-artifact-summary-badges span[data-tone=ok]{border-color:var(--state-ok-border);background:var(--state-ok-bg);color:var(--state-ok)}.design-project-artifact-focus-panel{background:#edfdfad1;border:1px solid #006d6833;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:10px;display:grid}.design-project-artifact-focus-panel>div:first-child{gap:4px;min-width:0;display:grid}.design-project-artifact-focus-panel span{color:var(--teal-dark);font-size:.72rem;font-weight:950}.design-project-artifact-focus-panel strong{color:var(--ink);font-size:.9rem}.design-project-artifact-focus-panel p{color:var(--muted);margin:0;font-size:.78rem;font-weight:850;line-height:1.45}.design-project-artifact-focus-panel>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.design-project-artifact-focus-panel button{min-height:34px;color:var(--teal-dark);cursor:pointer;background:#fff;border:1px solid #006d6833;border-radius:8px;padding:6px 9px;font-size:.76rem;font-weight:950}.design-project-artifact-focus-panel button:first-child{background:var(--cta-bg);color:#fff}.design-project-artifact-list summary small{grid-column:1/-1}.design-project-artifact-markdown-preview{background:#ffffffc7;border:1px solid #006d6829;border-radius:10px;gap:10px;margin-top:10px;padding:10px;display:grid}.design-project-artifact-markdown-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.design-project-artifact-markdown-head>strong{color:var(--ink);font-size:.86rem;font-weight:950}.design-project-artifact-markdown-source{margin-top:8px}.design-project-artifact-markdown-source summary{cursor:pointer;color:var(--teal-dark);font-size:.78rem;font-weight:950}.design-project-artifact-markdown-source pre{max-height:240px;color:var(--ink);white-space:pre-wrap;background:#1018200a;border:1px solid #2d6cdf1f;border-radius:8px;margin:10px 0 0;padding:10px;font-size:.78rem;line-height:1.55;overflow:auto}.design-project-submission-review,.design-project-submission-filters{gap:10px;min-width:0;display:grid}.design-project-pro-lite-boundary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.design-project-pro-lite-boundary>div{background:#edfdfaad;border:1px solid #006d6829;border-radius:8px;gap:8px;min-width:0;padding:10px;display:grid}.design-project-pro-lite-boundary>div[data-plan=pro-lite]{background:#f6faffd1;border-color:#2d6cdf38}.design-project-pro-lite-boundary span{width:fit-content;color:var(--teal-dark);background:#ffffffc2;border:1px solid #006d6829;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:950}.design-project-pro-lite-boundary strong{color:var(--ink);font-size:.88rem}.design-project-pro-lite-boundary ul{gap:5px;margin:0;padding-left:18px;display:grid}.design-project-pro-lite-boundary li{color:var(--muted);font-size:.78rem;font-weight:850;line-height:1.45}.design-project-pro-lite-boundary a{width:fit-content;color:var(--blue);background:#fff;border:1px solid #2d6cdf2e;border-radius:8px;padding:6px 9px;font-size:.78rem;font-weight:950;text-decoration:none}.design-project-preflight-board,.design-project-preflight-board ul{gap:8px;display:grid}.design-project-preflight-board{background:#fff8f0d1;border:1px solid #8a3b2b2e;border-radius:8px;padding:10px}.design-project-preflight-board>div,.design-project-preflight-inline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.design-project-preflight-board strong,.design-project-preflight-inline strong{color:var(--ink);font-size:.9rem}.design-project-preflight-board>div span,.design-project-preflight-inline span{color:#8a3b2b;font-size:.76rem;font-weight:950}.design-project-preflight-board ul{margin:0;padding:0;list-style:none}.design-project-preflight-board li{background:#ffffffbd;border:1px solid #8a3b2b24;border-radius:8px;gap:3px;padding:8px;display:grid}.design-project-preflight-board li[data-severity=warning]{border-color:#2d6cdf2e}.design-project-preflight-board li>span{color:#8a3b2b;background:#8a3b2b1a;border-radius:999px;width:fit-content;padding:2px 7px;font-size:.7rem;font-weight:950}.design-project-preflight-board li button{color:#8a3b2b;background:#fff;border:1px solid #8a3b2b2e;border-radius:8px;justify-self:start;min-height:32px;padding:6px 9px;font-size:.76rem;font-weight:950}.design-project-preflight-board li button:hover,.design-project-preflight-board li button:focus-visible{background:#8a3b2b14;border-color:#8a3b2b5c}.design-project-preflight-board li[data-severity=warning]>span{color:var(--blue);background:#2d6cdf1a}.design-project-preflight-board p{color:var(--muted);font-size:.78rem}.design-project-preflight-inline{background:#fff8f0b8;border:1px solid #8a3b2b29;border-radius:8px;padding:8px}.design-project-customer-comments{background:#e8faf7b8;border:1px solid #0a787429;border-radius:8px;gap:10px;padding:10px;display:grid}.design-project-customer-comments>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.design-project-customer-comments strong{color:var(--ink);font-size:.9rem}.design-project-customer-comments>div span{color:var(--teal-dark);font-size:.76rem;font-weight:950}.design-project-customer-comment-disposition,.design-project-customer-comment-actions{flex-wrap:wrap;gap:8px;display:flex}.design-project-customer-comment-disposition span{color:var(--teal-dark);background:#ffffffb8;border:1px solid #0a78742e;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:950}.design-project-customer-comment-disposition span[data-disposition=revise]{color:#8a3b2b;border-color:#8a3b2b3d}.design-project-customer-comment-disposition span[data-disposition=hold]{color:#835f12;border-color:#aa781c47}.design-project-customer-comments ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.design-project-customer-comments li{background:#ffffffc7;border:1px solid #0a787424;border-radius:8px;gap:4px;padding:8px;display:grid}.design-project-customer-comments li>span{color:#8a3b2b;background:#8a3b2b1a;border-radius:999px;width:fit-content;padding:2px 7px;font-size:.7rem;font-weight:950}.design-project-customer-comments li[data-disposition=adopt]>span{color:var(--teal-dark);background:#0a78741a}.design-project-customer-comments li[data-disposition=hold]>span{color:#835f12;background:#f5b84029}.design-project-customer-comment-todos{background:#fff8f0ad;border:1px dashed #8a3b2b3d;border-radius:8px;gap:8px;padding:9px;display:grid}.design-project-customer-comment-todos ol{gap:6px;margin:0;padding-left:18px;display:grid}.design-project-customer-comment-todos li{background:0 0;border:0;border-radius:0;padding:0}.design-project-customer-comment-todos li[data-todo-status=doing]{border-left:3px solid #0a78746b;padding-left:8px}.design-project-customer-comment-todos li[data-todo-status=done]{border-left:3px solid #2582526b;padding-left:8px}.design-project-customer-comment-todos li[data-todo-status=hold]{border-left:3px solid #aa781c6b;padding-left:8px}.design-project-customer-comment-todos span{color:#8a3b2b;font-size:.72rem;font-weight:950}.design-project-customer-comment-todo-progress{grid-template-columns:minmax(112px,.42fr) minmax(180px,1fr);gap:8px;display:grid}.design-project-customer-comment-todo-progress label{color:#8a3b2b;gap:4px;font-size:.72rem;font-weight:950;display:grid}.design-project-customer-comment-todo-progress select,.design-project-customer-comment-todo-progress textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #8a3b2b2e;border-radius:8px;font-size:.76rem}.design-project-customer-comment-todo-progress select{min-height:32px;padding:4px 8px}.design-project-customer-comment-todo-progress textarea{resize:vertical;min-height:54px;padding:6px 8px}.design-project-customer-comment-todos button{color:#8a3b2b;border-color:#8a3b2b2e;justify-self:start;min-height:30px;padding:5px 9px}.design-project-customer-comments p,.design-project-customer-comments small{color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.design-project-customer-comments small{font-weight:900}.design-project-customer-comments button{min-height:34px;color:var(--teal-dark);background:#fff;border:1px solid #0a787433;border-radius:8px;padding:7px 10px;font-size:.78rem;font-weight:950}.design-project-submission-filters{background:#2d6cdf0f;border:1px solid #2d6cdf24;border-radius:8px;grid-template-columns:repeat(3,max-content) minmax(160px,1fr);align-items:center;padding:8px}.design-project-submission-filters label{color:var(--ink);white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;font-weight:950;display:inline-flex}.design-project-submission-filters input{accent-color:var(--blue)}.design-project-submission-filters span{color:var(--muted);justify-self:end;font-size:.76rem;font-weight:900}.design-project-submission-version-actions{background:#006d680f;border:1px solid #006d6829;border-radius:8px;grid-template-columns:minmax(180px,.9fr) minmax(260px,1.4fr) auto;align-items:center;gap:10px;min-width:0;padding:9px;display:grid}.design-project-submission-version-actions div{gap:2px;display:grid}.design-project-submission-version-actions strong{color:var(--ink);font-size:.86rem}.design-project-submission-version-actions span{color:var(--muted);font-size:.76rem;font-weight:850}.design-project-submission-version-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.design-project-submission-version-fields label,.design-project-submission-snapshot-status-control{min-width:0;color:var(--ink);gap:4px;font-size:.74rem;font-weight:900;display:grid}.design-project-submission-version-fields input,.design-project-submission-version-fields select,.design-project-submission-snapshot-status-control select{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:8px;padding:8px 9px}.design-project-submission-snapshot-status-control{max-width:220px;margin-top:8px}.design-project-dashboard-list span[data-submission-status],.design-project-submission-snapshots summary span[data-submission-status]{color:var(--blue);background:#2d6cdf1a;border:1px solid #2d6cdf2e;border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:950}.design-project-dashboard-list span[data-submission-status=submitted],.design-project-submission-snapshots summary span[data-submission-status=submitted]{color:var(--teal-dark);background:#006d681a;border-color:#006d6838}.design-project-dashboard-list span[data-submission-status=returned],.design-project-submission-snapshots summary span[data-submission-status=returned]{color:#8a3b2b;background:#8a3b2b1a;border-color:#8a3b2b33}.design-project-submission-version-actions button{color:var(--teal-dark);white-space:nowrap;background:#fff;border:1px solid #006d683d;border-radius:8px;padding:8px 10px;font-size:.78rem;font-weight:950}.design-project-submission-snapshots{gap:8px;display:grid}.design-project-submission-comparison{background:#2d6cdf0f;border:1px solid #2d6cdf29;border-radius:8px;gap:10px;padding:10px;display:grid}.design-project-submission-comparison>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.design-project-submission-comparison strong{color:var(--ink);font-size:.86rem}.design-project-submission-comparison span,.design-project-submission-comparison p{color:var(--muted);font-size:.76rem;font-weight:850}.design-project-submission-comparison-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.design-project-submission-comparison-metrics span{color:var(--blue);background:#fff;border:1px solid #2d6cdf24;border-radius:8px;padding:7px 8px}.design-project-submission-comparison-metrics span[data-changed=true]{color:#8a3b2b;background:#8a3b2b14;border-color:#8a3b2b33}.design-project-submission-comment-diff{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.design-project-submission-comment-diff>div{background:#ffffffc7;border:1px solid #0a787424;border-radius:8px;gap:7px;min-width:0;padding:8px;display:grid}.design-project-submission-comment-diff ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.design-project-submission-comment-diff li{border-top:1px solid #0a78741f;gap:3px;padding-top:6px;display:grid}.design-project-submission-comment-diff li:first-child{border-top:0;padding-top:0}.design-project-submission-comment-diff li span{color:#8a3b2b;background:#8a3b2b1a;border-radius:999px;width:fit-content;padding:2px 7px;font-size:.7rem;font-weight:950}.design-project-submission-comment-diff b{color:var(--ink);font-size:.78rem}.design-project-submission-comment-diff small{color:var(--muted);font-size:.72rem;line-height:1.45}.design-project-submission-comparison-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.design-project-submission-comparison-lines>div{background:#fff;border:1px solid #2d6cdf1f;border-radius:8px;min-width:0;padding:8px}.design-project-submission-comparison-lines ul{gap:5px;margin:6px 0 0;padding-left:18px;display:grid}.design-project-submission-comparison-lines li{overflow-wrap:anywhere;color:var(--ink);font-size:.76rem;line-height:1.45}.design-project-submission-snapshots details{background:#fff;border:1px solid #2d6cdf24;border-radius:8px;padding:9px}.design-project-submission-snapshots summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;list-style-position:outside;display:flex}.design-project-submission-snapshots summary strong{color:var(--ink);font-size:.88rem}.design-project-submission-snapshots summary span[data-readiness]{border:1px solid #2d6cdf2e;border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:950}.design-project-submission-snapshots summary small,.design-project-submission-snapshots p{color:var(--muted);font-size:.76rem;font-weight:850}.design-project-submission-snapshots pre{border:1px solid var(--line);max-height:360px;color:var(--ink);background:#f8fafc;border-radius:8px;margin:8px 0 0;padding:10px;font-size:.78rem;line-height:1.55;overflow:auto}.design-project-artifact-controls{grid-template-columns:minmax(180px,.9fr) minmax(260px,1.4fr);align-items:stretch;gap:8px;margin-top:10px;display:grid}.design-project-artifact-action-panel{background:#2d6cdf0d;border:1px solid #2d6cdf1f;border-radius:8px;gap:8px;min-width:0;padding:8px;display:grid}.design-project-artifact-action-panel p{color:var(--muted);margin:0;font-size:.76rem;font-weight:850;line-height:1.5}.design-project-artifact-action-buttons{flex-wrap:wrap;gap:8px;display:flex}.design-project-artifact-controls label{min-width:0;color:var(--ink);gap:4px;font-size:.76rem;font-weight:900;display:grid}.design-project-artifact-controls input{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:8px;padding:8px 9px}.design-project-artifact-controls button{min-height:36px;color:var(--blue);white-space:nowrap;background:#fff;border:1px solid #2d6cdf33;border-radius:8px;padding:7px 9px;font-size:.78rem;font-weight:950}.design-project-artifact-controls button:disabled{cursor:not-allowed;opacity:.55}.design-project-artifact-review-controls{background:#2d6cdf0d;border:1px solid #2d6cdf1f;border-radius:8px;grid-template-columns:repeat(3,minmax(120px,.8fr)) minmax(220px,1.4fr);gap:8px;margin-top:8px;padding:8px;display:grid}.design-project-artifact-review-controls label{min-width:0;color:var(--ink);gap:4px;font-size:.74rem;font-weight:900;display:grid}.design-project-artifact-review-controls input{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:8px;padding:8px 9px}.design-project-artifact-focused-todo{background:#fff8f0c7;border:1px solid #8a3b2b3d;border-radius:8px;gap:5px;margin-top:8px;padding:9px;display:grid}.design-project-audience-templates{background:#f6faffd1;border:1px solid #2d6cdf29;border-radius:8px;gap:10px;padding:10px;display:grid}.design-project-audience-templates-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.design-project-audience-templates-head>div{gap:3px;min-width:min(100%,260px);display:grid}.design-project-audience-templates strong{color:var(--ink);font-size:.9rem}.design-project-audience-templates span,.design-project-audience-templates p{color:var(--muted);font-size:.76rem;font-weight:850;line-height:1.45}.design-project-audience-templates-head button,.design-project-audience-template-grid button{min-height:34px;color:var(--blue);background:#fff;border:1px solid #2d6cdf33;border-radius:8px;padding:7px 10px;font-size:.76rem;font-weight:950}.design-project-audience-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.design-project-audience-template-grid article{background:#ffffffc7;border:1px solid #2d6cdf24;border-radius:8px;align-content:space-between;gap:10px;min-width:0;padding:9px;display:grid}.design-project-audience-template-grid article[data-audience=customer]{border-color:#0a78742e}.design-project-audience-template-grid article[data-audience=approver]{border-color:#8a3b2b2e}.design-project-audience-template-grid article[data-audience=worklog]{border-color:#505c702e}.design-project-artifact-focused-todo span{color:#8a3b2b;background:#8a3b2b1a;border-radius:999px;width:fit-content;padding:2px 7px;font-size:.72rem;font-weight:950}.design-project-artifact-focused-todo p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.55}.network-design-next-actions button:hover,.network-design-next-actions button:focus-visible{border-color:#006d6880;transform:translateY(-1px)}.network-design-next-actions strong{color:var(--ink);font-size:.88rem}.network-design-next-actions small{color:var(--muted);font-size:.76rem;font-weight:800;line-height:1.45}.share-tool-button,.favorite-tool-button,.detail-tool-button{min-height:38px;color:var(--teal-dark);background:#fff;border:1px solid #006d683d;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-weight:900;display:inline-flex;box-shadow:0 10px 24px #10182012}.share-tool-button:hover,.favorite-tool-button:hover,.detail-tool-button:hover{background:#edfdfa;border-color:#006d68b8}.favorite-tool-button.active{color:#a87000;background:#fff7df;border-color:#e0a63ac2}.favorite-tool-button.active svg{fill:currentColor}.share-tool-button svg,.favorite-tool-button svg,.detail-tool-button svg{width:17px;height:17px}.tool-panel{border:1px solid var(--card-primary-border);border-radius:var(--radius-panel);background:var(--card-primary-bg);min-width:0;box-shadow:var(--card-primary-shadow);padding:28px;animation:.22s ease-out panel-in}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:18px;display:flex}.panel-heading svg{width:34px;height:34px;color:var(--blue)}.tool-safety-note{border:1px solid var(--card-support-border);border-radius:var(--radius-card);background:var(--card-support-bg);color:var(--line-strong);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin:-8px 0 18px;padding:10px 12px;display:grid}.tool-safety-note svg{width:20px;height:20px;color:var(--teal-dark)}.tool-safety-note p{color:var(--muted);margin:0;font-size:.86rem;font-weight:700;line-height:1.65}.tool-safety-badges{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.tool-safety-badges span{min-height:24px;color:var(--teal-dark);background:#ffffffb8;border:1px solid #006d6833;border-radius:999px;align-items:center;padding:2px 8px;font-size:.74rem;font-weight:900;display:inline-flex}.tool-safety-note a{color:var(--teal-dark);text-underline-offset:3px;font-weight:900;text-decoration:underline}.tool-state-guide{border:1px solid var(--card-support-border);border-radius:var(--radius-card);background:var(--card-support-bg);color:var(--line-strong);box-shadow:var(--card-support-shadow);gap:8px;margin:14px 0 0;padding:12px 14px;display:grid}.tool-state-guide-result{border-color:var(--card-state-border);background:var(--card-state-bg);box-shadow:var(--card-state-shadow);background-size:auto,24px 24px}.tool-state-guide span{color:var(--teal-dark);font-size:.76rem;font-weight:950}.tool-state-guide strong{color:var(--ink);font-size:.96rem}.tool-state-guide p,.tool-state-guide ul{color:var(--muted);margin:0;font-size:.86rem;font-weight:750;line-height:1.65}.tool-state-guide ul{gap:4px;padding-left:1.2rem;display:grid}.tool-state-guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:2px 0;display:grid}.tool-state-guide-steps span{min-height:54px;color:var(--muted);background:#ffffffb8;border:1px solid #006d6829;border-radius:8px;gap:3px;padding:8px;font-size:.78rem;font-weight:850;line-height:1.35;display:grid}.tool-state-guide-steps strong{width:22px;height:22px;color:var(--teal-dark);background:#006d681f;border-radius:999px;justify-content:center;align-items:center;font-size:.76rem;display:inline-flex}.input-row{border:1px solid var(--card-state-border);border-radius:var(--radius-card);background:var(--card-state-bg);background-size:auto,24px 24px;grid-template-columns:minmax(240px,1fr) minmax(128px,auto) auto;align-items:end;gap:12px;padding:14px;display:grid}.input-row.single{grid-template-columns:1fr}.input-row-plan{grid-template-columns:minmax(280px,1fr) minmax(160px,.28fr) minmax(180px,.32fr);align-items:stretch}.input-row-plan textarea{min-height:124px}.workbench-input-board{border:1px solid var(--card-support-border);border-radius:var(--radius-panel);background:linear-gradient(#006d680a 1px, transparent 1px), linear-gradient(90deg, #006d680a 1px, transparent 1px), var(--card-support-bg);box-shadow:var(--card-support-shadow);background-size:28px 28px,28px 28px,auto;gap:14px;margin:18px 0;padding:16px;display:grid}.workbench-input-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.workbench-input-head span{color:var(--teal-dark);letter-spacing:0;font-size:.78rem;font-weight:950}.workbench-input-head h3{color:var(--ink);margin:4px 0 6px;font-size:clamp(1.12rem,1rem + .5vw,1.45rem)}.workbench-input-head p{max-width:760px;color:var(--muted);margin:0;line-height:1.7}.workbench-input-head>svg{width:40px;height:40px;color:var(--teal-dark)}.workbench-input-metrics{background:#ffffffc7;border:1px solid #006d6829;border-radius:8px;grid-template-columns:repeat(2,auto);gap:2px 10px;min-width:132px;padding:10px 12px;display:grid}.workbench-input-metrics strong{color:var(--teal-dark);font-size:1.32rem;line-height:1}.workbench-input-metrics span{color:var(--muted);align-self:end;font-size:.78rem}.workflow-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.workflow-strip span{min-width:0;color:var(--ink);background:#fffc;border:1px solid #1724321f;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:.86rem;font-weight:800;display:flex}.workflow-strip strong{background:var(--teal-dark);color:#fff;border-radius:999px;flex:none;place-items:center;height:22px;font-size:.75rem;display:inline-grid}.diagram-sync-form{background:#ffffffb8;grid-template-columns:minmax(320px,1fr) auto auto}.diagram-sync-form textarea{min-height:150px}.diagram-sync-empty-note{color:var(--muted);background:#ffffffbd;border:1px solid #006d6824;border-radius:8px;margin:-4px 0 0;padding:10px 12px;font-size:.88rem;line-height:1.65}.raw-config-entry-form{background:#ffffffb8;grid-template-columns:1fr;align-items:stretch}.raw-config-device-card{background:#ffffffdb;border-color:#006d682e;grid-template-columns:minmax(160px,.55fr) minmax(180px,.55fr) minmax(220px,.7fr) auto;align-items:end;gap:12px;display:grid}.raw-config-device-card legend{flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;display:inline-flex}.raw-config-device-card legend span{color:var(--ink);font-weight:950}.raw-config-device-card legend small{color:var(--teal-dark);background:#009f8d14;border:1px solid #006d682e;border-radius:999px;align-items:center;padding:3px 8px;font-size:.72rem;font-weight:900;display:inline-flex}.raw-config-device-card label:has(textarea){grid-column:1/-1}.raw-config-device-card textarea{min-height:240px;font-family:Cascadia Mono,Consolas,monospace}.raw-config-device-card>button{min-height:42px}.input-action-dock{border-top:1px solid #1724321a;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.input-action-dock button[type=submit]{min-width:min(100%,260px)}.subnet-split-form{grid-template-columns:minmax(220px,1fr) auto;align-items:end}.subnet-split-form .split-request-list{grid-column:1/-1}.subnet-split-form>button[type=submit]{justify-self:end;min-width:96px}.managed-cost-list,.monitor-target-list,.maintenance-step-list{grid-column:1/-1}.cidr-overlap-form{grid-template-columns:minmax(420px,1fr) auto;align-items:start}.config-generator-form{grid-template-columns:repeat(2,minmax(220px,1fr));align-items:start}.dynamic-fieldset{background:#ffffffa3;border:1px solid #17243224;border-radius:8px;gap:8px;min-width:0;margin:0;padding:12px;display:grid}.dynamic-fieldset legend{color:var(--line-strong);padding:0 6px;font-size:.86rem;font-weight:900}.wide-fieldset{grid-column:1/-1}.split-request-list{gap:8px;min-width:0;display:grid}.split-request-head,.split-request-row,.cidr-input-head,.cidr-input-row,.managed-cost-head,.managed-cost-row,.config-vlan-head,.config-vlan-row,.config-interface-head,.config-interface-row,.config-route-head,.config-route-row,.config-acl-head,.config-acl-row,.single-value-head,.single-value-row{grid-template-columns:minmax(112px,.32fr) minmax(112px,.32fr) 44px;align-items:end;gap:8px;display:grid}.cidr-input-head,.cidr-input-row{grid-template-columns:minmax(168px,.36fr) minmax(220px,1fr) 44px}.managed-cost-head,.managed-cost-row{grid-template-columns:minmax(170px,1fr) minmax(112px,.36fr) 44px}.config-vlan-head,.config-vlan-row{grid-template-columns:minmax(92px,.28fr) minmax(180px,1fr) 44px}.config-interface-head,.config-interface-row{grid-template-columns:minmax(180px,1fr) minmax(104px,.36fr) minmax(130px,.5fr) minmax(180px,.8fr) 44px}.config-route-head,.config-route-row{grid-template-columns:minmax(140px,.8fr) minmax(130px,.7fr) minmax(140px,.8fr) minmax(110px,.5fr) 44px}.config-acl-head,.config-acl-row,.single-value-head,.single-value-row{grid-template-columns:minmax(260px,1fr) 44px}.split-request-head,.cidr-input-head,.managed-cost-head,.config-vlan-head,.config-interface-head,.config-route-head,.config-acl-head,.single-value-head{color:var(--muted);align-items:center;font-size:.78rem;font-weight:900}.icon-button-light,.secondary-action-button{min-height:44px;color:var(--line-strong);background:#fff;border:1px solid #17243229;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-weight:900;display:inline-flex}.icon-button-light{width:44px;padding:0}.icon-button-light:disabled{cursor:not-allowed;opacity:.42}.icon-button-light svg,.secondary-action-button svg{flex:0 0 17px;width:17px;min-width:17px;height:17px}.icon-button-light:hover:not(:disabled),.secondary-action-button:hover{color:var(--teal-dark);background:#eef8f4;border-color:#006d685c}.secondary-action-button{justify-self:start;padding:0 12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}label{color:#35414d;gap:7px;font-size:.88rem;font-weight:900;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--panel);width:100%;min-height:48px;color:var(--ink);border-radius:6px;padding:10px 12px;transition:border-color .16s,box-shadow .16s,background .16s}input:hover,select:hover,textarea:hover,input:focus,select:focus,textarea:focus{box-shadow:var(--focus-ring);border-color:#006d6894}:root[data-theme=dark] input:hover,:root[data-theme=dark] select:hover,:root[data-theme=dark] textarea:hover,:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{background:#050e12f0 linear-gradient(#050e12f0,#050e12f0);border-color:#8fe2d49e}:root[data-theme=dark] .app-shell input,:root[data-theme=dark] .app-shell select,:root[data-theme=dark] .app-shell textarea{color:var(--ink);background:#0d1a20 linear-gradient(#0d1a20,#0d1a20);border-color:#8fe2d43d}:root[data-theme=dark] .app-shell input:hover,:root[data-theme=dark] .app-shell select:hover,:root[data-theme=dark] .app-shell textarea:hover,:root[data-theme=dark] .app-shell input:focus,:root[data-theme=dark] .app-shell select:focus,:root[data-theme=dark] .app-shell textarea:focus{background:#071116 linear-gradient(#071116,#071116);border-color:#8fe2d49e}textarea{resize:vertical;min-height:160px}input:hover,select:hover,textarea:hover{border-color:#8795a3}button[type=submit],.input-row button[type=button]{background:var(--cta-bg);color:#fff;border:0;border-radius:6px;min-height:48px;padding:10px 22px;font-weight:900;box-shadow:0 12px 26px #2d6cdf3d}button[type=submit]:hover,.input-row button[type=button]:hover{background:var(--cta-bg-hover)}.select-label{min-width:132px}.status{border-left:4px solid var(--teal);color:#234640;background:#eef8f4;border-radius:6px;margin:16px 0 0;padding:10px 12px;font-weight:700}.status.error{border-left-color:var(--rust);color:var(--rust);background:#fff2eb}.result-table{border:1px solid var(--card-state-border);border-radius:var(--radius-panel);background:var(--card-state-bg);min-width:0;max-width:100%;box-shadow:var(--card-state-shadow);background-size:auto,24px 24px;gap:6px;margin-top:20px;padding:8px;display:grid}.diagram-review-result{gap:12px;margin-top:18px;display:grid}.diagram-review-head{background:#ffffffdb;border:1px solid #1724321f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.diagram-review-head>div{gap:2px;display:grid}.diagram-review-head span{color:var(--muted);font-size:.76rem;font-weight:900}.diagram-review-head h3{color:var(--line-strong);margin:0;font-size:1rem}.diagram-review-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.result-outcome-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.outcome-card{border:1px solid var(--card-state-border);border-radius:var(--radius-card);background:var(--card-state-bg);background-size:auto,24px 24px;gap:6px;min-height:132px;padding:14px;display:grid;position:relative;overflow:hidden}.outcome-card:before{content:"";background:var(--teal-dark);width:5px;position:absolute;inset:0 auto 0 0}.outcome-card.attention:before{background:#b45309}.outcome-card.handoff:before{background:#006d68}.outcome-card.output:before{background:#2d6cdf}.outcome-card span{color:var(--muted);font-size:.76rem;font-weight:950}.outcome-card strong{color:var(--line-strong);font-size:clamp(1.22rem,1rem + .8vw,1.78rem);font-weight:950;line-height:1.08}.outcome-card small{color:var(--muted);font-size:.78rem;font-weight:800;line-height:1.55}.diagram-review-summary-card,.diagram-review-detail-block,.diagram-review-mermaid-block{background:#fff;border:1px solid #1724321f;border-radius:8px;padding:10px}.diagram-review-summary-card{gap:3px;min-width:0;display:grid}.diagram-review-summary-card span,.diagram-review-detail-block summary span,.diagram-review-mermaid-block summary span{color:var(--muted);font-size:.72rem;font-weight:900}.diagram-review-summary-card strong{color:var(--line-strong);font-size:1.08rem;font-weight:950}.diagram-review-summary-card small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;font-weight:800;display:-webkit-box;overflow:hidden}.diagram-review-detail-block,.diagram-review-mermaid-block{gap:10px;display:grid}.diagram-review-detail-block summary,.diagram-review-mermaid-block summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;list-style:none;display:flex}.diagram-review-detail-block summary::-webkit-details-marker{display:none}.diagram-review-mermaid-block summary::-webkit-details-marker{display:none}.diagram-review-detail-block summary strong,.diagram-review-mermaid-block summary strong{color:var(--line-strong);font-size:.9rem}.diagram-review-detail-block .result-table,.diagram-review-mermaid-block .diagram-preview{margin-top:0}.diagram-review-action-list{background:#fff;border:1px solid #1724321f;border-radius:8px;padding:10px}.diagram-review-action-group{border-top:1px solid #17243214;gap:6px;padding-top:8px;display:grid}.diagram-review-action-group>strong{color:var(--line-strong);font-size:.82rem;font-weight:950}.diagram-review-action-subgroup{gap:6px;display:grid}.diagram-review-action-category{width:fit-content;color:var(--teal-dark);background:#006d6812;border:1px solid #006d6829;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:950;display:inline-flex}.diagram-review-action-group button{width:100%;color:var(--line-strong);text-align:left;background:#006d680d;border:1px solid #006d6824;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.diagram-review-action-group button:not(:disabled):hover,.diagram-review-action-group button:not(:disabled):focus-visible{background:#006d681a;border-color:#006d6857}.diagram-review-action-group button:disabled{cursor:default;opacity:.72}.diagram-review-action-group button span{overflow-wrap:anywhere;min-width:0;font-size:.76rem;font-weight:850}.diagram-review-action-group button small{color:var(--teal-dark);white-space:nowrap;font-size:.7rem;font-weight:950}.interface-review-result{gap:12px;margin-top:18px;display:grid}.interface-review-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.interface-review-check-card{background:#fff;border:1px solid #1724321f;border-radius:8px;gap:6px;min-width:0;padding:10px;display:grid}.interface-review-check-card strong{color:var(--line-strong);font-size:.86rem;font-weight:950}.interface-review-check-card span,.interface-review-preview-list span{color:var(--line-strong);overflow-wrap:anywhere;border-left:3px solid #006d6838;padding-left:8px;font-size:.78rem;font-weight:820}.interface-review-check-card button,.interface-review-preview-list button{width:100%;color:var(--line-strong);text-align:left;background:#006d680d;border:1px solid #006d6824;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;display:grid}.interface-review-check-card button:hover,.interface-review-check-card button:focus-visible,.interface-review-preview-list button:hover,.interface-review-preview-list button:focus-visible{background:#006d681a;border-color:#006d6857}.interface-review-check-card button span,.interface-review-preview-list button span{border-left-color:#006d685c}.interface-review-check-card button small,.interface-review-preview-list button small{color:var(--teal-dark);white-space:nowrap;font-size:.7rem;font-weight:950}.interface-review-preview-list{gap:6px;max-height:280px;display:grid;overflow:auto}.diagram-editor{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #17243224;border-radius:8px;gap:12px;margin-bottom:14px;display:grid;overflow:hidden}.diagram-editor-guide{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:minmax(220px,.9fr) minmax(0,1.5fr);align-items:center;gap:10px;padding:12px;display:grid}.diagram-editor-guide>div:first-child{gap:3px;display:grid}.diagram-editor-guide strong{color:var(--line-strong);font-size:.95rem}.diagram-editor-guide span{color:var(--muted);font-size:.78rem;font-weight:850}.diagram-editor-health{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.diagram-editor-health span,.diagram-editor-selection-summary span,.diagram-editor-quick-actions button{color:var(--line-strong);background:#f6f8fb;border:1px solid #1724321f;border-radius:8px;padding:6px 8px;font-size:.76rem;font-weight:900}.diagram-editor-health span.ok{color:#1f7658;background:#25956d1a;border-color:#25956d40}.diagram-editor-health span.warn{color:#a0432f;background:#c6563d1a;border-color:#c6563d40}.diagram-editor-health span.diagram-editor-sample-guide{color:#92400e;background:#f59e0b1f;border-color:#f59e0b3d}.diagram-editor-start-strip{background:linear-gradient(135deg,#006d6814,#f59e0b14);border:1px solid #006d682e;border-radius:8px;grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:10px;margin:0 12px;padding:10px;display:grid}.diagram-editor-start-strip>div:first-child{align-content:center;gap:4px;display:grid}.diagram-editor-start-strip span{color:var(--teal-dark);font-size:.76rem;font-weight:950}.diagram-editor-start-strip strong{color:var(--line-strong);font-size:1rem}.diagram-editor-start-strip p{color:var(--muted);margin:0;font-size:.8rem;font-weight:800;line-height:1.5}.diagram-editor-start-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.diagram-editor-start-actions button{min-height:46px;color:var(--teal-dark);background:#fff;border:1px solid #006d683d;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-weight:950;display:inline-flex}.diagram-editor-start-actions button:hover,.diagram-editor-start-actions button:focus-visible{background:#006d6814;border-color:#006d6880}.diagram-editor-start-actions svg{flex:0 0 17px;width:17px;height:17px}.diagram-editor-connect button{min-height:34px;color:var(--teal-dark);background:#fff;border:1px solid #006d6838;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.diagram-editor-connect button:hover,.diagram-editor-connect button:focus-visible{background:#006d6814;border-color:#006d688c}.diagram-editor-layout{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;gap:12px;padding:12px;display:grid;position:relative}.diagram-editor-layout-side-collapsed,.diagram-editor-layout-fullscreen.diagram-editor-layout-side-collapsed{grid-template-columns:minmax(0,1fr)}.diagram-editor-layout:fullscreen.diagram-editor-layout-side-collapsed{grid-template-columns:minmax(0,1fr)}.diagram-editor-layout-fullscreen{background:#eef4f7;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:stretch;width:100vw;height:100vh;overflow:hidden}.diagram-editor-layout:fullscreen{background:#eef4f7;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:stretch;width:100vw;height:100vh;overflow:hidden}.diagram-editor-canvas-wrap{background:linear-gradient(#1724320d 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#1724320d 1px,#0000 1px) 0 0/24px 24px,#fbfdff;border:1px solid #1724321f;border-radius:8px;min-width:0;position:relative;overflow:auto}.diagram-editor-canvas-wrap:fullscreen{border-radius:0;width:100vw;height:100vh;padding:14px}.diagram-editor-layout-fullscreen .diagram-editor-canvas-wrap{border-radius:8px;height:calc(100vh - 24px);padding:14px}.diagram-editor-layout:fullscreen .diagram-editor-canvas-wrap{border-radius:8px;height:calc(100vh - 24px);padding:14px}.diagram-editor-canvas-actions{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #006d6829;border-radius:8px;align-items:center;gap:5px;max-width:calc(100% - 20px);margin:10px;padding:5px;display:inline-flex;position:sticky;top:10px;left:10px;box-shadow:0 12px 28px #1724321f}.diagram-editor-canvas-actions button,.diagram-editor-action-menu summary{width:32px;height:32px;color:var(--teal-dark);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.diagram-editor-canvas-actions button:hover,.diagram-editor-canvas-actions button:focus-visible,.diagram-editor-action-menu summary:hover,.diagram-editor-action-menu summary:focus-visible{background:#006d6814;border-color:#006d6847}.diagram-editor-canvas-actions button:disabled{cursor:not-allowed;opacity:.42}.diagram-editor-canvas-actions .diagram-editor-connect-mode.active{color:#1f55b5;background:#2d6cdf1f;border-color:#2d6cdf85}.diagram-editor-canvas-actions .primary-editor-action{background:var(--line-strong);color:#fff;border-color:#006d6880}.diagram-editor-canvas-actions .primary-editor-action:hover,.diagram-editor-canvas-actions .primary-editor-action:focus-visible{background:var(--teal-dark);color:#fff;border-color:#006d689e}.diagram-editor-canvas-actions svg,.diagram-editor-action-menu summary svg{width:16px;height:16px}.diagram-editor-shortcut-help{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #006d6824;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;width:fit-content;max-width:calc(100% - 20px);margin:0 10px 10px;padding:6px;display:flex;position:sticky;top:58px;left:10px;box-shadow:0 10px 24px #1724321a}.diagram-editor-shortcut-help span{color:#172432c2;background:#f6fafce6;border:1px solid #17243214;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:850;display:inline-flex}.diagram-editor-shortcut-help kbd{min-width:18px;color:var(--line-strong);text-align:center;font:inherit;background:#fff;border:1px solid #17243229;border-bottom-color:#17243247;border-radius:5px;padding:1px 4px;font-size:.68rem}.diagram-editor-fullscreen-hud{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #006d682e;border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;max-width:calc(100% - 20px);margin:0 10px 10px;padding:7px;display:inline-flex;position:sticky;top:58px;left:10px;box-shadow:0 12px 26px #1724321f}.diagram-editor-fullscreen-hud>div,.diagram-editor-fullscreen-hud>span,.diagram-editor-fullscreen-hud button{color:#172432c2;background:#f6fafceb;border:1px solid #1724321a;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:3px 9px;font-size:.73rem;font-weight:850;display:inline-flex}.diagram-editor-fullscreen-hud>div{color:var(--teal-dark);background:#006d6814;border-color:#006d6838}.diagram-editor-fullscreen-hud div span{color:var(--muted)}.diagram-editor-fullscreen-hud strong{color:var(--line-strong)}.diagram-editor-fullscreen-hud button{color:var(--teal-dark)}.diagram-editor-fullscreen-hud button:hover,.diagram-editor-fullscreen-hud button:focus-visible{background:#006d681f;border-color:#006d686b}.diagram-editor-fullscreen-hud button:disabled{cursor:not-allowed;opacity:.46}.diagram-editor-fullscreen-hud svg{width:14px;height:14px}.diagram-editor-fullscreen-hud kbd{min-width:18px;color:var(--line-strong);text-align:center;font:inherit;background:#fff;border:1px solid #17243229;border-bottom-color:#17243247;border-radius:5px;padding:1px 4px;font-size:.68rem}.diagram-editor-action-menu{position:relative}.diagram-editor-action-menu summary{list-style:none}.diagram-editor-action-menu summary::-webkit-details-marker{display:none}.diagram-editor-action-menu[open] summary{background:#006d681a;border-color:#006d686b}.diagram-editor-action-popover{z-index:8;background:#fffffffa;border:1px solid #006d6829;border-radius:8px;gap:7px;width:min(280px,80vw);padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 38px #1724322e}.diagram-editor-table-preview-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.diagram-editor-table-preview-switch button[aria-pressed=true]{color:var(--text-main);background:#0ea5e924;border-color:#0ea5e9bd}.diagram-editor-table-review{border:1px solid var(--border-subtle);background:#f8fafcc7;border-radius:8px;gap:.45rem;padding:.65rem;display:grid}[data-theme=dark] .diagram-editor-table-review{background:#0f172ac7}.diagram-editor-table-review>strong{color:var(--text-main);font-size:.78rem}.diagram-editor-table-review>span{color:var(--text-muted);font-size:.74rem}.diagram-editor-table-review>div{gap:.35rem;display:grid}.diagram-editor-table-review-item{text-align:left;place-items:start;gap:.16rem;min-height:auto;padding:.48rem .55rem}.diagram-editor-table-review-item.warn{background:#fee2e294;border-color:#dc26266b}[data-theme=dark] .diagram-editor-table-review-item.warn{background:#7f1d1d47}.diagram-editor-table-review-item.info{background:#fef3c79e;border-color:#f59e0b70}[data-theme=dark] .diagram-editor-table-review-item.info{background:#78350f47}.diagram-editor-table-review-item span{font-weight:800}.diagram-editor-table-review-item small{color:var(--text-muted);line-height:1.35}.diagram-editor-table-preview{border:1px solid var(--border-subtle);background:#ffffffc2;border-radius:8px;max-height:220px;overflow:auto}[data-theme=dark] .diagram-editor-table-preview{background:#0f172ad1}.diagram-editor-table-preview table{border-collapse:collapse;width:100%;min-width:720px;font-size:.72rem}.diagram-editor-table-preview th,.diagram-editor-table-preview td{border-bottom:1px solid var(--border-subtle);text-align:left;white-space:nowrap;padding:.38rem .45rem}.diagram-editor-table-preview th{z-index:1;color:var(--text-main);background:#f8fafcf5;font-weight:800;position:sticky;top:0}[data-theme=dark] .diagram-editor-table-preview th{background:#0f172af5}.diagram-editor-table-preview p{padding:.8rem}.diagram-editor-action-menu-wide .diagram-editor-action-popover{width:min(340px,86vw)}.diagram-editor-action-popover button{background:#fff;border-color:#006d6829;justify-content:flex-start;gap:8px;width:100%;height:34px;padding:0 10px;font-size:.78rem;font-weight:900}.diagram-editor-canvas-search-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.diagram-editor-canvas-search-filters button{text-align:center;justify-content:center;align-items:center;gap:4px;height:auto;min-height:32px;padding:4px 6px;display:inline-flex}.diagram-editor-canvas-search-filters button[aria-pressed=true]{color:var(--line-strong);background:#006d681a;border-color:#006d6861}.diagram-editor-canvas-search-filters button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagram-editor-canvas-search-filters button small{min-width:1.35rem;color:var(--text-muted);background:#17243214;border-radius:999px;justify-content:center;padding:1px 4px;font-size:.68rem;font-weight:900;display:inline-flex}.diagram-editor-canvas-search-results{gap:6px;max-height:260px;display:grid;overflow:auto}.diagram-editor-canvas-search-results button{text-align:left;align-items:start;gap:2px;height:auto;min-height:48px;padding:8px 10px;display:grid}.diagram-editor-canvas-search-results button span{max-width:100%;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagram-editor-canvas-search-results button small,.diagram-editor-canvas-search-results p{color:var(--text-muted);font-size:.72rem;font-weight:750;line-height:1.45}.diagram-editor-canvas-search-results p{background:#006d680d;border:1px dashed #006d682e;border-radius:8px;margin:0;padding:8px}.diagram-editor-saved-snapshots{background:#006d680a;border:1px solid #006d6824;border-radius:8px;gap:6px;max-height:260px;padding:8px;display:grid;overflow:auto}.diagram-editor-saved-snapshots>strong{color:var(--text-main);font-size:.76rem;font-weight:900}.diagram-editor-saved-snapshots>p{color:var(--text-muted);margin:0;font-size:.72rem;font-weight:750}.diagram-editor-saved-snapshot-item{background:#ffffffd1;border:1px solid #17243214;border-radius:8px;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:6px;padding:6px;display:grid}.diagram-editor-saved-snapshot-item div{gap:2px;min-width:0;display:grid}.diagram-editor-saved-snapshot-item span,.diagram-editor-saved-snapshot-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagram-editor-saved-snapshot-item span{color:var(--text-main);font-size:.76rem;font-weight:900}.diagram-editor-saved-snapshot-item small{color:var(--text-muted);font-size:.68rem;font-weight:750}.diagram-editor-saved-snapshot-item button{justify-content:center;min-width:34px;padding:0 8px}.diagram-editor-saved-snapshot-compare{background:#ffffffb3;border:1px solid #1724321a;border-radius:8px;gap:8px;padding:8px;display:grid}.diagram-editor-saved-snapshot-compare>strong{color:var(--text-main);font-size:.76rem;font-weight:900}.diagram-editor-saved-snapshot-compare>p,.diagram-editor-saved-snapshot-diff-list p{color:var(--text-muted);margin:0;font-size:.72rem;font-weight:750}.diagram-editor-saved-snapshot-diff-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.diagram-editor-saved-snapshot-diff-counts span{color:var(--text-main);text-align:center;background:#006d680d;border:1px solid #006d6824;border-radius:8px;padding:6px;font-size:.72rem;font-weight:900}.diagram-editor-saved-snapshot-diff-list{gap:6px;max-height:150px;display:grid;overflow:auto}.diagram-editor-saved-snapshot-diff-list div{background:#f8fafcdb;border:1px solid #17243214;border-radius:8px;gap:2px;padding:6px;display:grid}.diagram-editor-saved-snapshot-diff-list span,.diagram-editor-saved-snapshot-diff-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagram-editor-saved-snapshot-diff-list span{color:var(--text-main);font-size:.72rem;font-weight:900}.diagram-editor-saved-snapshot-diff-list small{color:var(--text-muted);font-size:.68rem;font-weight:750}.diagram-editor-action-popover label{color:var(--muted);gap:5px;font-size:.76rem;font-weight:900;display:grid}.diagram-editor-action-popover textarea,.diagram-editor-action-popover input,.diagram-editor-action-popover select{border:1px solid var(--line);width:100%;min-height:82px;color:var(--line-strong);resize:vertical;background:#fff;border-radius:8px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.diagram-editor-action-popover input{resize:none;min-height:auto;font-family:inherit}.diagram-editor-action-popover select{resize:none;min-height:34px;font-family:inherit;font-weight:900}.diagram-editor-action-popover p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.74rem;font-weight:800}.diagram-editor-canvas-actions span:not(.diagram-editor-canvas-action-separator){min-width:36px;font-size:.72rem;font-weight:900}.diagram-editor-canvas-action-separator{background:#006d6829;width:1px;height:22px}.diagram-editor-canvas-scale{width:calc(920px * var(--diagram-editor-zoom,1));max-width:none;transition:width .16s,min-width .16s}.diagram-editor-canvas{touch-action:none;width:100%;height:auto;display:block}.diagram-editor-canvas-wrap.is-pan-ready .diagram-editor-canvas{cursor:grab}.diagram-editor-canvas-wrap.is-panning .diagram-editor-canvas{cursor:grabbing}.diagram-editor-minimap{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#ffffffed;border:1px solid #006d682e;border-radius:8px;gap:6px;width:190px;margin:-132px 14px 14px auto;padding:8px;display:grid;position:sticky;bottom:14px;right:14px;box-shadow:0 14px 32px #17243229}.diagram-editor-minimap-actions{z-index:2;pointer-events:auto;gap:6px;display:flex;position:relative}.diagram-editor-minimap-actions button{min-height:26px;color:var(--teal-dark);cursor:pointer;background:#fff;border:1px solid #006d682e;border-radius:7px;flex:1;font-size:.72rem;font-weight:900}.diagram-editor-minimap-actions button:disabled{cursor:not-allowed;opacity:.45}.diagram-editor-minimap svg{z-index:1;aspect-ratio:920/520;cursor:pointer;pointer-events:auto;background:#eef6f8;border-radius:6px;width:100%;display:block;position:relative}.diagram-editor-minimap-zone{fill:#006d680f;stroke:#006d6824;stroke-width:3px}.diagram-editor-minimap-link{stroke:#56647494;stroke-width:5px;stroke-linecap:round}.diagram-editor-minimap-link.selected{stroke:#c6563d;stroke-width:9px}.diagram-editor-minimap-node{fill:#fff;stroke:#2b6f77;stroke-width:4px}.diagram-editor-minimap-node.selected{fill:#fff1c2;stroke:#c6563d;stroke-width:6px}.diagram-editor-minimap-viewport{fill:#006d681a;stroke:#006d68;stroke-width:8px;pointer-events:none}.diagram-editor-link .diagram-link-route{fill:none;stroke:#566474;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;cursor:pointer}.diagram-editor-link .diagram-link-route-underlay{fill:none;stroke:#fbfdffeb;stroke-width:7.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.diagram-editor-link-draft{stroke:#2d6cdf;stroke-width:3px;stroke-dasharray:8 6;stroke-linecap:round;pointer-events:none}.diagram-link-port-dot{fill:#566474;stroke:#fff;stroke-width:2px;pointer-events:none}.diagram-editor-link-label-bg{fill:#ffffffeb;stroke:#5664743d;pointer-events:none}.diagram-editor-canvas marker path{fill:#566474}.diagram-editor-link text{paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;fill:var(--line-strong);pointer-events:none;text-anchor:middle;font-size:13px;font-weight:900}.diagram-editor-link .diagram-editor-interface-label{fill:#172432;stroke-width:3px;font-size:10px}.diagram-editor-interface-label-bg{fill:#ffffffeb;stroke:#5664743d;pointer-events:none}.diagram-editor-link .diagram-editor-logical-link-label{fill:#172432;stroke-width:4px;font-size:10px}.diagram-editor-lag-group ellipse{fill:#3a6fd80d;stroke:#3a6fd8;stroke-width:2.5px;stroke-dasharray:9 6;pointer-events:none}.diagram-link-bundled .diagram-link-route{stroke-width:3.2px}.diagram-link-speed-low .diagram-link-route{stroke-width:2px;stroke-dasharray:5 5}.diagram-link-speed-standard .diagram-link-route{stroke-width:2.8px}.diagram-link-speed-high .diagram-link-route{stroke-width:4px}.diagram-link-speed-veryHigh .diagram-link-route{stroke-width:5px}.diagram-editor-link.selected .diagram-link-route{stroke:var(--teal);stroke-width:4px}.diagram-link-wan .diagram-link-route{stroke:#c6563d}.diagram-link-wan .diagram-link-port-dot{fill:#c6563d}.diagram-link-trunk .diagram-link-route{stroke:#3a6fd8}.diagram-link-trunk .diagram-link-port-dot{fill:#3a6fd8}.diagram-link-access .diagram-link-route{stroke:#25956d}.diagram-link-access .diagram-link-port-dot{fill:#25956d}.diagram-link-management .diagram-link-route{stroke:#7b5cc7;stroke-dasharray:7 5}.diagram-link-management .diagram-link-port-dot{fill:#7b5cc7}.diagram-link-zone-warning .diagram-link-route{stroke:#d97706;stroke-width:4.4px;stroke-dasharray:10 6;filter:drop-shadow(0 0 4px #d9770661)}.diagram-link-zone-warning .diagram-link-port-dot{fill:#d97706;stroke:#fff8ed}.diagram-editor-link.selected .diagram-link-route{stroke-width:5.2px;filter:drop-shadow(0 0 5px #006d685c)}.diagram-editor-link.just-revealed .diagram-link-route{animation:.9s ease-out 2 diagram-reveal-link-pulse}.diagram-editor-link.selected .diagram-link-port-dot{r:5.8px;stroke:var(--teal-dark);stroke-width:3.2px}.diagram-editor-link.selected .diagram-editor-interface-label{fill:var(--teal-dark);stroke-width:4px;font-size:11px}.diagram-editor-link.selected .diagram-editor-interface-label-bg{fill:#e4fffbf5;stroke:#006d686b;stroke-width:1.4px}.diagram-editor-node.selected-link-endpoint rect{stroke:#0f8f87;stroke-dasharray:7 4;stroke-width:4px;filter:drop-shadow(0 0 9px #0f8f8752)}.diagram-editor-link-label-secondary{fill:var(--muted);font-size:11px}.diagram-editor-legend{pointer-events:none}.diagram-editor-legend rect{fill:#fffffff0;stroke:#5664743d;pointer-events:none}.diagram-editor-legend text{fill:var(--muted);pointer-events:none;font-size:10px;font-weight:800}.diagram-editor-legend .diagram-editor-legend-title{fill:var(--line-strong);font-size:11px;font-weight:900}.diagram-editor-legend-line{fill:none;stroke:#667789;stroke-linecap:round}.diagram-editor-legend-low{stroke-width:2px;stroke-dasharray:5 5}.diagram-editor-legend-standard{stroke-width:2.8px}.diagram-editor-legend-high{stroke:#3a6fd8;stroke-width:4px}.diagram-editor-legend-very-high{stroke:#3a6fd8;stroke-width:5px}.diagram-editor-legend-lag{fill:none;stroke:#3a6fd8;stroke-width:2.2px;stroke-dasharray:7 5}.diagram-editor-legend-logical-l3{stroke:#c6563d;stroke-width:3px}.diagram-editor-legend-logical-boundary{stroke:#7b5cc7;stroke-width:3px;stroke-dasharray:7 5}.diagram-editor-legend-zone-warning{stroke:#d97706;stroke-width:4px;stroke-dasharray:10 6}.diagram-editor-legend-segment{fill:#dff7ef;stroke:#25956d;stroke-width:1.4px}.diagram-editor-node,.diagram-editor-node:active{cursor:crosshair}.diagram-editor-node rect{fill:#fff;stroke:#2d6cdf70;stroke-width:2px;filter:drop-shadow(0 10px 18px #1018201f)}.diagram-node-cloud rect{fill:#e8f7fb;stroke:#36a3c7}.diagram-node-fw rect{fill:#fff1ed;stroke:#c6563d}.diagram-node-router rect,.diagram-node-l3sw rect{fill:#eef4ff;stroke:#3a6fd8}.diagram-node-sw rect{fill:#ecf8f2;stroke:#25956d}.diagram-node-server rect{fill:#f4f6f8;stroke:#697584}.diagram-editor-node text{fill:var(--line-strong);pointer-events:none;text-anchor:middle;font-size:11px;font-weight:900}.diagram-editor-node.diagram-node-segment text{font-size:12px}.diagram-editor-node.diagram-node-segment .diagram-editor-node-subtitle{fill:#172432bd;font-size:11px;font-weight:800}.diagram-editor-node .diagram-editor-node-type{fill:var(--teal-dark);font-size:12px}.diagram-editor-node.selected rect{stroke:var(--teal);stroke-width:4px}.diagram-editor-node.just-revealed rect{animation:.9s ease-out 2 diagram-reveal-node-pulse}@keyframes diagram-reveal-node-pulse{0%{filter:drop-shadow(0 0 #ffbf6900)}35%{stroke-width:5.4px;filter:drop-shadow(0 0 12px #ffbf69b8)}to{filter:drop-shadow(0 10px 18px #1018201f)}}@keyframes diagram-reveal-link-pulse{0%{filter:drop-shadow(0 0 #ffbf6900)}35%{stroke-width:6.4px;filter:drop-shadow(0 0 10px #ffbf69c7)}to{filter:drop-shadow(0 0 5px #006d685c)}}.diagram-editor-node.multi-selected rect{stroke:#d98218;stroke-dasharray:8 5;stroke-width:4px}.diagram-editor-node.connect-source rect{stroke:#2d6cdf;stroke-dasharray:8 5;stroke-width:4px}.diagram-editor-node.link-drop-target rect{stroke:#2d6cdf;stroke-width:4px;filter:drop-shadow(0 0 10px #2d6cdf59)}.diagram-editor-node.collision-target rect{stroke:#d23f31;stroke-dasharray:6 4;stroke-width:4px;filter:drop-shadow(0 0 12px #d23f316b)}.diagram-editor-node-move-handle{cursor:grab}.diagram-editor-node-move-handle:active{cursor:grabbing}.diagram-editor-node-move-hit-area{fill:#fffffff0;stroke:#006d685c;stroke-width:1.6px}.diagram-editor-node-move-handle path{fill:none;stroke:var(--teal-dark);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.diagram-editor-node-move-handle:hover .diagram-editor-node-move-hit-area,.diagram-editor-node-move-handle:focus-visible .diagram-editor-node-move-hit-area{fill:var(--teal-dark);stroke:#fff}.diagram-editor-node-move-handle:hover path,.diagram-editor-node-move-handle:focus-visible path{stroke:#fff}.diagram-editor-hit-area{fill:#0000;pointer-events:all}.diagram-editor-zone-band text{pointer-events:none}.diagram-editor-zone-band{cursor:pointer;pointer-events:auto}.diagram-editor-zone-band.dragging{cursor:grabbing}.diagram-editor-zone-band rect{fill:var(--diagram-zone-fill,#4463840f);stroke:var(--diagram-zone-stroke,#4463842e);stroke-width:1px;pointer-events:all}.diagram-editor-zone-band:hover rect,.diagram-editor-zone-band:focus-visible rect,.diagram-editor-zone-band.selected rect{stroke:#006d6880;stroke-width:2.2px}.diagram-editor-zone-resize-handle{cursor:nwse-resize;pointer-events:all;fill:#006d68d6!important;stroke:#ffffffe6!important;stroke-width:2px!important}.diagram-editor-zone-move-handle{cursor:grab;pointer-events:all;fill:#0ea5e9db!important;stroke:#ffffffeb!important;stroke-width:2px!important}.diagram-editor-zone-move-handle:active{cursor:grabbing}.diagram-editor-zone-band text{fill:var(--diagram-zone-text,#17243294);letter-spacing:0;font-size:12px;font-weight:900}.diagram-editor-logical .diagram-editor-canvas{background:linear-gradient(#17243214 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#17243214 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#fbfdff 0%,#f7fbfa 100%)}.diagram-editor-logical .diagram-editor-zone-band rect{stroke-width:2px}.diagram-editor-logical .diagram-editor-zone-internet rect{fill:#ffdd662e;stroke:#be8e004d}.diagram-editor-logical .diagram-editor-zone-edge rect{fill:#50b6ce21;stroke:#00779147}.diagram-editor-logical .diagram-editor-zone-core rect{fill:#ff80bd21;stroke:#c43d7f47}.diagram-editor-logical .diagram-editor-zone-access rect{fill:#54ab751f;stroke:#2d845347}.diagram-editor-logical .diagram-editor-zone-server rect{fill:#7b5cc71c;stroke:#5c449e42}.diagram-editor-logical .diagram-editor-zone-band text{fill:var(--diagram-zone-text,#13202eb8);font-size:13px}.diagram-editor-logical .diagram-editor-link .diagram-link-route{stroke-width:4.6px}.diagram-editor-logical .diagram-editor-link .diagram-link-route-underlay{stroke-width:9.5px}.diagram-editor-logical .diagram-editor-link.diagram-link-raw-config .diagram-link-route{stroke-width:2.2px;opacity:.46}.diagram-editor-logical .diagram-editor-link.diagram-link-raw-config .diagram-link-route-underlay{stroke-width:7.2px;opacity:.72}.diagram-editor-logical .diagram-editor-link.diagram-link-raw-config .diagram-link-port-dot{opacity:.64}.diagram-editor-logical .diagram-editor-link.diagram-link-raw-config.selected .diagram-link-route,.diagram-editor-logical .diagram-editor-link.diagram-link-raw-config.just-revealed .diagram-link-route{stroke-width:4.8px;opacity:1}.diagram-editor-logical .diagram-link-wan .diagram-link-route,.diagram-editor-logical .diagram-link-trunk .diagram-link-route{stroke-linecap:square}.diagram-editor-logical .diagram-editor-interface-label{paint-order:stroke;stroke:#fff;stroke-width:5px}.rack-layout-tool{gap:14px;display:grid}.rack-layout-tool>*{min-width:0;max-width:100%}.rack-layout-head,.rack-layout-toolbar,.rack-layout-rack-title{gap:12px;display:flex}.rack-layout-head{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:flex-start;padding:14px}.rack-layout-head h3,.rack-layout-palette h4,.rack-layout-properties h4{margin:0 0 8px}.rack-layout-head p,.rack-layout-palette p,.rack-layout-properties p,.rack-layout-rack-title span,.rack-layout-palette-item span,.rack-layout-device small{color:var(--muted);margin:0}.rack-layout-summary{background:color-mix(in srgb, var(--teal) 10%, transparent);border-radius:8px;gap:4px;min-width:210px;padding:10px;display:grid}.rack-layout-boundary{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;display:grid}.rack-layout-boundary div{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.rack-layout-boundary span,.rack-layout-pro-badge{background:color-mix(in srgb, var(--teal) 14%, transparent);width:fit-content;color:var(--teal-dark);border-radius:999px;align-items:center;gap:5px;padding:3px 7px;font-size:.72rem;font-weight:950;display:inline-flex}.rack-layout-boundary strong{color:var(--ink);font-size:.86rem;line-height:1.5}.rack-layout-boundary svg{width:14px;height:14px}.rack-layout-pro-badge{background:color-mix(in srgb, var(--rust) 12%, transparent);color:var(--rust);padding:2px 6px}.rack-layout-tabs{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.rack-layout-tabs button{border:1px solid var(--line);background:var(--panel-soft);min-width:150px;color:var(--ink);text-align:left;cursor:pointer;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.rack-layout-tabs button[aria-selected=true]{border-color:color-mix(in srgb, var(--teal) 52%, var(--line));background:color-mix(in srgb, var(--teal) 12%, var(--panel));box-shadow:0 0 0 2px color-mix(in srgb, var(--teal) 18%, transparent)}.rack-layout-tabs strong{color:var(--ink);font-size:.86rem}.rack-layout-tabs span{color:var(--muted);font-size:.72rem;font-weight:900}.rack-layout-tabs .rack-layout-add-tab{border-color:color-mix(in srgb, var(--teal) 34%, var(--line));min-width:120px;color:var(--teal-dark);grid-template-columns:auto 1fr;align-content:center;font-weight:950}.rack-layout-add-tab svg{width:16px;height:16px}.rack-layout-collection-review{border:1px solid var(--line);background:var(--panel);border-left:4px solid #22c55e;border-radius:8px;gap:10px;padding:12px;display:grid}.rack-layout-collection-review h4{align-items:center;gap:6px;margin:0 0 4px;display:inline-flex}.rack-layout-submission-review{border-left-color:var(--rust);background:color-mix(in srgb, var(--rust) 5%, var(--panel))}.rack-layout-customer-comments{border-left-color:var(--teal);background:color-mix(in srgb, var(--teal) 5%, var(--panel))}.rack-layout-comment-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rack-layout-comment-head button{flex:none}.rack-layout-comment-list{gap:10px;display:grid}.rack-layout-comment-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:8px;padding:10px;display:grid}.rack-layout-comment-card>span{background:color-mix(in srgb, var(--rust) 12%, transparent);width:fit-content;color:var(--rust);border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:950}.rack-layout-comment-card h4,.rack-layout-comment-card p,.rack-layout-comment-card dl,.rack-layout-comment-card dd{margin:0}.rack-layout-comment-card h4{color:var(--ink);font-size:.95rem}.rack-layout-comment-card p,.rack-layout-comment-card dd{color:var(--muted);font-size:.84rem;line-height:1.55}.rack-layout-comment-card dl{gap:6px;display:grid}.rack-layout-comment-card dt{color:var(--ink);font-size:.76rem;font-weight:950}.rack-layout-collection-review summary,.rack-layout-review summary{color:var(--ink);cursor:pointer;align-items:center;gap:6px;font-weight:950;display:flex}.rack-layout-collection-review summary span{color:var(--muted);font-size:.78rem;font-weight:800}.rack-layout-collection-review summary b{background:color-mix(in srgb, var(--rust) 12%, transparent);color:var(--rust);border-radius:999px;padding:2px 6px;font-size:.72rem;font-weight:950}.rack-layout-collection-review summary::-webkit-details-marker{display:none}.rack-layout-review summary::-webkit-details-marker{display:none}.rack-layout-collection-review summary:after,.rack-layout-review summary:after{color:var(--muted);content:"開く";margin-left:auto;font-size:.74rem;font-weight:900}.rack-layout-collection-review[open] summary:after,.rack-layout-review[open] summary:after{content:"閉じる"}.rack-layout-collection-review p{color:var(--muted);margin:0;font-size:.86rem}.rack-layout-collection-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.rack-layout-collection-metrics span{border:1px solid var(--line);background:var(--panel-soft);min-width:0;color:var(--muted);border-radius:8px;gap:2px;padding:8px;font-size:.74rem;font-weight:900;display:grid}.rack-layout-collection-metrics strong{color:var(--ink);font-size:.88rem}.rack-layout-collection-review ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rack-layout-collection-review li{border-left:3px solid #22c55e;gap:2px;padding-left:8px;display:grid}.rack-layout-interconnects{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:10px;padding:12px;display:grid}.rack-layout-interconnects-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rack-layout-interconnects h4{margin:0 0 4px}.rack-layout-interconnects p,.rack-layout-interconnect-empty{color:var(--muted);margin:0;font-size:.86rem}.rack-layout-interconnects button{border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-weight:800;display:inline-flex}.rack-layout-interconnect-list{gap:8px;display:grid}.rack-layout-interconnect-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;grid-template-columns:minmax(170px,1.3fr) repeat(5,minmax(110px,1fr)) auto;align-items:end;gap:8px;padding:10px;display:grid}.rack-layout-interconnect-card label{gap:4px;min-width:0;font-size:.78rem;font-weight:900;display:grid}.rack-layout-interconnect-card input,.rack-layout-interconnect-card select,.rack-layout-interconnect-card textarea{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--ink);border-radius:7px;padding:8px 9px}.rack-layout-interconnect-card textarea{resize:vertical;min-height:38px}.rack-layout-interconnect-note{grid-column:1/-2}.rack-layout-interconnect-card .danger{border-color:color-mix(in srgb, var(--rust) 58%, #fff 42%);color:var(--rust)}.rack-layout-toolbar{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-wrap:wrap;align-items:flex-end;padding:10px}.rack-layout-toolbar label,.rack-layout-property-grid label{gap:4px;font-size:.86rem;font-weight:800;display:grid}.rack-layout-toolbar input,.rack-layout-toolbar select,.rack-layout-property-grid input,.rack-layout-property-grid select,.rack-layout-property-grid textarea{border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);border-radius:7px;padding:8px 9px}.rack-layout-toolbar button,.rack-layout-import button,.rack-layout-properties button{border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-weight:800;display:inline-flex}.rack-layout-import{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:10px}.rack-layout-import summary{cursor:pointer;align-items:center;gap:6px;font-weight:900;display:inline-flex}.rack-layout-import textarea{border:1px solid var(--line);background:var(--panel-soft);width:100%;min-height:110px;color:var(--ink);resize:vertical;border-radius:7px;margin:10px 0;padding:9px;display:block}.rack-layout-workbench{grid-template-columns:minmax(190px,240px) minmax(300px,1fr) minmax(220px,280px);align-items:flex-start;gap:12px;display:grid}.rack-layout-workbench>*,.rack-layout-palette-grid>*,.rack-layout-property-grid>*{min-width:0;max-width:100%}.rack-layout-palette,.rack-layout-properties,.rack-layout-rack-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0;max-width:100%;padding:12px}.rack-layout-palette-grid,.rack-layout-property-grid{gap:8px;display:grid}.rack-layout-palette-item{text-align:left;border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);cursor:grab;border-radius:7px;gap:3px;padding:9px;display:grid}.rack-layout-palette-item.selected,.rack-layout-device.selected{outline:3px solid color-mix(in srgb, var(--teal) 52%, transparent)}.rack-layout-palette-item span,.rack-layout-device small{font-size:.78rem}.rack-layout-rack-title{justify-content:space-between;align-items:baseline;margin-bottom:10px}.rack-layout-power-legend{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.rack-layout-power-legend span{color:#fff;border-radius:999px;padding:4px 9px;font-size:.76rem;font-weight:900}.rack-layout-power-legend .rack-power-a{background:#2563eb}.rack-layout-power-legend .rack-power-b{background:#be123c}.rack-layout-rack{border:2px solid color-mix(in srgb, var(--ink) 38%, var(--line));background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--line) 52%, transparent), color-mix(in srgb, var(--line) 52%, transparent) 1px, transparent 1px, transparent 30px), color-mix(in srgb, var(--panel) 88%, #111 12%);border-radius:8px;grid-template-columns:1fr;max-width:100%;min-height:360px;display:grid;position:relative;overflow:hidden}.rack-layout-power-rails{z-index:1;pointer-events:none;grid-template-columns:repeat(2,1fr);gap:4px;width:44px;display:grid;position:absolute;inset:6px 10px 6px auto}.rack-layout-power-rails span{color:#fff;border:1px solid #0f172a2e;border-radius:999px;justify-content:center;align-items:flex-start;padding-top:5px;font-size:.72rem;font-weight:900;display:flex}.rack-layout-power-rails span:first-child{background:linear-gradient(#2563eb 0%,#2563eb6b 100%)}.rack-layout-power-rails span:last-child{background:linear-gradient(#be123c 0%,#be123c6b 100%)}.rack-layout-slot{border:0;border-bottom:1px solid color-mix(in srgb, var(--line) 68%, transparent);color:var(--muted);text-align:left;cursor:copy;background:0 0;grid-column:1;padding-left:8px;font-size:.76rem}.rack-layout-slot.can-place:hover{background:color-mix(in srgb, var(--teal) 16%, transparent)}.rack-layout-slot.occupied{cursor:default}.rack-layout-device{z-index:2;color:#12202f;cursor:grab;border:1px solid #0f172a47;border-radius:7px;grid-column:1;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;margin:2px 84px 2px 58px;padding:3px 18px 3px 8px;line-height:1.08;display:grid;position:relative;box-shadow:0 8px 18px #0f172a24}.rack-layout-device:after{content:"";background:#0f172a2e;border-radius:999px;width:6px;position:absolute;top:5px;bottom:5px;right:5px}.rack-layout-device.rack-power-a:after{background:#2563eb}.rack-layout-device.rack-power-b:after{background:#be123c}.rack-layout-device.rack-power-ab:after{background:linear-gradient(#2563eb 0 50%,#be123c 50% 100%)}.rack-layout-device.rack-mount-rear{border-style:dashed;margin-left:84px;margin-right:58px}.rack-layout-device.rack-mount-both{border-width:2px;margin-left:68px;margin-right:68px}.rack-layout-device span{background:#ffffff8f;border-radius:5px;justify-content:center;align-items:center;min-height:20px;font-size:.7rem;font-weight:900;display:inline-flex}.rack-layout-device strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.rack-layout-device small{color:#334155;white-space:nowrap}.rack-layout-device-menu{z-index:5;border:1px solid color-mix(in srgb, var(--line) 72%, var(--teal) 28%);background:color-mix(in srgb, var(--panel) 92%, #fff 8%);color:var(--ink);border-radius:8px;flex-wrap:wrap;grid-column:1;justify-content:flex-end;place-self:center end;gap:6px;margin-right:12px;padding:6px;font-size:.78rem;font-weight:900;display:flex;box-shadow:0 12px 28px #0f172a33}.rack-layout-device-menu button{border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:.76rem;font-weight:900;display:inline-flex}.rack-layout-device-menu button:hover{border-color:color-mix(in srgb, var(--teal) 54%, var(--line))}.rack-layout-device-menu .danger{border-color:color-mix(in srgb, var(--rust) 58%, #fff 42%);color:var(--rust)}.rack-device-network{background:#cfe5ff}.rack-device-server{background:#d8f3dc}.rack-device-patch{background:#fef3c7}.rack-device-pdu{background:#ede9fe}.rack-device-blank{background:#e5e7eb}.rack-layout-note-field{grid-column:1/-1}.rack-layout-note-field textarea{resize:vertical;min-height:72px}.rack-layout-status{background:color-mix(in srgb, var(--teal) 10%, transparent);color:var(--ink);border-radius:7px;margin:10px 0;padding:9px;font-size:.86rem}.rack-layout-review{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 84%, var(--teal) 16%);border-radius:8px;gap:8px;margin-bottom:12px;padding:10px;display:grid}.rack-layout-review h4{align-items:center;gap:6px;display:inline-flex}.rack-layout-review ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.rack-layout-review li{border-left:4px solid var(--line);gap:2px;padding-left:8px;display:grid}.rack-layout-review li span{color:var(--muted);font-size:.82rem}.rack-layout-review-warn,.rack-layout-review .rack-layout-review-warn{border-color:#f59e0b}.rack-layout-review-critical,.rack-layout-review .rack-layout-review-critical{border-color:var(--rust)}.rack-layout-review-ok,.rack-layout-review .rack-layout-review-ok{border-color:#22c55e}.rack-layout-properties .danger{color:var(--rust)}:root[data-theme=dark] .rack-layout-head,:root[data-theme=dark] .rack-layout-tabs,:root[data-theme=dark] .rack-layout-boundary,:root[data-theme=dark] .rack-layout-collection-review,:root[data-theme=dark] .rack-layout-interconnects,:root[data-theme=dark] .rack-layout-toolbar,:root[data-theme=dark] .rack-layout-import,:root[data-theme=dark] .rack-layout-palette,:root[data-theme=dark] .rack-layout-properties,:root[data-theme=dark] .rack-layout-rack-panel{background:#0d191feb;border-color:#8fe2d438;box-shadow:0 18px 40px #0000003d}:root[data-theme=dark] .rack-layout-summary,:root[data-theme=dark] .rack-layout-boundary div,:root[data-theme=dark] .rack-layout-collection-metrics span,:root[data-theme=dark] .rack-layout-status{color:#eef7f4;background:#31c7b51c;border:1px solid #31c7b547}:root[data-theme=dark] .rack-layout-collection-review p,:root[data-theme=dark] .rack-layout-collection-review summary span,:root[data-theme=dark] .rack-layout-collection-review li span{color:#a9bac2}:root[data-theme=dark] .rack-layout-boundary strong{color:#eef7f4}:root[data-theme=dark] .rack-layout-boundary span{color:#8fe2d4;background:#31c7b529}:root[data-theme=dark] .rack-layout-pro-badge,:root[data-theme=dark] .rack-layout-collection-review summary b{color:#ffad96;background:#ff8a6d26}:root[data-theme=dark] .rack-layout-submission-review{background:#ff8a6d0f}:root[data-theme=dark] .rack-layout-customer-comments{background:#31c7b50f}:root[data-theme=dark] .rack-layout-comment-card{background:#091a1fb8;border-color:#31c7b53d}:root[data-theme=dark] .rack-layout-comment-card h4,:root[data-theme=dark] .rack-layout-comment-card dt{color:#eef7f4}:root[data-theme=dark] .rack-layout-comment-card p,:root[data-theme=dark] .rack-layout-comment-card dd{color:#a9bac2}:root[data-theme=dark] .rack-layout-collection-metrics strong{color:#eef7f4}:root[data-theme=dark] .rack-layout-toolbar input,:root[data-theme=dark] .rack-layout-toolbar select,:root[data-theme=dark] .rack-layout-interconnect-card,:root[data-theme=dark] .rack-layout-interconnect-card input,:root[data-theme=dark] .rack-layout-interconnect-card select,:root[data-theme=dark] .rack-layout-interconnect-card textarea,:root[data-theme=dark] .rack-layout-property-grid input,:root[data-theme=dark] .rack-layout-property-grid select,:root[data-theme=dark] .rack-layout-property-grid textarea,:root[data-theme=dark] .rack-layout-import textarea{color:#eef7f4;background:#050f14e0;border-color:#8fe2d43d}:root[data-theme=dark] .rack-layout-toolbar button,:root[data-theme=dark] .rack-layout-tabs button,:root[data-theme=dark] .rack-layout-interconnects button,:root[data-theme=dark] .rack-layout-import button,:root[data-theme=dark] .rack-layout-properties button,:root[data-theme=dark] .rack-layout-palette-item{color:#eef7f4;background:#14272feb;border-color:#8fe2d43d}:root[data-theme=dark] .rack-layout-tabs button[aria-selected=true]{background:#31c7b529;border-color:#8fe2d480}:root[data-theme=dark] .rack-layout-tabs strong{color:#eef7f4}:root[data-theme=dark] .rack-layout-tabs span{color:#a9bac2}:root[data-theme=dark] .rack-layout-palette-item:hover,:root[data-theme=dark] .rack-layout-toolbar button:hover,:root[data-theme=dark] .rack-layout-tabs button:hover,:root[data-theme=dark] .rack-layout-import button:hover,:root[data-theme=dark] .rack-layout-properties button:hover{background:#1f3942f5;border-color:#8fe2d480}:root[data-theme=dark] .rack-layout-palette-item.rack-device-network,:root[data-theme=dark] .rack-layout-device.rack-device-network{color:#061116;background:#8fc8ff}:root[data-theme=dark] .rack-layout-palette-item.rack-device-server,:root[data-theme=dark] .rack-layout-device.rack-device-server{color:#061116;background:#95e6a7}:root[data-theme=dark] .rack-layout-palette-item.rack-device-patch,:root[data-theme=dark] .rack-layout-device.rack-device-patch{color:#061116;background:#f7d774}:root[data-theme=dark] .rack-layout-palette-item.rack-device-pdu,:root[data-theme=dark] .rack-layout-device.rack-device-pdu{color:#061116;background:#c4b5fd}:root[data-theme=dark] .rack-layout-palette-item.rack-device-blank,:root[data-theme=dark] .rack-layout-device.rack-device-blank{color:#061116;background:#cbd5e1}:root[data-theme=dark] .rack-layout-palette-item span{color:#10242c}:root[data-theme=dark] .rack-layout-rack{background:repeating-linear-gradient(#8fe2d42e,#8fe2d42e 1px,#0000 1px 30px),linear-gradient(#071116 0%,#0d2028 100%);border-color:#8fe2d46b;box-shadow:inset 0 0 0 1px #ffffff0a,0 20px 46px #00000057}:root[data-theme=dark] .rack-layout-slot{color:#8fb0bb;border-bottom-color:#8fe2d42e}:root[data-theme=dark] .rack-layout-slot.can-place:hover{background:#31c7b52e}:root[data-theme=dark] .rack-layout-power-rails span{border-color:#eef7f42e;box-shadow:0 0 18px #31c7b51f}:root[data-theme=dark] .rack-layout-power-legend span{box-shadow:inset 0 0 0 1px #eef7f429}:root[data-theme=dark] .rack-layout-device{color:#061116;border-color:#eef7f433;box-shadow:0 10px 24px #00000061}:root[data-theme=dark] .rack-layout-device.rack-mount-rear{border-color:#eef7f457}:root[data-theme=dark] .rack-layout-device.rack-mount-both{border-color:#31c7b580}:root[data-theme=dark] .rack-layout-device-menu{color:#eef7f4;background:#09161cf5;border-color:#8fe2d447;box-shadow:0 14px 30px #00000061}:root[data-theme=dark] .rack-layout-device-menu button{color:#eef7f4;background:#14272ff5;border-color:#8fe2d43d}:root[data-theme=dark] .rack-layout-device-menu button:hover{background:#1f3942f5;border-color:#8fe2d480}:root[data-theme=dark] .rack-layout-device-menu .danger{color:#ffb39f;border-color:#ff8a6d94}:root[data-theme=dark] .rack-layout-device span{color:#061116;background:#ffffffb8}:root[data-theme=dark] .rack-layout-device small{color:#10242c}:root[data-theme=dark] .rack-device-network{background:#8fc8ff}:root[data-theme=dark] .rack-device-server{background:#95e6a7}:root[data-theme=dark] .rack-device-patch{background:#f7d774}:root[data-theme=dark] .rack-device-pdu{background:#c4b5fd}:root[data-theme=dark] .rack-device-blank{background:#cbd5e1}:root[data-theme=dark] .rack-layout-review{background:#09161cf5;border-color:#8fe2d43d}:root[data-theme=dark] .rack-layout-review li span{color:#a9bac2}:root[data-theme=dark] .rack-layout-review-warn,:root[data-theme=dark] .rack-layout-review .rack-layout-review-warn{border-color:#f0b857}:root[data-theme=dark] .rack-layout-review-critical,:root[data-theme=dark] .rack-layout-review .rack-layout-review-critical{border-color:#ff8a6d}:root[data-theme=dark] .rack-layout-review-ok,:root[data-theme=dark] .rack-layout-review .rack-layout-review-ok{border-color:#31c7b5}@media (width<=980px){.network-design-guide-first-steps,.tool-state-guide-steps{grid-template-columns:1fr}.tool-state-guide-steps span{min-height:auto}.rack-layout-head,.rack-layout-workbench{grid-template-columns:1fr}.rack-layout-head{display:grid}.rack-layout-collection-metrics,.rack-layout-boundary,.rack-layout-comment-head,.rack-layout-interconnect-card{grid-template-columns:1fr}.rack-layout-comment-head,.rack-layout-interconnects-head{display:grid}.rack-layout-interconnect-note{grid-column:auto}}.diagram-editor-logical .diagram-editor-node rect{filter:drop-shadow(0 8px 12px #1018201a)}.diagram-editor-zone-internet rect{fill:#2d6cdf12}.diagram-editor-zone-edge rect{fill:#e26e1c12}.diagram-editor-zone-core rect{fill:#05847812}.diagram-editor-zone-access rect{fill:#745bc812}.diagram-editor-zone-server rect{fill:#467f4414}.diagram-editor-selection-rect{fill:#2d6cdf1f;stroke:#2d6cdf;stroke-width:1.8px;stroke-dasharray:6 4;pointer-events:none}.diagram-editor-side,.diagram-editor-connect,.diagram-editor-inspector,.diagram-editor-storage,.diagram-editor-export,.diagram-editor-table-export,.diagram-editor-zone-detail,.diagram-editor-zone-quick-move,.diagram-editor-link-jump-list,.diagram-editor-zone-warning-list,.diagram-editor-selection-summary{gap:10px;display:grid}.diagram-editor-side{z-index:10;align-content:start;max-height:min(760px,100vh - 160px);padding-right:2px;position:relative;overflow:auto}.diagram-editor-side-drawer-body{gap:10px;min-width:0;display:grid}.diagram-editor-layout-fullscreen .diagram-editor-side{max-height:calc(100vh - 24px);overflow:auto}.diagram-editor-layout:fullscreen .diagram-editor-side{max-height:calc(100vh - 24px);overflow:auto}.diagram-editor-side-open-button,.diagram-editor-side-drawer-toggle{z-index:2;min-height:40px;color:var(--teal-dark);cursor:pointer;background:#fff;border:1px solid #006d6847;border-radius:8px;justify-content:center;justify-self:start;align-items:center;gap:6px;margin:0 0 8px;padding:8px 10px;font-size:.82rem;font-weight:950;display:inline-flex;position:sticky;top:0;box-shadow:0 10px 22px #1724321f}.diagram-editor-side-open-button{z-index:9;writing-mode:vertical-rl;min-width:44px;min-height:132px;margin:0;padding:10px 6px;position:absolute;top:16px;right:16px}.diagram-editor-layout-fullscreen .diagram-editor-side-open-button{top:16px;right:16px}.diagram-editor-layout:fullscreen .diagram-editor-side-open-button{top:16px;right:16px}.diagram-editor-side-open-button small,.diagram-editor-side-drawer-toggle small{color:var(--muted);font-size:.7rem;font-weight:850}.diagram-editor-connect,.diagram-editor-inspector,.diagram-editor-storage,.diagram-editor-export,.diagram-editor-table-export,.diagram-editor-zone-detail,.diagram-editor-zone-quick-move,.diagram-editor-link-jump-list,.diagram-editor-zone-warning-list,.diagram-editor-selection-summary,.diagram-editor-empty{background:#f6f8fb;border:1px solid #1724321f;border-radius:8px;padding:12px}.diagram-editor-side-section{gap:8px}.diagram-editor-link-kind-summary{background:#2d6cdf12;border:1px solid #2d6cdf2e;border-radius:8px;gap:4px;padding:8px 10px;display:grid}.diagram-editor-link-kind-summary strong{color:#204f9c}.diagram-editor-link-kind-summary span{color:#526070;font-size:.82rem;font-weight:700}.diagram-editor-link-kind-summary button{color:var(--teal-dark);cursor:pointer;background:#006d6814;border-color:#006d6857;justify-self:start}.diagram-editor-link-kind-summary button:hover,.diagram-editor-link-kind-summary button:focus-visible{background:#006d6824;border-color:#006d688f}.diagram-editor-candidate-confirm-list{background:#006d680f;border:1px solid #006d682e;border-radius:8px;gap:7px;padding:10px;display:grid}.diagram-editor-candidate-confirm-list>strong{color:var(--teal-dark);font-size:.86rem}.diagram-editor-candidate-confirm-list>span{color:var(--muted);font-size:.76rem;font-weight:800}.diagram-editor-candidate-confirm-list button{color:var(--line-strong);cursor:pointer;text-align:left;background:#ffffffc7;border-color:#006d6847;gap:3px;display:grid}.diagram-editor-candidate-confirm-list button:hover,.diagram-editor-candidate-confirm-list button:focus-visible{background:#fffffff0;border-color:#006d688f}.diagram-editor-candidate-confirm-list button span,.diagram-editor-candidate-confirm-list button strong{font-weight:900}.diagram-editor-candidate-confirm-list button small{color:var(--muted);font-size:.74rem;line-height:1.35}.diagram-editor-physical-review-card{background:#2d6cdf0f;border:1px solid #2d6cdf29;border-radius:8px;gap:8px;padding:10px;display:grid}.diagram-editor-physical-review-card>strong{color:#204f9c;font-size:.86rem}.diagram-editor-physical-review-card>span{color:var(--muted);font-size:.76rem;font-weight:800}.diagram-editor-physical-review-card label{color:var(--muted);gap:4px;font-size:.74rem;font-weight:900;display:grid}.diagram-editor-physical-review-card input{width:100%;min-width:0}.diagram-editor-side-section:not([open]){gap:0;padding-block:9px}.diagram-editor-side-section summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;list-style:none;display:flex}.diagram-editor-side-section summary::-webkit-details-marker{display:none}.diagram-editor-side-section summary:after{content:"+";width:20px;height:20px;color:var(--teal-dark);border:1px solid #006d682e;border-radius:6px;flex:none;place-items:center;font-size:.82rem;font-weight:900;display:inline-grid}.diagram-editor-side-section[open] summary:after{content:"-"}.diagram-editor-side-section summary span{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.72rem;font-weight:900}.diagram-editor-connect-overlay{z-index:8;width:min(300px,100% - 28px);position:absolute;box-shadow:0 18px 38px #17243229}.diagram-editor-connect-overlay-targeting{pointer-events:none}.diagram-editor-connect-overlay-targeting button{pointer-events:auto}.diagram-editor-connect-overlay-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.diagram-editor-connect-overlay-header button{width:auto;padding:6px 10px;font-size:.76rem}.diagram-editor-connect-source-summary{background:#006d680f;border:1px solid #006d6824;border-radius:8px;gap:3px;padding:8px 10px;display:grid}.diagram-editor-connect-source-summary span,.diagram-editor-connect-source-summary small{color:var(--muted);font-size:.72rem;font-weight:900}.diagram-editor-connect-source-summary strong{color:var(--line-strong);font-size:.86rem;font-weight:950}.diagram-editor-connect-interface-summary{background:#2d6cdf0f;border:1px solid #2d6cdf2e;border-radius:8px;gap:3px;padding:8px 10px;display:grid}.diagram-editor-connect-interface-summary span{color:var(--line-strong);font-size:.76rem;font-weight:950}.diagram-editor-connect-interface-summary small{color:var(--muted);font-size:.7rem;font-weight:900}.diagram-editor-connect-overlay p{color:#1f55b5;margin:0;font-size:.82rem;font-weight:900}.diagram-editor-connect-warning{color:#9a3412;background:#fff7edeb;border:1px solid #c2410c3d;border-radius:8px;margin:0;padding:8px 10px;font-size:.8rem;font-weight:900}.diagram-editor-connect-hint{color:#1f55b5;background:#2d6cdf14;border:1px solid #2d6cdf33;border-radius:8px;margin:0;padding:10px 12px;font-size:.82rem;font-weight:900}.diagram-editor-interface-usage{background:#ffffffad;border:1px solid #1724321a;border-radius:8px;gap:6px;padding:10px;display:grid}.diagram-editor-interface-usage>div:first-child,.diagram-editor-interface-usage-row{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.diagram-editor-interface-usage-row:disabled{cursor:default}.diagram-editor-interface-usage-row:not(:disabled):hover small,.diagram-editor-interface-usage-row:not(:disabled):focus-visible small{box-shadow:inset 0 0 0 1px}.diagram-editor-interface-usage-meter{background:linear-gradient(90deg, #0f8f872e var(--interface-usage-ratio), #17243212 var(--interface-usage-ratio));border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;display:grid}.diagram-editor-interface-usage-meter span,.diagram-editor-interface-usage-meter strong{color:var(--line-strong);font-size:.76rem;font-weight:950}.diagram-editor-interface-usage-meter strong{color:#0c6f69}.diagram-editor-interface-filter{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.diagram-editor-interface-filter button{min-height:30px;color:var(--line-strong);cursor:pointer;background:#ffffffb8;border:1px solid #006d6829;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:4px 6px;font-size:.68rem;font-weight:900;display:flex}.diagram-editor-interface-filter button:hover,.diagram-editor-interface-filter button:focus-visible,.diagram-editor-interface-filter button.selected{color:var(--teal-dark);background:#006d681a;border-color:#006d6875}.diagram-editor-interface-filter button span{min-width:18px;min-height:18px;color:inherit;background:#17243214;border-radius:999px;place-items:center;font-size:.66rem;display:inline-grid}.diagram-editor-interface-usage-list{overscroll-behavior:contain;gap:5px;max-height:min(320px,42vh);padding-right:3px;display:grid;overflow-y:auto}.diagram-editor-interface-empty{color:var(--muted);margin:0;font-size:.74rem;font-weight:900}.diagram-editor-interface-usage>div:first-child span,.diagram-editor-interface-usage-row span{color:var(--line-strong);flex:none;font-size:.78rem;font-weight:950}.diagram-editor-interface-usage>div:first-child span,.diagram-editor-interface-usage-row small{border-radius:999px;padding:4px 7px;font-size:.72rem;font-weight:900}.diagram-editor-interface-usage>div:first-child span.ok,.diagram-editor-interface-usage-row.unused small{color:#1f7658;background:#25956d1a}.diagram-editor-interface-usage-row.used small{color:#1f55b5;background:#2d6cdf1a}.diagram-editor-interface-usage>div:first-child span.warn,.diagram-editor-interface-usage-row.conflict small,.diagram-editor-interface-usage-row.out-of-range small{color:#a0432f;background:#c6563d1a}.diagram-editor-interface-usage-row.focused small{color:#0c6f69;background:#0f8f8724;box-shadow:inset 0 0 0 1px #0f8f876b}.diagram-editor-link-endpoints{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.diagram-editor-link-endpoints button{color:var(--line-strong);text-align:left;background:#0f8f8714;border:1px solid #0f8f8733;border-radius:8px;gap:4px;padding:9px 10px;display:grid}.diagram-editor-link-endpoints button:hover,.diagram-editor-link-endpoints button:focus-visible{border-color:#0f8f8773;box-shadow:0 0 0 2px #0f8f871f}.diagram-editor-link-endpoints span,.diagram-editor-link-endpoints small{color:var(--muted);font-size:.72rem;font-weight:900}.diagram-editor-link-endpoints strong{color:var(--line-strong);font-size:.86rem}.diagram-editor-connect strong,.diagram-editor-inspector strong,.diagram-editor-storage strong,.diagram-editor-export strong,.diagram-editor-table-export strong,.diagram-editor-zone-detail strong,.diagram-editor-zone-quick-move strong,.diagram-editor-zone-warning-list strong,.diagram-editor-selection-summary strong{color:var(--line-strong)}.diagram-editor-zone-detail label{color:var(--muted);gap:5px;font-size:.76rem;font-weight:900;display:grid}.diagram-editor-zone-detail input{border:1px solid var(--line);width:100%;color:var(--line-strong);background:#fff;border-radius:8px;padding:7px 9px}.diagram-editor-zone-menu-item{background:#006d680a;border:1px solid #006d681f;border-radius:8px;gap:7px;padding:8px;display:grid}.diagram-editor-zone-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.diagram-editor-zone-preset-row,.diagram-editor-zone-tone-row{flex-wrap:wrap;gap:5px;display:flex}.diagram-editor-zone-compact-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;display:grid}.diagram-editor-zone-compact-controls label{color:var(--muted);gap:4px;font-size:.7rem;font-weight:900;display:grid}.diagram-editor-zone-compact-controls select{border:1px solid var(--line);width:100%;min-width:0;color:var(--line-strong);background:#fff;border-radius:8px;padding:6px 7px;font-size:.74rem;font-weight:800}.diagram-editor-zone-preset-row button,.diagram-editor-zone-tone-row button{min-height:28px;color:var(--line-strong);background:#fff;border:1px solid #006d6829;border-radius:8px;padding:5px 7px;font-size:.7rem;font-weight:900}.diagram-editor-zone-tone-row button{align-items:center;gap:5px;display:inline-flex}.diagram-editor-zone-tone-row button span{border:1px solid var(--diagram-zone-swatch-border,#4463842e);background:var(--diagram-zone-swatch,#4463840f);border-radius:50%;width:12px;height:12px}.diagram-editor-zone-preset-row button:hover,.diagram-editor-zone-preset-row button:focus-visible,.diagram-editor-zone-tone-row button:hover,.diagram-editor-zone-tone-row button:focus-visible,.diagram-editor-zone-tone-row button.selected{background:#006d6814;border-color:#006d6880}.diagram-editor-zone-size-grid label{color:var(--muted);gap:4px;font-size:.72rem;font-weight:900;display:grid}.diagram-editor-zone-size-grid input{border:1px solid var(--line);width:100%;min-width:0;color:var(--line-strong);background:#fff;border-radius:8px;padding:7px 8px}.diagram-editor-zone-menu-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.diagram-editor-zone-detail .diagram-editor-zone-menu-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-editor-zone-menu-actions button{min-height:36px;padding:7px 8px}.diagram-editor-zone-detail p{color:var(--muted);margin:0;font-size:.74rem;font-weight:800}.diagram-editor-zone-detail-compact{gap:7px;padding:9px}.diagram-editor-zone-detail-compact strong{font-size:.86rem}.diagram-editor-zone-detail-compact label{gap:3px;font-size:.68rem}.diagram-editor-zone-detail-compact input,.diagram-editor-zone-detail-compact select{min-height:30px;padding:5px 7px}.diagram-editor-zone-detail-compact .diagram-editor-zone-size-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.diagram-editor-zone-detail-compact .diagram-editor-zone-menu-actions button{min-height:30px;padding:5px 7px;font-size:.7rem}.diagram-editor-zone-detail-compact p{font-size:.68rem}.diagram-editor-selection-summary span{overflow-wrap:anywhere;display:block}.diagram-editor-zone-quick-move>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.diagram-editor-zone-quick-move button{min-height:44px;color:var(--line-strong);text-align:left;cursor:pointer;background:#006d680d;border:1px solid #006d6829;border-radius:8px;gap:2px;padding:7px 8px;display:grid}.diagram-editor-zone-quick-move button:hover:not(:disabled),.diagram-editor-zone-quick-move button:focus-visible:not(:disabled){background:#006d681a;border-color:#006d685c}.diagram-editor-zone-quick-move button:disabled{cursor:not-allowed;opacity:.48}.diagram-editor-zone-quick-move button span{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:900;overflow:hidden}.diagram-editor-zone-quick-move button small,.diagram-editor-zone-quick-move p{color:var(--muted);margin:0;font-size:.72rem;font-weight:800}.diagram-editor-link-jump-row,.diagram-editor-link-jump-list button{width:100%;color:var(--line-strong);text-align:left;background:#ffffffc2;border:1px solid #006d682e;border-radius:8px;gap:4px;padding:9px 10px;display:grid}.diagram-editor-link-jump-row{padding:0}.diagram-editor-link-jump-row .diagram-editor-link-jump-item{background:0 0;border:0;border-radius:8px 8px 0 0;padding:9px 10px 5px}.diagram-editor-link-jump-row .diagram-editor-link-confirm-button{width:auto;color:var(--teal-dark);background:#006d6814;border-color:#006d6857;border-radius:999px;justify-self:start;margin:0 10px 9px;padding:4px 9px;font-size:.72rem;font-weight:900}.diagram-editor-link-filter{color:var(--muted);gap:6px;font-size:.74rem;font-weight:900;display:grid}.diagram-editor-link-filter input{width:100%;min-width:0}.diagram-editor-link-kind-filters{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;display:grid}.diagram-editor-link-kind-filters button{min-width:0;color:var(--line-strong);background:#ffffffb8;border:1px solid #006d682e;border-radius:999px;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;font-size:.7rem;font-weight:900;line-height:1.2;display:inline-flex}.diagram-editor-link-kind-filters button:hover,.diagram-editor-link-kind-filters button:focus-visible,.diagram-editor-link-kind-filters button.selected{color:var(--teal-dark);background:#006d681a;border-color:#006d6885}.diagram-editor-link-kind-filters button span{color:var(--muted);font-size:.68rem}.diagram-editor-link-jump-scroll{overscroll-behavior:contain;gap:8px;max-height:min(360px,48vh);padding-right:4px;display:grid;overflow-y:auto}.diagram-editor-link-jump-list button:hover,.diagram-editor-link-jump-list button:focus-visible,.diagram-editor-link-jump-row:hover,.diagram-editor-link-jump-row:focus-within,.diagram-editor-link-jump-row.selected,.diagram-editor-link-jump-list button.selected{background:#006d6814;border-color:#006d6885}.diagram-editor-link-jump-row .diagram-editor-link-confirm-button:hover,.diagram-editor-link-jump-row .diagram-editor-link-confirm-button:focus-visible{background:#006d6824;border-color:#006d688f}.diagram-editor-link-jump-list button span{font-weight:900}.diagram-editor-link-jump-list button small,.diagram-editor-link-jump-list p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.45}.diagram-editor-link-statuses{flex-wrap:wrap;gap:5px;display:flex}.diagram-editor-link-status{cursor:pointer;background:#ffffffb8;border:1px solid #006d6833;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:900;line-height:1.2}.diagram-editor-link-status-ok{color:#166534;background:#25956d1a;border-color:#25956d47}.diagram-editor-link-status-warn{color:#9a3412;background:#fff7edeb;border-color:#d9770652}.diagram-editor-link-status-action{color:var(--teal-dark);background:#006d6814;border-color:#006d6857}.diagram-editor-link-status-action:hover,.diagram-editor-link-status-action:focus-visible{background:#006d6824;border-color:#006d688f}.diagram-editor-zone-warning-list button{color:#7c2d12;text-align:left;background:#fff7edb8;border:1px solid #d977063d;border-radius:8px;gap:4px;width:100%;padding:9px 10px;display:grid}.diagram-editor-zone-warning-list button:hover,.diagram-editor-zone-warning-list button:focus-visible,.diagram-editor-zone-warning-list button.selected{background:#ffedd5f5;border-color:#d977068f}.diagram-editor-zone-warning-list button span{font-weight:900}.diagram-editor-zone-warning-list button small,.diagram-editor-zone-warning-list p{color:#9a3412;margin:0;font-size:.76rem;line-height:1.45}.diagram-editor-zone-risk-detail{color:#7c2d12;background:#fff7ede0;border:1px solid #d9770647;border-radius:8px;gap:8px;padding:10px;display:grid}.diagram-editor-zone-risk-detail strong{color:#9a3412}.diagram-editor-zone-risk-detail p{margin:0;font-size:.78rem;line-height:1.55}.diagram-editor-zone-risk-detail span{color:#b45309;font-weight:900;display:block}.diagram-editor-storage summary,.diagram-editor-export summary,.diagram-editor-table-export summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;list-style:none;display:grid}.diagram-editor-storage summary::-webkit-details-marker{display:none}.diagram-editor-export summary::-webkit-details-marker{display:none}.diagram-editor-table-export summary::-webkit-details-marker{display:none}.diagram-editor-storage summary:after,.diagram-editor-export summary:after,.diagram-editor-table-export summary:after{content:"開く";color:var(--teal-dark);border:1px solid #006d6833;border-radius:999px;justify-self:end;padding:3px 8px;font-size:.72rem;font-weight:900}.diagram-editor-storage[open] summary:after,.diagram-editor-export[open] summary:after,.diagram-editor-table-export[open] summary:after{content:"閉じる"}.diagram-editor-storage summary span,.diagram-editor-export summary span,.diagram-editor-table-export summary span{color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:.76rem;font-weight:800}.diagram-editor-storage[open],.diagram-editor-export[open],.diagram-editor-table-export[open]{gap:10px}.diagram-editor-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.diagram-editor-quick-actions button{cursor:pointer}.diagram-editor-quick-actions button:hover,.diagram-editor-quick-actions button:focus-visible{background:#006d6814;border-color:#006d6873}.diagram-editor-quick-actions button[aria-pressed=true]{color:var(--teal-dark);background:#006d6824;border-color:#006d68b8}.diagram-editor-storage-actions,.diagram-editor-export-actions,.diagram-editor-table-export-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.diagram-editor-export-actions{grid-template-columns:1fr}.diagram-editor-storage-actions button,.diagram-editor-storage>button,.diagram-editor-export-actions button,.diagram-editor-table-export-actions button,.diagram-editor-table-export>button{min-height:34px;color:var(--teal-dark);background:#fff;border:1px solid #006d6838;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:.78rem;font-weight:900;display:inline-flex}.diagram-editor-table-export-actions button:disabled{cursor:not-allowed;opacity:.55}.diagram-editor-storage-actions svg,.diagram-editor-export-actions svg,.diagram-editor-table-export-actions svg,.diagram-editor-table-export>button svg{width:15px;height:15px}.diagram-editor-property-section{background:#ffffff94;border:1px solid #006d6824;border-radius:8px;gap:9px;padding:10px;display:grid}.diagram-editor-property-section:not([open]){gap:0;padding-block:8px}.diagram-editor-property-section summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;list-style:none;display:flex}.diagram-editor-property-section summary::-webkit-details-marker{display:none}.diagram-editor-property-section summary:after{content:"-";width:18px;height:18px;color:var(--teal-dark);border:1px solid #006d682e;border-radius:6px;flex:none;place-items:center;font-size:.76rem;font-weight:900;display:inline-grid}.diagram-editor-property-section:not([open]) summary:after{content:"+"}.diagram-editor-property-section summary span{max-width:150px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:.68rem;font-weight:900;overflow:hidden}.diagram-editor-inspector label,.diagram-editor-storage label,.diagram-editor-table-export label{color:var(--muted);gap:4px;font-size:.78rem;font-weight:900;display:grid}.diagram-editor-inspector input,.diagram-editor-inspector select,.diagram-editor-inspector textarea,.diagram-editor-storage textarea,.diagram-editor-table-export textarea,.diagram-editor-connect select{border:1px solid var(--line);width:100%;min-height:34px;color:var(--line-strong);background:#fff;border-radius:8px;padding:7px 9px}.diagram-editor-inspector textarea{resize:vertical;min-height:72px}.diagram-editor-storage textarea{resize:vertical;min-height:86px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.diagram-editor-table-export textarea{resize:vertical;min-height:96px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.diagram-editor-storage p,.diagram-editor-export p,.diagram-editor-table-export p{color:var(--muted);margin:0;font-size:.76rem;font-weight:800}.diagram-editor-empty{color:var(--muted);margin:0;font-weight:800}.diagram-preview{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:8px;gap:12px;margin-top:20px;display:grid;overflow:hidden}.diagram-preview:fullscreen{background:#fff;border-radius:0;padding:14px}.diagram-preview-fullscreen{z-index:20;position:relative}.diagram-preview-head{border-bottom:1px solid var(--line);background:#f6f8fb;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.diagram-preview-head h3{color:var(--line-strong);margin:0;font-size:1rem}.diagram-preview-controls{align-items:center;gap:6px;display:flex}.diagram-preview-controls strong{text-align:center;min-width:44px;color:var(--line-strong);font-size:.8rem}.diagram-preview-controls button{width:32px;height:32px;color:var(--teal);cursor:pointer;background:#fff;border:1px solid #006d6838;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.diagram-preview-controls button:hover,.diagram-preview-controls button:focus-visible{background:#006d6814;border-color:#006d688c}.diagram-preview-controls svg{width:17px;height:17px}.diagram-preview-canvas{min-height:220px;max-height:560px;padding:18px;overflow:auto}.diagram-preview-fullscreen .diagram-preview-canvas{max-height:calc(100vh - 106px)}.diagram-preview:fullscreen .diagram-preview-canvas{max-height:calc(100vh - 106px)}.diagram-preview-scale{justify-content:center;width:max-content;min-width:100%;display:flex}.diagram-preview-scale svg{width:auto;max-width:100%;max-height:var(--diagram-max-height,520px);height:auto;display:block}.diagram-preview-fullscreen .diagram-preview-scale svg{max-height:max(var(--diagram-max-height,520px), calc(100vh - 138px))}.diagram-preview:fullscreen .diagram-preview-scale svg{max-height:max(var(--diagram-max-height,520px), calc(100vh - 138px))}.diagram-preview-loading{color:var(--muted);margin:0;padding:18px;font-weight:800}.review-score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.review-card,.priority-list{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:8px}.review-card{gap:8px;min-height:118px;padding:14px;display:grid}.review-card span,.priority-list h3{color:var(--muted);margin:0;font-size:.82rem;font-weight:900}.review-card strong{color:var(--line-strong);align-self:end;font-size:1rem;line-height:1.45}.priority-list{margin-top:20px;padding:16px 18px}.priority-list ol{gap:10px;margin:12px 0 0;padding-left:1.35rem;display:grid}.priority-list li{color:var(--ink);font-weight:800}.result-title,.record-row{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:6px;grid-template-columns:minmax(150px,.36fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.result-title{border-color:var(--line-strong);border-radius:var(--radius-card);background:var(--line-strong);color:#fff;grid-template-columns:1fr auto;padding:11px 14px}.result-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.grouped-actions{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(220px,.65fr);justify-content:stretch;gap:8px;margin-top:10px;display:grid}.action-group{border:1px solid var(--card-state-border);border-radius:var(--radius-card);background:var(--card-state-bg);background-size:auto,24px 24px;flex-wrap:wrap;align-content:start;gap:8px;min-width:0;padding:10px;display:flex}.action-group>strong{color:var(--ink);flex-basis:100%;font-size:.78rem;font-weight:950}.action-group .copy-action-button{flex:160px;justify-content:center}.action-group.primary-flow{border-color:var(--card-support-border);background:var(--card-support-bg)}.action-group.primary-flow .copy-action-button:first-of-type{background:var(--teal-dark);color:#fff}.action-group.support-flow{background:var(--card-state-bg);background-size:auto,24px 24px}.action-group.output-flow{background:var(--surface-raised)}.compact-next-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.result-title.compact{margin-top:0}.code-output{border:1px solid var(--line);color:#e9f8f5;white-space:pre-wrap;background:#101820;border-radius:6px;max-height:360px;margin:0;padding:14px;font-family:Cascadia Mono,Consolas,monospace;font-size:.88rem;line-height:1.55;overflow:auto}.code-output.compact{max-height:180px}.diff-view{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;width:100%;min-width:0;max-width:100%;max-height:620px;margin-top:18px;display:grid;overflow:auto;box-shadow:inset 0 1px #ffffffdb}.diff-toolbar{z-index:3;border-bottom:1px solid var(--line);color:var(--ink);background:#f5f8fb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 12px;display:flex;position:sticky;top:0}.diff-toolbar strong{font-size:.86rem}.diff-toolbar span{color:var(--muted);font-size:.78rem;font-weight:800}.diff-head,.diff-row{grid-template-columns:62px minmax(280px,1fr) 62px minmax(280px,1fr);align-items:stretch;gap:0;display:grid}.diff-head{z-index:2;background:var(--line-strong);color:#fff;font-size:.78rem;font-weight:900;position:sticky;top:45px}.diff-head span,.diff-head strong,.diff-row span,.diff-row code{border-right:1px solid #1724321f;padding:9px 10px}.diff-row{border-top:1px solid var(--line)}.diff-line-no{color:var(--muted);text-align:right;background:#17243209;font-size:.78rem;font-weight:900}.diff-code{overflow-wrap:anywhere;white-space:pre-wrap;border-right:0;font-family:Cascadia Mono,Consolas,monospace;font-size:.84rem;line-height:1.5}.diff-code.empty{background:#17243209}.diff-row.added{background:#effdf5}.diff-row.removed{background:#fff4f2}.diff-row.changed{background:#fff9e8}.diff-row.same{background:#fff}.diff-row.added .diff-code.after{background:#dcfce9}.diff-row.removed .diff-code.before{background:#ffe2dd}.diff-row.changed .diff-code.before{background:#ffede8}.diff-row.changed .diff-code.after{background:#e8f8ed}.record-row:nth-child(odd){background:#f6f8fb}.record-row.tall{align-items:start}.record-row span,.record-row small{color:var(--muted);font-size:.86rem;font-weight:800}.record-row strong{overflow-wrap:anywhere;min-width:0;font-family:BIZ UDPGothic,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-weight:800}.markdown-preview-row{align-items:start}.markdown-preview{min-width:0;max-height:520px;color:var(--ink);overflow-wrap:anywhere;background:#ffffffdb;border:1px solid #006d6829;border-radius:8px;padding:14px 16px;overflow:auto}.markdown-preview h4,.markdown-preview h5,.markdown-preview h6,.markdown-preview p,.markdown-preview ul,.markdown-preview ol,.markdown-preview blockquote,.markdown-preview pre,.markdown-preview hr,.markdown-preview table{margin:0}.markdown-preview h4{color:var(--line-strong);margin-bottom:12px;font-size:1.05rem;font-weight:950}.markdown-preview h5{color:var(--ink);border-bottom:1px solid #006d6829;margin-top:16px;margin-bottom:8px;padding-bottom:6px;font-size:.94rem;font-weight:950}.markdown-preview h6{color:var(--ink);margin-top:12px;margin-bottom:6px;font-size:.88rem;font-weight:900}.markdown-preview p,.markdown-preview li{color:var(--ink);font-size:.9rem;font-weight:650;line-height:1.7}.markdown-preview blockquote{background:#006d680f;border-left:3px solid #006d685c;border-radius:0 7px 7px 0;gap:6px;margin-top:10px;padding:9px 12px;display:grid}.markdown-preview hr{border:0;border-top:1px solid #006d682e;margin:14px 0}.markdown-preview a{color:var(--line-strong);text-underline-offset:3px;font-weight:900;text-decoration:underline}.markdown-preview p+p,.markdown-preview p+ul,.markdown-preview p+ol,.markdown-preview blockquote+h5,.markdown-preview ul+h5,.markdown-preview ol+h5,.markdown-preview .markdown-preview-table-wrap+h5,.markdown-preview .markdown-preview-code+h5{margin-top:12px}.markdown-preview ul,.markdown-preview ol{gap:6px;padding-left:1.25rem;display:grid}.markdown-preview code{color:var(--line-strong);background:#006d681a;border-radius:4px;padding:1px 5px;font-family:Cascadia Mono,Consolas,monospace;font-size:.84em}.markdown-preview-code{color:#e9f8f5;white-space:pre-wrap;background:#101820;border-radius:7px;max-height:260px;margin-top:8px;padding:12px;overflow:auto}.markdown-preview-code code{color:inherit;background:0 0;padding:0}.markdown-preview-table-wrap{border:1px solid #006d6824;border-radius:7px;margin-top:10px;overflow:auto}.markdown-preview table{border-collapse:collapse;width:100%;min-width:520px;font-size:.84rem}.markdown-preview th,.markdown-preview td{text-align:left;vertical-align:top;border-bottom:1px solid #0f172a17;padding:8px 10px}.markdown-preview th{color:var(--line-strong);background:#006d6814;font-weight:950}.data-preview{background:#ffffffdb;border:1px solid #006d6829;border-radius:8px;gap:10px;min-width:0;max-height:560px;padding:12px;display:grid;overflow:auto}.data-preview-summary{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.data-preview-summary span,.data-preview-summary small{color:var(--line-strong);background:#006d6814;border:1px solid #006d6829;border-radius:999px;padding:4px 8px;font-size:.76rem;font-weight:950}.data-preview-summary strong{color:var(--ink);font-size:.92rem;font-weight:950}.data-preview-kv{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.data-preview-kv div{background:#f8fafce0;border:1px solid #006d681f;border-radius:7px;gap:3px;padding:8px 10px;display:grid}.data-preview-kv span{color:var(--muted);font-size:.74rem;font-weight:900}.data-preview-kv strong{color:var(--ink);overflow-wrap:anywhere;font-size:.84rem;font-weight:850}.record-row .copy-action-button{color:var(--line-strong);background:#006d6814;border-color:#006d6838}.record-row .copy-action-button:hover,.record-row .copy-action-button.copied{background:#006d6824}.compact-table .record-row{grid-template-columns:64px 110px minmax(220px,.9fr) minmax(260px,1.1fr);align-items:start}.compact-table .table-head{background:var(--line-strong)}.compact-table .table-head span{color:#fff}.compact-table code{overflow-wrap:anywhere;font-family:Cascadia Mono,Consolas,monospace;font-size:.84rem;line-height:1.45}.raw-config-sheet-editor{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;margin-top:16px;padding:14px;display:grid}.raw-config-saved-sheets{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;margin:0 0 18px;padding:14px;display:grid}.raw-config-result-overview{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;margin:0 0 16px;padding:14px;display:grid}.raw-config-output-layout{flex-direction:column;gap:14px;min-width:0;display:flex}.raw-config-generated-results{order:1;gap:12px;min-width:0;display:grid}.raw-config-output-layout .raw-config-saved-sheets{order:2}.raw-config-result-overview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.raw-config-result-overview-header div{gap:4px;display:grid}.raw-config-result-overview-header strong{color:var(--ink);font-size:1rem}.raw-config-result-overview-header span{color:var(--muted);font-size:.84rem;font-weight:800}.raw-config-outcome-board{margin-top:2px}.raw-config-command-bar{background:linear-gradient(135deg,#fffffff2,#eefdfaeb),radial-gradient(circle at 100% 0,#2d6cdf1a,#0000 40%);border:1px solid #006d682e;border-radius:10px;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);align-items:stretch;gap:12px;margin:0 0 16px;padding:12px;display:grid;box-shadow:0 14px 28px #10182014}.raw-config-command-summary{border-right:1px solid #1724321a;align-content:center;gap:5px;min-width:0;padding-right:12px;display:grid}.raw-config-command-summary span{color:var(--teal-dark);font-size:.76rem;font-weight:950}.raw-config-command-summary strong{color:var(--ink);font-size:1rem}.raw-config-command-summary small{color:var(--muted);font-size:.78rem;font-weight:800;line-height:1.45}.raw-config-command-actions{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.raw-config-command-project-select,.diagram-editor-project-save label,.cloud-canvas-tool-popover label{min-width:0;color:var(--muted);gap:4px;font-size:.72rem;font-weight:900;display:grid}.raw-config-command-project-select select,.diagram-editor-project-save select,.cloud-canvas-tool-popover select{min-width:0;min-height:38px;color:var(--ink);font:inherit;background:#fff;border:1px solid #006d6838;border-radius:8px;padding:7px 9px;font-size:.8rem;font-weight:850}.diagram-editor-project-save{background:#006d680a;border:1px solid #006d6824;border-radius:8px;gap:6px;padding:8px;display:grid}.raw-config-command-actions button{min-width:0;min-height:48px;color:var(--teal-dark);cursor:pointer;background:#fff;border:1px solid #006d6838;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 10px;font-weight:950;display:inline-flex;box-shadow:0 10px 18px #1018200f}.raw-config-command-actions button:hover,.raw-config-command-actions button:focus-visible{background:#edfdfa;border-color:#006d689e;transform:translateY(-1px)}.raw-config-command-actions svg{flex:none;width:17px;height:17px}.raw-config-summary-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.raw-config-summary-card{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;gap:6px;min-height:96px;padding:12px;display:grid}.raw-config-summary-card span{color:var(--muted);font-size:.78rem;font-weight:900}.raw-config-summary-card strong{color:var(--ink);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden}.raw-config-device-detail{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;max-width:100%;margin:0 0 12px}.raw-config-device-detail summary{min-height:54px;color:var(--ink);cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-weight:900;list-style:none;display:flex}.raw-config-device-detail summary::-webkit-details-marker{display:none}.raw-config-device-detail summary:after{content:"開く";border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:.76rem;font-weight:900}.raw-config-device-detail[open] summary:after{content:"閉じる"}.raw-config-device-detail summary span{align-items:center;gap:8px;display:inline-flex}.raw-config-device-detail summary small{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:280px;font-size:.82rem;font-weight:800;overflow:hidden}.raw-config-device-detail svg{width:16px;height:16px}.raw-config-device-detail-body{border-top:1px solid var(--line);gap:12px;min-width:0;max-width:100%;padding:14px;display:grid}.raw-config-saved-preview{border-top:1px solid var(--line);flex-basis:100%;padding-top:10px}.raw-config-saved-preview summary{color:var(--ink);cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-weight:900;list-style:none;display:flex}.raw-config-saved-preview summary::-webkit-details-marker{display:none}.raw-config-saved-preview summary span{align-items:center;gap:8px;display:inline-flex}.raw-config-saved-preview summary small{color:var(--muted);font-size:.8rem;font-weight:900}.raw-config-saved-preview summary:after{content:"開く";border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:900}.raw-config-saved-preview[open] summary:after{content:"閉じる"}.raw-config-saved-table-view{gap:12px;margin-top:12px;display:grid}.raw-config-saved-sheet-section{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;padding:10px;display:grid}.raw-config-device-review-panel{background:linear-gradient(#fff,#f8fcfb);border:1px solid #006d682e;border-radius:10px;gap:10px;min-width:0;max-width:100%;padding:12px;display:grid}.raw-config-device-review-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.raw-config-device-review-head div{gap:3px;display:grid}.raw-config-device-review-head span{color:var(--teal-dark);font-size:.76rem;font-weight:950}.raw-config-device-review-head h4{color:var(--ink);margin:0;font-size:1rem}.raw-config-device-summary-strip,.raw-config-sheet-chip-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.raw-config-device-summary-strip article,.raw-config-sheet-chip-grid article{border:1px solid var(--line);background:#fff;border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.raw-config-device-summary-strip span,.raw-config-sheet-chip-grid span{color:var(--muted);font-size:.75rem;font-weight:850}.raw-config-device-summary-strip strong,.raw-config-sheet-chip-grid strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:950;overflow:hidden}.raw-config-review-action-board{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.raw-config-review-action-card{border:1px solid #1724321f;border-left:5px solid var(--amber);background:#fff;border-radius:8px;gap:8px;min-width:0;padding:10px;display:grid}.raw-config-review-action-card.high{border-left-color:var(--rust)}.raw-config-review-action-card.low{border-left-color:var(--teal-dark)}.raw-config-review-action-card div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.raw-config-review-action-card span{color:#8a5a00;background:#e0a63a24;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:950}.raw-config-review-action-card.high span{color:var(--rust);background:#b5473224}.raw-config-review-action-card.low span{color:var(--teal-dark);background:#006d681f}.raw-config-review-action-card strong{color:var(--ink);font-size:.85rem;font-weight:950}.raw-config-review-action-card p,.raw-config-review-action-card small{color:var(--muted);margin:0;font-size:.8rem;line-height:1.55}.raw-config-review-action-card p{color:var(--ink);font-weight:800}.raw-config-device-review-section{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.raw-config-device-review-section summary{color:var(--ink);cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;list-style:none;display:flex}.raw-config-device-review-section summary::-webkit-details-marker{display:none}.raw-config-device-review-section summary span{color:var(--muted);font-size:.76rem;font-weight:900}.raw-config-device-review-section[open] summary{margin-bottom:10px}.raw-config-saved-sheet-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.raw-config-saved-sheet-title strong{color:var(--ink);font-size:.92rem}.raw-config-saved-sheet-title span{color:var(--muted);font-size:.78rem;font-weight:900}.raw-config-saved-table-wrap{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;max-height:360px;overflow:auto}.raw-config-saved-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.82rem}.raw-config-saved-table th,.raw-config-saved-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;min-width:140px;max-width:360px;padding:7px 8px}.raw-config-saved-table th{z-index:1;background:var(--line-strong);color:#fff;font-weight:900;position:sticky;top:0}.raw-config-saved-table td:last-child,.raw-config-saved-table th:last-child{border-right:0}.raw-config-saved-compare{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;gap:12px;padding:12px;display:grid}.raw-config-saved-compare-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.raw-config-saved-compare-header div{gap:4px;display:grid}.raw-config-saved-compare-header strong{color:var(--ink);font-size:.96rem}.raw-config-saved-compare-header span,.raw-config-saved-compare-controls span{color:var(--muted);font-size:.82rem;font-weight:900}.raw-config-saved-compare-controls{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.raw-config-saved-compare-controls label{gap:6px;display:grid}.raw-config-saved-compare-controls select{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:6px;padding:8px 10px;font-weight:800}.raw-config-compare-summary{flex-wrap:wrap;gap:8px;display:flex}.raw-config-compare-summary span{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:900}.raw-config-compare-actions{flex-wrap:wrap;gap:8px;display:flex}.raw-config-compare-actions button{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-weight:900;display:inline-flex}.raw-config-compare-actions svg{width:16px;height:16px}.raw-config-compare-table tr[data-status=追加] td:first-child{color:#047857;font-weight:900}.raw-config-compare-table tr[data-status=削除] td:first-child{color:#b42318;font-weight:900}.raw-config-compare-table tr[data-status=変更] td:first-child{color:#a16207;font-weight:900}.raw-config-logical-diagram{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;gap:10px;padding:12px;display:grid}.raw-config-logical-diagram-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.raw-config-logical-diagram-header div{gap:4px;display:grid}.raw-config-logical-diagram-header strong{color:var(--ink);font-size:.96rem}.raw-config-logical-diagram-header span{color:var(--muted);font-size:.82rem;font-weight:900}.raw-config-logical-diagram-header button{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-weight:900;display:inline-flex}.raw-config-logical-diagram-header svg{width:16px;height:16px}.raw-config-saved-sheets-header,.raw-config-saved-item,.raw-config-saved-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.raw-config-saved-sheets-summary{color:var(--ink);cursor:pointer;background:#ffffffb8;border:1px solid #006d6829;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:-4px -4px 8px;padding:10px 12px;font-weight:950;list-style:none;display:flex}.raw-config-saved-sheets-summary::-webkit-details-marker{display:none}.raw-config-saved-sheets-summary:after{color:var(--muted);content:"開く";font-size:.76rem;font-weight:900}.raw-config-saved-sheets[open] .raw-config-saved-sheets-summary:after{content:"閉じる"}.raw-config-saved-sheets-summary span{align-items:center;gap:8px;display:inline-flex}.raw-config-saved-sheets-summary small{color:var(--muted);font-size:.78rem;font-weight:900}.raw-config-saved-sheets-summary svg{width:17px;height:17px;color:var(--teal-dark)}.raw-config-saved-sheets-header div,.raw-config-saved-item div:first-child{gap:4px;display:grid}.raw-config-saved-sheets-header strong,.raw-config-saved-item strong{color:var(--ink);font-size:1rem}.raw-config-saved-sheets-header span,.raw-config-saved-item span,.raw-config-saved-message{color:var(--muted);font-size:.84rem;font-weight:800}.raw-config-saved-list{gap:10px;display:grid}.raw-config-saved-search{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:8px 10px;display:grid}.raw-config-saved-search svg{width:17px;height:17px;color:var(--muted)}.raw-config-saved-search input{min-height:34px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-weight:800}.raw-config-saved-item{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;padding:12px}.raw-config-saved-item span,.raw-config-saved-actions button{align-items:center;gap:6px;display:inline-flex}.raw-config-saved-item p{max-width:72ch;color:var(--muted);margin:0;font-size:.84rem}.raw-config-saved-actions button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:6px;padding:7px 10px;font-weight:900}.raw-config-saved-actions button:hover{border-color:var(--teal);color:var(--teal-dark)}.raw-config-saved-sheets-header button:disabled{cursor:not-allowed;opacity:.55}.raw-config-saved-item svg,.raw-config-saved-actions button svg{width:16px;height:16px}.raw-config-sheet-editor-header,.raw-config-sheet-editor-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.raw-config-sheet-editor-header div{gap:3px;display:grid}.raw-config-sheet-editor-header strong{color:var(--ink);font-size:1rem}.raw-config-sheet-editor-header span,.raw-config-sheet-editor-header label span{color:var(--muted);font-size:.82rem;font-weight:800}.raw-config-sheet-editor-header label{gap:6px;min-width:min(260px,100%);display:grid}.raw-config-sheet-editor-header select{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:6px;padding:8px 10px;font-weight:800}.raw-config-editable-table-wrap{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;max-height:460px;overflow:auto}.raw-config-editable-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.86rem}.raw-config-editable-table th,.raw-config-editable-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top;min-width:150px;padding:8px}.raw-config-editable-table th{z-index:1;background:var(--line-strong);color:#fff;text-align:left;font-weight:900;position:sticky;top:0}.raw-config-editable-table td:last-child,.raw-config-editable-table th:last-child{border-right:0;min-width:92px}.raw-config-editable-table input{width:100%;min-width:132px;color:var(--ink);font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 8px;font-family:BIZ UDPGothic,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}.raw-config-editable-table input:focus{border-color:var(--teal);background:#fff;outline:2px solid #28968c2e}.raw-config-editable-table button,.raw-config-sheet-editor-actions button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-weight:900;display:inline-flex}.raw-config-editable-table button:hover,.raw-config-sheet-editor-actions button:hover{border-color:var(--teal);color:var(--teal-dark)}.raw-config-editable-table button svg,.raw-config-sheet-editor-actions button svg{width:16px;height:16px}.risk-level{border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:28px;padding:6px 10px;font-size:.76rem;line-height:1;display:inline-flex}.risk-level.high{color:#ad3b2a;background:#fff1f0}.risk-level.medium{color:#8a5a00;background:#fff7df}.risk-level.low{color:var(--teal-dark);background:#edfdfa}.icon-button{color:#fff;background:#ffffff1f;border:1px solid #ffffff57;border-radius:6px;place-items:center;width:40px;height:40px;display:inline-grid}.icon-button:hover{background:#ffffff38}.copy-action-button{color:#fff;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff57;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-weight:900;display:inline-flex}.copy-action-button:hover,.copy-action-button.copied{background:#ffffff3d}.copy-action-button svg{width:17px;height:17px}.hint{color:#566371;margin:16px 0 0;font-weight:700}.warning-list{border:1px solid #efc4ad;border-left:4px solid var(--rust);color:var(--rust);background:#fff5ef;border-radius:6px;margin:0;padding:15px 16px 15px 34px;font-weight:700}.reference-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:18px;display:grid}.reference-card{background:#fff;border:1px solid #1724321f;border-radius:8px;gap:8px;padding:14px;display:grid}.reference-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.reference-head strong{color:var(--teal-dark);font-size:1.35rem}.reference-head span{background:var(--panel-soft);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:.76rem;font-weight:900}.reference-card p,.reference-card small{color:#53606d;margin:0}.reference-card small{border-top:1px solid var(--line);padding-top:8px;font-weight:700}.glossary-directory{gap:10px;margin-top:18px;display:grid}.glossary-search-form{align-items:end}.glossary-search-input-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.glossary-search-assist{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:14px;display:grid}.glossary-search-summary{color:var(--muted);background:#f1fbf8;border:1px solid #006d6829;border-radius:8px;align-items:baseline;gap:4px;padding:8px 10px;font-size:.84rem;font-weight:900;display:inline-flex}.glossary-search-summary strong{color:var(--teal-dark);font-size:1.2rem}.glossary-query-chips{flex-wrap:wrap;gap:8px;display:flex}.glossary-query-chips button{color:var(--muted);cursor:pointer;font:inherit;background:#fff;border:1px solid #1724321f;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900}.glossary-query-chips button:hover,.glossary-query-chips button.active{color:var(--teal-dark);background:#e8f8f5;border-color:#006d6857}.glossary-row{background:#fff;border:1px solid #1724321f;border-radius:8px;grid-template-columns:minmax(180px,.75fr) minmax(280px,2fr);gap:14px;padding:14px;display:grid}.glossary-term-cell,.glossary-detail-cell{align-content:start;gap:7px;display:grid}.glossary-term-cell strong{color:var(--teal-dark);font-size:1.2rem}.glossary-term-cell span,.glossary-detail-cell small{color:var(--muted);font-size:.82rem;font-weight:800}.glossary-category{background:var(--panel-soft);color:var(--muted);border-radius:999px;justify-self:start;padding:4px 8px;font-size:.76rem;font-weight:900}.glossary-detail-cell p,.glossary-detail-cell small{margin:0}.glossary-row-actions{border-top:1px solid #17243214;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;padding-top:8px;display:flex}.glossary-row-actions span,.glossary-row-actions a{border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:900}.glossary-row-actions span{color:var(--muted);background:#f5f8f9}.glossary-row-actions a{background:var(--teal-dark);color:#fff;text-decoration:none}.glossary-row-actions a:hover{background:#00514d}.navigator-panel{gap:18px;margin-top:18px;display:grid}.step-list{gap:8px;margin:10px 0 0;padding-left:24px;display:grid}.step-list li{color:#344253;font-weight:700}.command-list{border:1px solid var(--line);background:#fff;border-top:0;gap:8px;padding:12px;display:grid}.command-list code{color:#e8f3f0;background:#101820;border-radius:6px;padding:10px 12px;display:block;overflow-x:auto}.legal-page{width:min(var(--content-width), 100%);gap:18px;margin:14px auto 0;display:grid}.legal-hero,.legal-content,.contact-form-panel,.back-home{border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px}.contact-form-panel{gap:18px;padding:28px 30px;display:grid}.contact-form-panel p{color:var(--muted);margin:8px 0 0;font-weight:800}.pricing-plans,.pricing-pro-lite-value,.pricing-comparison,.pricing-trust{border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px;padding:clamp(22px,3vw,32px)}.pricing-plans,.pricing-pro-lite-value,.pricing-comparison{gap:18px;display:grid}.pricing-plans-head,.pricing-pro-lite-head,.pricing-comparison-head,.pricing-trust>div{gap:8px;display:grid}.pricing-plans-head h2,.pricing-pro-lite-head h2,.pricing-comparison-head h2,.pricing-trust h2{color:var(--ink);margin:0;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.2}.pricing-plans-head p:last-child,.pricing-pro-lite-head p,.pricing-comparison-head p,.pricing-trust p{max-width:78ch;color:var(--muted);margin:0;font-weight:800}.pricing-status-pills,.pricing-trust{flex-wrap:wrap;gap:8px;display:flex}.pricing-status-pills span{color:var(--teal-dark);background:#edfdfad6;border:1px solid #006d6829;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:950}.contact-category-guidance{color:var(--teal-dark);background:#edfdfad6;border:1px solid #006d6829;border-radius:8px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:.84rem;font-weight:900;line-height:1.55}.pricing-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pricing-plan-card{background:#ffffffc2;border:1px solid #2d6cdf29;border-radius:8px;align-content:start;gap:16px;min-width:0;padding:18px;display:grid}.pricing-plan-card[data-tone=featured]{background:linear-gradient(#edfdfaf5,#ffffffd6),radial-gradient(circle at 100% 0,#006d682e,#0000 34%);border-color:#006d6857;box-shadow:0 18px 44px #006d681f}.pricing-plan-card[data-tone=future]{background:#f6faffd1;border-style:dashed}.pricing-plan-card>div{gap:6px;display:grid}.pricing-plan-card span,.pricing-plan-card small,.pricing-plan-card li,.pricing-comparison-row span{color:var(--muted)}.pricing-plan-card span,.pricing-plan-card small{font-size:.78rem;font-weight:900}.pricing-plan-card h3{color:var(--ink);margin:0;font-size:1.28rem}.pricing-plan-card strong{color:var(--ink);font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.1}.pricing-plan-card a{min-height:42px;color:var(--teal-dark);text-align:center;background:#fff;border:1px solid #006d6838;border-radius:8px;justify-content:center;align-items:center;padding:9px 12px;font-size:.86rem;font-weight:950;text-decoration:none;display:inline-flex}.pricing-plan-card[data-tone=featured] a{background:var(--cta-bg);color:#fff;border:0;box-shadow:0 12px 26px #2d6cdf2e}.pricing-plan-card ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.pricing-plan-card li{padding-left:18px;font-size:.86rem;font-weight:800;line-height:1.5;position:relative}.pricing-plan-card li:before{color:var(--teal-dark);content:"✓";font-weight:950;position:absolute;left:0}.pricing-pro-lite-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pricing-pro-lite-grid article{background:#edfdfabd;border:1px solid #006d682e;border-radius:8px;gap:8px;min-width:0;padding:15px;display:grid}.pricing-pro-lite-grid strong{color:var(--ink);font-size:.98rem;font-weight:950}.pricing-pro-lite-grid p{color:var(--muted);margin:0;font-size:.86rem;font-weight:820;line-height:1.55}.pricing-comparison-table{border:1px solid var(--border-subtle);border-radius:8px;display:grid;overflow:hidden}.pricing-comparison-row{grid-template-columns:minmax(150px,.9fr) repeat(3,minmax(0,1fr));display:grid}.pricing-comparison-row+.pricing-comparison-row{border-top:1px solid var(--line)}.pricing-comparison-row span{min-width:0;padding:12px;font-size:.82rem;font-weight:850;line-height:1.45}.pricing-comparison-row span+span{border-left:1px solid var(--line)}.pricing-comparison-row span:first-child,.pricing-comparison-row-head span{color:var(--ink);font-weight:950}.pricing-comparison-row-head{background:#edfdfac7}.pricing-trust{justify-content:space-between;align-items:center}.contact-form{border:1px solid var(--border-subtle);background:var(--surface-soft);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.contact-form-message,.contact-form button,.contact-honeypot{grid-column:1/-1}.contact-form-message textarea{min-height:180px}.contact-form button{background:var(--cta-bg);color:#fff;border:0;border-radius:6px;justify-self:start;min-height:48px;padding:10px 24px;font-weight:900;box-shadow:0 12px 26px #2d6cdf3d}.contact-form button:disabled{cursor:not-allowed;opacity:.7}.contact-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.legal-hero{background:linear-gradient(180deg, var(--surface-raised), var(--surface)), radial-gradient(circle at top right, #009f8d29, transparent 38%);padding:clamp(24px,3vw,36px)}.legal-hero h1{color:var(--ink);font-size:clamp(2rem,5vw,3.2rem)}.legal-hero p:last-child{max-width:760px;color:var(--muted);margin:14px 0 0;font-weight:800}.legal-content{gap:0;display:grid;overflow:hidden}.legal-section{gap:10px;padding:26px 30px;display:grid}.legal-section+.legal-section{border-top:1px solid var(--line)}.legal-section p{max-width:88ch;color:var(--muted);margin:0;font-weight:700}.back-home{color:var(--teal-dark);justify-self:start;padding:11px 14px;font-weight:900;text-decoration:none}.back-home:hover{background:var(--surface-tinted);text-underline-offset:4px;text-decoration:underline}.site-footer{color:#566371;border-top:1px solid #17243229;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:28px;padding:20px 2px 6px;font-size:.86rem;font-weight:800;display:flex}.site-footer p{margin:0}.footer-links{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{color:var(--teal-dark);text-underline-offset:4px;text-decoration:underline}.page-jump-nav{z-index:30;gap:8px;display:grid;position:fixed;bottom:22px;right:18px}.page-jump-nav a{width:42px;height:42px;box-shadow:var(--shadow-soft);color:var(--teal-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #1724322e;border-radius:8px;place-items:center;font-size:1.15rem;font-weight:900;text-decoration:none;display:inline-grid}.page-jump-nav a:hover{background:var(--teal-dark);color:#fff;transform:translateY(-1px)}.select-label.wide{min-width:min(100%,520px)}:root[data-theme=dark]{--ink:#eef7f4;--muted:#a9bac2;--text-main:var(--ink);--text-muted:var(--muted);--panel:#17252c;--panel-soft:#20313a;--surface:#14242cf5;--surface-raised:#162831fa;--surface-soft:#0f1d24e6;--surface-tinted:#123132c7;--line:#31464f;--line-strong:#0e1c22;--border-subtle:#8fe2d42e;--border-accent:#8fe2d438;--teal:#31c7b5;--teal-dark:#8fe2d4;--blue:#9fbfff;--amber:#f0b857;--rust:#ff8a6d;--accent:var(--teal-dark);--accent-soft:#31c7b51f;--cta-bg:linear-gradient(135deg, #0f8f87, #476fae);--cta-bg-hover:linear-gradient(135deg, #31c7b5, #6e96d8);--shadow:0 24px 70px #00000057;--shadow-soft:0 14px 38px #0000003d;--focus-ring:0 0 0 4px #31c7b52e;--page-bg:linear-gradient(#8fe2d40d 1px, transparent 1px), linear-gradient(90deg, #8fe2d40a 1px, transparent 1px), linear-gradient(135deg, #081115 0%, #10252a 50%, #141b2a 100%);background:#0c1418}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell{background:var(--page-bg);background-size:32px 32px,32px 32px,auto}:root[data-theme=dark] .app-topbar,:root[data-theme=dark] .network-pack-stage,:root[data-theme=dark] .design-project-workspace,:root[data-theme=dark] .tool-finder,:root[data-theme=dark] .tool-library-drawer,:root[data-theme=dark] .tool-library-drawer[open],:root[data-theme=dark] .active-tool-summary,:root[data-theme=dark] .network-design-workbench-guide{border-color:var(--border-subtle);background:linear-gradient(180deg, var(--surface), var(--surface-soft)), radial-gradient(circle at top right, #31c7b51a, transparent 36%);box-shadow:var(--shadow)}:root[data-theme=dark] .tool-safety-note{border-color:var(--card-support-border);background:var(--card-support-bg);color:#eef7f4eb}:root[data-theme=dark] .tool-safety-note svg,:root[data-theme=dark] .tool-safety-note a{color:#8fe2d4}:root[data-theme=dark] .tool-safety-note p{color:#e4f0f6d6}:root[data-theme=dark] .tool-state-guide-steps span{color:#e4f0f6d6;background:#0f172ad1;border-color:#8fe2d438}:root[data-theme=dark] .tool-state-guide-steps strong{color:#8fe2d4;background:#8fe2d41f}:root[data-theme=dark] .tool-safety-badges span{color:#8fe2d4;background:#8fe2d41a;border-color:#8fe2d447}:root[data-theme=dark] .network-pack-stage-main,:root[data-theme=dark] .network-pack-flow-drawer,:root[data-theme=dark] .network-pack-step,:root[data-theme=dark] .support-route-card,:root[data-theme=dark] .tool-category-heading,:root[data-theme=dark] .tool-card,:root[data-theme=dark] .purpose-card,:root[data-theme=dark] .purpose-shortcut-flow,:root[data-theme=dark] .incident-workflow-guide{border-color:var(--border-subtle);background:var(--surface-raised)}:root[data-theme=dark] .network-pack-flow-drawer[open]{background:#0f1d24fa}:root[data-theme=dark] .network-pack-flow-drawer summary strong{color:var(--ink)}:root[data-theme=dark] label,:root[data-theme=dark] .tool-card p,:root[data-theme=dark] .tool-finder-intro p:last-child,:root[data-theme=dark] .tool-finder-route-note p,:root[data-theme=dark] .tool-library-summary p,:root[data-theme=dark] .network-pack-stage-main p:not(.eyebrow),:root[data-theme=dark] .network-pack-step small,:root[data-theme=dark] .active-tool-summary p,:root[data-theme=dark] .network-design-workbench-guide p,:root[data-theme=dark] .hint{color:var(--muted)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{border-color:var(--line);color:var(--ink);background:#071116db}:root[data-theme=dark] .tool-finder-intro{border-bottom-color:#8fe2d424}:root[data-theme=dark] .tool-finder-route-chips span,:root[data-theme=dark] .tool-library-summary-tags span,:root[data-theme=dark] .tool-finder-glossary-link{color:#8fe2d4;background:#8fe2d41a;border-color:#8fe2d438}:root[data-theme=dark] .tool-finder-intro h2{color:var(--ink)}:root[data-theme=dark] .support-route-card{background:linear-gradient(#16252df5,#0f1d24e6),radial-gradient(circle at 100% 0,#31c7b524,#0000 34%);border-color:#8fe2d42e}:root[data-theme=dark] .support-route-card strong{color:var(--ink)}:root[data-theme=dark] .support-route-card small{color:#9ff5eb;background:#8fe2d41f}:root[data-theme=dark] .support-route-card[open] summary{border-bottom-color:#8fe2d424}:root[data-theme=dark] .support-finder-drawer>summary strong{color:var(--ink)}:root[data-theme=dark] .support-finder-drawer>summary span{color:var(--muted)}:root[data-theme=dark] .support-finder-drawer[open]>summary{border-bottom-color:#8fe2d424}:root[data-theme=dark] .diagram-review-head,:root[data-theme=dark] .outcome-card,:root[data-theme=dark] .diagram-review-summary-card,:root[data-theme=dark] .diagram-review-detail-block,:root[data-theme=dark] .diagram-review-mermaid-block,:root[data-theme=dark] .diagram-review-action-list,:root[data-theme=dark] .interface-review-check-card{background:#0f1d24b8;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-review-head h3,:root[data-theme=dark] .outcome-card strong,:root[data-theme=dark] .diagram-review-summary-card strong,:root[data-theme=dark] .diagram-review-detail-block summary strong,:root[data-theme=dark] .diagram-review-mermaid-block summary strong,:root[data-theme=dark] .diagram-review-action-group>strong,:root[data-theme=dark] .diagram-review-action-group button,:root[data-theme=dark] .interface-review-check-card strong,:root[data-theme=dark] .interface-review-check-card span,:root[data-theme=dark] .interface-review-preview-list span{color:var(--ink)}:root[data-theme=dark] .diagram-review-action-group{border-top-color:#8fe2d41f}:root[data-theme=dark] .outcome-card{border-color:var(--card-state-border);background:var(--card-state-bg);background-size:auto,24px 24px}:root[data-theme=dark] .diagram-review-action-category{color:var(--ink);background:#31c7b51a;border-color:#8fe2d433}:root[data-theme=dark] .diagram-review-action-group button{background:#31c7b514;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-review-action-group button:not(:disabled):hover,:root[data-theme=dark] .diagram-review-action-group button:not(:disabled):focus-visible{background:#31c7b524;border-color:#8fe2d45c}:root[data-theme=dark] .interface-review-check-card button,:root[data-theme=dark] .interface-review-preview-list button{color:var(--ink);background:#31c7b514;border-color:#8fe2d42e}:root[data-theme=dark] .interface-review-check-card button:hover,:root[data-theme=dark] .interface-review-check-card button:focus-visible,:root[data-theme=dark] .interface-review-preview-list button:hover,:root[data-theme=dark] .interface-review-preview-list button:focus-visible{background:#31c7b524;border-color:#8fe2d45c}:root[data-theme=dark] .brand-name,:root[data-theme=dark] .legal-hero h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] .tool-card strong,:root[data-theme=dark] .record-row strong{color:var(--ink)}:root[data-theme=dark] .diagram-preview{background:#0f1d24eb;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-preview:fullscreen{background:#0f1d24}:root[data-theme=dark] .diagram-preview-head{background:#14242cf5;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-preview-controls strong{color:var(--ink)}:root[data-theme=dark] .diagram-preview-controls button{color:var(--teal-dark);background:#31c7b51f;border-color:#8fe2d43d}:root[data-theme=dark] .diagram-preview-controls button:hover,:root[data-theme=dark] .diagram-preview-controls button:focus-visible{background:#31c7b533;border-color:#8fe2d480}:root[data-theme=dark] .diagram-editor{background:#0f1d24eb;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-editor-link-kind-summary{background:#31c7b51a;border-color:#8fe2d43d}:root[data-theme=dark] .diagram-editor-link-kind-summary strong{color:var(--teal-dark)}:root[data-theme=dark] .diagram-editor-link-kind-summary span{color:var(--muted)}:root[data-theme=dark] .diagram-editor-link-kind-summary button{color:var(--teal-dark);background:#31c7b524;border-color:#8fe2d447}:root[data-theme=dark] .diagram-editor-candidate-confirm-list{background:#31c7b514;border-color:#8fe2d433}:root[data-theme=dark] .diagram-editor-candidate-confirm-list button{color:var(--ink);background:#0f1d24fa;border-color:#8fe2d433}:root[data-theme=dark] .diagram-editor-candidate-confirm-list button small{color:var(--muted)}:root[data-theme=dark] .diagram-editor-physical-review-card{background:#2d6cdf1a;border-color:#8fe2d433}:root[data-theme=dark] .diagram-editor-physical-review-card>strong{color:var(--teal-dark)}:root[data-theme=dark] .diagram-editor-physical-review-card label{color:var(--muted)}:root[data-theme=dark] .diagram-editor-layout-fullscreen{background:#0f1d24}:root[data-theme=dark] .diagram-editor-layout:fullscreen{background:#0f1d24}:root[data-theme=dark] .diagram-editor-guide,:root[data-theme=dark] .diagram-editor-start-strip,:root[data-theme=dark] .diagram-editor-connect,:root[data-theme=dark] .diagram-editor-inspector,:root[data-theme=dark] .diagram-editor-storage,:root[data-theme=dark] .diagram-editor-export,:root[data-theme=dark] .diagram-editor-table-export,:root[data-theme=dark] .diagram-editor-zone-detail,:root[data-theme=dark] .diagram-editor-zone-quick-move,:root[data-theme=dark] .diagram-editor-link-jump-list,:root[data-theme=dark] .diagram-editor-zone-warning-list,:root[data-theme=dark] .diagram-editor-property-section,:root[data-theme=dark] .diagram-editor-selection-summary,:root[data-theme=dark] .diagram-editor-side-open-button,:root[data-theme=dark] .diagram-editor-side-drawer-toggle,:root[data-theme=dark] .diagram-editor-empty{background:#14242cf5;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-editor-start-strip{background:linear-gradient(135deg,#31c7b51f,#f0b85714)}:root[data-theme=dark] .diagram-editor-start-strip span,:root[data-theme=dark] .diagram-editor-start-actions button{color:#8fe2d4}:root[data-theme=dark] .diagram-editor-start-strip strong{color:var(--ink)}:root[data-theme=dark] .diagram-editor-start-actions button{background:#0f1d24c7;border-color:#8fe2d447}:root[data-theme=dark] .diagram-editor-start-actions button:hover,:root[data-theme=dark] .diagram-editor-start-actions button:focus-visible{background:#31c7b529;border-color:#8fe2d48a}:root[data-theme=dark] .diagram-editor-guide strong,:root[data-theme=dark] .diagram-editor-selection-summary strong,:root[data-theme=dark] .diagram-editor-storage strong,:root[data-theme=dark] .diagram-editor-export strong,:root[data-theme=dark] .diagram-editor-table-export strong,:root[data-theme=dark] .diagram-editor-zone-detail strong,:root[data-theme=dark] .diagram-editor-zone-quick-move strong,:root[data-theme=dark] .diagram-editor-link-jump-list strong,:root[data-theme=dark] .diagram-editor-zone-warning-list strong,:root[data-theme=dark] .diagram-editor-property-section strong{color:var(--ink)}:root[data-theme=dark] .diagram-editor-side-section summary:after,:root[data-theme=dark] .diagram-editor-property-section summary:after{color:#8fe2d4;border-color:#8fe2d447}:root[data-theme=dark] .diagram-editor-interface-usage,:root[data-theme=dark] .diagram-editor-interface-filter button,:root[data-theme=dark] .diagram-editor-connect-source-summary,:root[data-theme=dark] .diagram-editor-connect-interface-summary{background:#0f1d24b8;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-editor-connect-source-summary strong,:root[data-theme=dark] .diagram-editor-connect-interface-summary span{color:var(--ink)}:root[data-theme=dark] .diagram-editor-interface-filter button:hover,:root[data-theme=dark] .diagram-editor-interface-filter button:focus-visible,:root[data-theme=dark] .diagram-editor-interface-filter button.selected{color:#8fe2d4;background:#31c7b524;border-color:#8fe2d46b}:root[data-theme=dark] .diagram-editor-interface-usage-meter{background:linear-gradient(90deg, #31c7b538 var(--interface-usage-ratio), #e2e8f014 var(--interface-usage-ratio))}:root[data-theme=dark] .diagram-editor-interface-usage-meter span,:root[data-theme=dark] .diagram-editor-interface-usage-meter strong,:root[data-theme=dark] .diagram-editor-interface-usage-row span{color:var(--ink)}:root[data-theme=dark] .diagram-editor-interface-filter button span{color:inherit;background:#e2e8f01f}:root[data-theme=dark] .diagram-editor-interface-usage>div:first-child span.ok,:root[data-theme=dark] .diagram-editor-interface-usage-row.unused small{color:#b9f6dc;background:#83e2bd1f}:root[data-theme=dark] .diagram-editor-interface-usage-row.used small{color:#c7d8ff;background:#9bbcff24}:root[data-theme=dark] .diagram-editor-interface-usage>div:first-child span.warn,:root[data-theme=dark] .diagram-editor-interface-usage-row.conflict small,:root[data-theme=dark] .diagram-editor-interface-usage-row.out-of-range small{color:#ffc6ae;background:#ffa58424}:root[data-theme=dark] .diagram-editor-interface-usage-row.focused small{color:#8fe2d4;background:#8fe2d429;box-shadow:inset 0 0 0 1px #8fe2d46b}:root[data-theme=dark] .diagram-editor-health span,:root[data-theme=dark] .diagram-editor-selection-summary span,:root[data-theme=dark] .diagram-editor-side-open-button,:root[data-theme=dark] .diagram-editor-side-drawer-toggle,:root[data-theme=dark] .diagram-editor-zone-quick-move button,:root[data-theme=dark] .diagram-editor-link-jump-list button,:root[data-theme=dark] .diagram-editor-storage summary span,:root[data-theme=dark] .diagram-editor-export summary span,:root[data-theme=dark] .diagram-editor-table-export summary span,:root[data-theme=dark] .diagram-editor-quick-actions button{color:var(--ink);background:#0f1d24fa;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-editor-link-status-ok{color:#b9f6dc;background:#83e2bd1f;border-color:#83e2bd47}:root[data-theme=dark] .diagram-editor-link-status-warn{color:#ffe4bd;background:#4a2f18d1;border-color:#ffbf6957}:root[data-theme=dark] .diagram-editor-link-kind-filters button{color:var(--ink);background:#0f1d24fa;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-editor-link-kind-filters button:hover,:root[data-theme=dark] .diagram-editor-link-kind-filters button:focus-visible,:root[data-theme=dark] .diagram-editor-link-kind-filters button.selected{color:var(--teal-dark);background:#31c7b524;border-color:#8fe2d457}:root[data-theme=dark] .diagram-editor-link-kind-filters button span{color:var(--muted)}:root[data-theme=dark] .diagram-editor-link-jump-row{background:#0f1d24fa;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-editor-link-jump-row .diagram-editor-link-confirm-button,:root[data-theme=dark] .diagram-editor-link-status-action{color:var(--teal-dark);background:#31c7b524;border-color:#8fe2d447}:root[data-theme=dark] .diagram-editor-zone-risk-detail{color:#ffe4bd;background:#4a2f18c7;border-color:#ffbf6952}:root[data-theme=dark] .diagram-editor-zone-risk-detail strong,:root[data-theme=dark] .diagram-editor-zone-risk-detail span{color:#ffbf69}:root[data-theme=dark] .diagram-editor-zone-warning-list button{color:#ffe4bd;background:#4a2f18a3;border-color:#ffbf6947}:root[data-theme=dark] .diagram-editor-zone-warning-list button:hover,:root[data-theme=dark] .diagram-editor-zone-warning-list button:focus-visible,:root[data-theme=dark] .diagram-editor-zone-warning-list button.selected{background:#5e3c1ee0;border-color:#ffbf698f}:root[data-theme=dark] .diagram-editor-zone-warning-list button small,:root[data-theme=dark] .diagram-editor-zone-warning-list p{color:#ffcf91}:root[data-theme=dark] .diagram-editor-health span.ok{color:#a9f2d4;background:#25956d33;border-color:#83e2bd57}:root[data-theme=dark] .diagram-editor-health span.warn{color:#ffc1b2;background:#c6563d33;border-color:#ff9b8557}:root[data-theme=dark] .diagram-editor-health span.diagram-editor-sample-guide{color:#ffe4bd;background:#4a2f18b8;border-color:#ffbf6957}:root[data-theme=dark] .diagram-editor-canvas-wrap{background:linear-gradient(#8fe2d414 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#8fe2d414 1px,#0000 1px) 0 0/24px 24px,#0f1d24;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-editor-canvas-actions{background:#0f1d24eb;border-color:#8fe2d433;box-shadow:0 12px 28px #00000052}:root[data-theme=dark] .diagram-editor-canvas-actions button{color:var(--teal-dark)}:root[data-theme=dark] .diagram-editor-shortcut-help{background:#0f1d24e6;border-color:#8fe2d42e;box-shadow:0 12px 28px #0000004d}:root[data-theme=dark] .diagram-editor-shortcut-help span{color:#e2f1eed1;background:#31c7b517;border-color:#8fe2d424}:root[data-theme=dark] .diagram-editor-shortcut-help kbd{color:var(--ink);background:#051016db;border-color:#8fe2d442 #8fe2d442 #8fe2d46b}:root[data-theme=dark] .diagram-editor-fullscreen-hud{background:#0f1d24f0;border-color:#8fe2d433;box-shadow:0 12px 28px #00000047}:root[data-theme=dark] .diagram-editor-fullscreen-hud>div,:root[data-theme=dark] .diagram-editor-fullscreen-hud>span,:root[data-theme=dark] .diagram-editor-fullscreen-hud button{color:var(--ink);background:#081115d1;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-editor-fullscreen-hud>div{color:var(--teal-dark);background:#31c7b51f;border-color:#8fe2d447}:root[data-theme=dark] .diagram-editor-fullscreen-hud div span{color:var(--muted)}:root[data-theme=dark] .diagram-editor-fullscreen-hud strong,:root[data-theme=dark] .diagram-editor-fullscreen-hud kbd{color:var(--ink)}:root[data-theme=dark] .diagram-editor-fullscreen-hud kbd{background:#081115eb;border-color:#8fe2d438 #8fe2d438 #8fe2d457}:root[data-theme=dark] .diagram-editor-canvas-search-filters button[aria-pressed=true]{color:var(--ink);background:#31c7b529;border-color:#8fe2d44d}:root[data-theme=dark] .diagram-editor-canvas-search-filters button small{color:#e2f1eeb8;background:#e2f1ee1a}:root[data-theme=dark] .diagram-editor-canvas-search-results button span{color:var(--ink)}:root[data-theme=dark] .diagram-editor-canvas-search-results button small,:root[data-theme=dark] .diagram-editor-canvas-search-results p{color:#e2f1eeb8}:root[data-theme=dark] .diagram-editor-canvas-search-results p{background:#31c7b514;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-editor-saved-snapshots{background:#31c7b514;border-color:#8fe2d429}:root[data-theme=dark] .diagram-editor-saved-snapshot-item{background:#0f172ad1;border-color:#8fe2d424}:root[data-theme=dark] .diagram-editor-saved-snapshot-compare,:root[data-theme=dark] .diagram-editor-saved-snapshot-diff-list div{background:#0f172ab8;border-color:#8fe2d424}:root[data-theme=dark] .diagram-editor-saved-snapshot-diff-counts span{color:var(--ink);background:#31c7b514;border-color:#8fe2d429}:root[data-theme=dark] .diagram-editor-saved-snapshots>strong,:root[data-theme=dark] .diagram-editor-saved-snapshot-compare>strong,:root[data-theme=dark] .diagram-editor-saved-snapshot-diff-list span,:root[data-theme=dark] .diagram-editor-saved-snapshot-item span{color:var(--ink)}:root[data-theme=dark] .diagram-editor-saved-snapshots>p,:root[data-theme=dark] .diagram-editor-saved-snapshot-compare>p,:root[data-theme=dark] .diagram-editor-saved-snapshot-diff-list p,:root[data-theme=dark] .diagram-editor-saved-snapshot-diff-list small,:root[data-theme=dark] .diagram-editor-saved-snapshot-item small{color:#e2f1eeb8}:root[data-theme=dark] .diagram-editor-canvas-actions button:hover,:root[data-theme=dark] .diagram-editor-canvas-actions button:focus-visible,:root[data-theme=dark] .diagram-editor-action-menu summary:hover,:root[data-theme=dark] .diagram-editor-action-menu summary:focus-visible,:root[data-theme=dark] .diagram-editor-action-menu[open] summary{background:#31c7b524;border-color:#8fe2d447}:root[data-theme=dark] .diagram-editor-action-menu summary{color:var(--teal-dark)}:root[data-theme=dark] .diagram-editor-action-popover{background:#0f1d24fa;border-color:#8fe2d433;box-shadow:0 18px 38px #0000005c}:root[data-theme=dark] .diagram-editor-action-popover button{color:var(--teal-dark);background:#31c7b51a;border-color:#8fe2d433}:root[data-theme=dark] .diagram-editor-action-popover textarea,:root[data-theme=dark] .diagram-editor-action-popover input,:root[data-theme=dark] .diagram-editor-zone-detail input{color:var(--ink);background:#0f1d24fa;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-editor-zone-menu-item{background:#31c7b514;border-color:#8fe2d429}:root[data-theme=dark] .diagram-editor-zone-size-grid input,:root[data-theme=dark] .diagram-editor-zone-compact-controls select{color:var(--ink);background:#0f1d24fa;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-editor-minimap{background:#0f1d24eb;border-color:#8fe2d438;box-shadow:0 14px 32px #00000057}:root[data-theme=dark] .diagram-editor-minimap-actions button{color:var(--teal-dark);background:#31c7b51a;border-color:#8fe2d433}:root[data-theme=dark] .diagram-editor-minimap svg{background:#142a34}:root[data-theme=dark] .diagram-editor-minimap-node{fill:#142a34;stroke:#65cfc6}:root[data-theme=dark] .diagram-editor-minimap-node.selected{fill:#40351a;stroke:#f0b86b}:root[data-theme=dark] .diagram-editor-minimap-link.selected{stroke:#f0b86b}:root[data-theme=dark] .diagram-editor-minimap-viewport{fill:#3fd3c61f;stroke:#65cfc6}:root[data-theme=dark] .diagram-editor-link-draft{stroke:#9bbcff}:root[data-theme=dark] .diagram-editor-zone-band rect{fill:var(--diagram-zone-fill-dark,#94a3b81f);stroke:var(--diagram-zone-stroke-dark,#cbd5e133)}:root[data-theme=dark] .diagram-editor-zone-band text{fill:var(--diagram-zone-text-dark,#e2e8f0b3)}:root[data-theme=dark] .diagram-editor-node-move-hit-area{fill:#0f1d24f5;stroke:#8fe2d475}:root[data-theme=dark] .diagram-editor-node-move-handle path{stroke:#8fe2d4}:root[data-theme=dark] .diagram-editor-node-move-handle:hover .diagram-editor-node-move-hit-area,:root[data-theme=dark] .diagram-editor-node-move-handle:focus-visible .diagram-editor-node-move-hit-area{fill:#8fe2d4;stroke:#0f1d24}:root[data-theme=dark] .diagram-editor-node-move-handle:hover path,:root[data-theme=dark] .diagram-editor-node-move-handle:focus-visible path{stroke:#0f1d24}:root[data-theme=dark] .diagram-editor-canvas-action-separator{background:#8fe2d433}:root[data-theme=dark] .diagram-editor-connect button,:root[data-theme=dark] .diagram-editor-storage-actions button,:root[data-theme=dark] .diagram-editor-storage>button,:root[data-theme=dark] .diagram-editor-export-actions button,:root[data-theme=dark] .diagram-editor-table-export-actions button,:root[data-theme=dark] .diagram-editor-table-export>button,:root[data-theme=dark] .diagram-editor-quick-actions button{color:var(--teal-dark);background:#31c7b51f;border-color:#8fe2d43d}:root[data-theme=dark] .diagram-editor-storage summary:after,:root[data-theme=dark] .diagram-editor-export summary:after,:root[data-theme=dark] .diagram-editor-table-export summary:after{color:var(--teal-dark);border-color:#8fe2d43d}:root[data-theme=dark] .diagram-editor-canvas-actions .primary-editor-action{background:var(--teal-dark);color:#041014}:root[data-theme=dark] .diagram-editor-canvas-actions .diagram-editor-connect-mode.active,:root[data-theme=dark] .diagram-editor-connect-hint{color:#c7d8ff;background:#3a6fd833;border-color:#9bbcff61}:root[data-theme=dark] .diagram-editor-node rect,:root[data-theme=dark] .diagram-editor-inspector input,:root[data-theme=dark] .diagram-editor-inspector select,:root[data-theme=dark] .diagram-editor-inspector textarea,:root[data-theme=dark] .diagram-editor-storage textarea,:root[data-theme=dark] .diagram-editor-table-export textarea,:root[data-theme=dark] .diagram-editor-connect select{color:var(--ink);background:#0f1d24fa;border-color:#8fe2d42e}:root[data-theme=dark] .diagram-node-cloud rect{fill:#36a3c738;stroke:#79d5ef}:root[data-theme=dark] .diagram-node-fw rect{fill:#c6563d38;stroke:#ff9b85}:root[data-theme=dark] .diagram-node-router rect,:root[data-theme=dark] .diagram-node-l3sw rect{fill:#3a6fd838;stroke:#9bbcff}:root[data-theme=dark] .diagram-node-sw rect{fill:#25956d38;stroke:#83e2bd}:root[data-theme=dark] .diagram-node-server rect{fill:#69758442;stroke:#c6d1dc}:root[data-theme=dark] .diagram-editor-node.multi-selected rect{stroke:#ffba66}:root[data-theme=dark] .diagram-editor-node.multi-selected rect .cloud-canvas-container[data-tone=region] .cloud-canvas-container-frame{fill:#0f172a09;stroke:#0f172a57;stroke-dasharray:12 6}:root[data-theme=dark] .diagram-editor-node.collision-target rect{stroke:#ff7b6e;filter:drop-shadow(0 0 12px #ff7b6e75)}:root[data-theme=dark] .diagram-editor-node text,:root[data-theme=dark] .diagram-editor-connect strong,:root[data-theme=dark] .diagram-editor-inspector strong{fill:var(--ink);color:var(--ink)}:root[data-theme=dark] .diagram-editor-link text{stroke:#0f1d24;fill:var(--ink)}:root[data-theme=dark] .diagram-link-port-dot{stroke:#0f1d24}:root[data-theme=dark] .diagram-editor-link .diagram-editor-interface-label{fill:var(--ink)}:root[data-theme=dark] .diagram-editor-interface-label-bg{fill:#0f1d24eb;stroke:#aebec83d}:root[data-theme=dark] .diagram-editor-lag-group ellipse{fill:#9bbcff14;stroke:#9bbcff}:root[data-theme=dark] .diagram-editor-legend rect{fill:#0f1d24f0;stroke:#aebec842}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-canvas{background:linear-gradient(#8fe2d41f 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#8fe2d41f 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#0c171d 0%,#102229 100%)}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-zone-band rect{stroke-width:2px}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-zone-internet rect{fill:#ffd45b29;stroke:#ffd45b5c}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-zone-edge rect{fill:#46c6e224;stroke:#70e2f757}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-zone-core rect{fill:#ff75be24;stroke:#ff9dd357}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-zone-access rect{fill:#62dc8f21;stroke:#8dedb052}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-zone-server rect{fill:#a288ff21;stroke:#beabff52}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-zone-band text{fill:#effcf9d1}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-interface-label,:root[data-theme=dark] .diagram-editor-logical .diagram-editor-logical-link-label{fill:#f2fbf8;stroke:#0c171d}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-link-label-bg{fill:#0c171ddb;stroke:#effcf92e}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-link .diagram-link-route{filter:drop-shadow(0 0 5px #8fe2d424)}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-link .diagram-link-route-underlay{stroke:#0c171de6}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-link.diagram-link-raw-config .diagram-link-route{opacity:.52;filter:none}:root[data-theme=dark] .diagram-editor-logical .diagram-editor-link.diagram-link-raw-config.selected .diagram-link-route,:root[data-theme=dark] .diagram-editor-logical .diagram-editor-link.diagram-link-raw-config.just-revealed .diagram-link-route{opacity:1;filter:drop-shadow(0 0 5px #8fe2d438)}:root[data-theme=dark] .diagram-editor-logical .diagram-node-router rect{fill:#ffd45b38;stroke:#ffd45b}:root[data-theme=dark] .diagram-editor-logical .diagram-node-segment .diagram-editor-node-subtitle{fill:#effcf9c7}:root[data-theme=dark] .diagram-editor-legend text{fill:#aebec8}:root[data-theme=dark] .diagram-editor-legend .diagram-editor-legend-title{fill:var(--ink)}:root[data-theme=dark] .diagram-editor-legend-line{stroke:#aebec8}:root[data-theme=dark] .diagram-editor-legend-high,:root[data-theme=dark] .diagram-editor-legend-very-high,:root[data-theme=dark] .diagram-editor-legend-lag{stroke:#9bbcff}:root[data-theme=dark] .diagram-editor-link-label-bg{fill:#0f1d24eb;stroke:#aebec83d}:root[data-theme=dark] .diagram-editor-link-label-secondary{fill:#aebec8}:root[data-theme=dark] .diagram-link-wan .diagram-link-route{stroke:#ff9b85}:root[data-theme=dark] .diagram-link-wan .diagram-link-port-dot{fill:#ff9b85}:root[data-theme=dark] .diagram-link-trunk .diagram-link-route{stroke:#9bbcff}:root[data-theme=dark] .diagram-link-trunk .diagram-link-port-dot{fill:#9bbcff}:root[data-theme=dark] .diagram-link-access .diagram-link-route{stroke:#83e2bd}:root[data-theme=dark] .diagram-link-access .diagram-link-port-dot{fill:#83e2bd}:root[data-theme=dark] .diagram-link-management .diagram-link-route{stroke:#c5adff}:root[data-theme=dark] .diagram-link-management .diagram-link-port-dot{fill:#c5adff}:root[data-theme=dark] .diagram-link-zone-warning .diagram-link-route{stroke:#ffbf69;filter:drop-shadow(0 0 5px #ffbf6970)}:root[data-theme=dark] .diagram-link-zone-warning .diagram-link-port-dot{fill:#ffbf69;stroke:#2b2114}:root[data-theme=dark] .diagram-editor-link.selected .diagram-link-route{filter:drop-shadow(0 0 6px #8fe2d46b)}:root[data-theme=dark] .diagram-editor-link.selected .diagram-link-port-dot{stroke:#e8f5f3}:root[data-theme=dark] .diagram-editor-link.selected .diagram-editor-interface-label{fill:#e8f5f3}:root[data-theme=dark] .diagram-editor-link.selected .diagram-editor-interface-label-bg{fill:#143e41f5;stroke:#8fe2d480}:root[data-theme=dark] .language-toggle,:root[data-theme=dark] .engineer-tags span,:root[data-theme=dark] .tag-list span{color:var(--teal-dark);background:#31c7b51f;border-color:#8fe2d438}:root[data-theme=dark] .language-toggle:hover{color:var(--ink);background:#31c7b533;border-color:#8fe2d494}:root[data-theme=dark] .topbar-menu-button{color:var(--ink);background:#112027db;border-color:#8fe2d43d}:root[data-theme=dark] .brand-name{color:var(--ink)}:root[data-theme=dark] .topbar-nav button,:root[data-theme=dark] .topbar-nav a,:root[data-theme=dark] .topbar-nav-menu summary{color:var(--ink);background:#112027db;border-color:#8fe2d438}:root[data-theme=dark] .topbar-nav-menu-primary summary{color:#9ff5eb;background:#31c7b52e;border-color:#8fe2d45c}:root[data-theme=dark] .topbar-nav button:hover,:root[data-theme=dark] .topbar-nav button:focus-visible,:root[data-theme=dark] .topbar-nav a:hover,:root[data-theme=dark] .topbar-nav a:focus-visible,:root[data-theme=dark] .topbar-nav-menu summary:hover,:root[data-theme=dark] .topbar-nav-menu summary:focus-visible{color:#9ff5eb;background:#31c7b529;border-color:#8fe2d494}:root[data-theme=dark] .topbar-menu{background:#0b151bf5;border-color:#8fe2d438;box-shadow:0 18px 44px #0000005c}:root[data-theme=dark] .topbar-nav-panel{background:#0f1d24fa;border-color:#8fe2d42e}:root[data-theme=dark] .topbar-nav-panel-groups strong{color:var(--ink)}:root[data-theme=dark] .topbar-nav-panel-groups span{color:var(--muted)}:root[data-theme=dark] .topbar-nav-panel-lead{color:#8fe2d4!important;background:#31c7b524!important}:root[data-theme=dark] .topbar-tool-group,:root[data-theme=dark] .topbar-purpose-group{background:#0f1d24e0;border-color:#8fe2d42e}:root[data-theme=dark] .topbar-tool-group>span,:root[data-theme=dark] .topbar-tool-group a,:root[data-theme=dark] .topbar-purpose-group>div a{color:#9ff5eb}:root[data-theme=dark] .topbar-tool-group a,:root[data-theme=dark] .topbar-purpose-group>div a{background:#14242ceb;border-color:#8fe2d41a}:root[data-theme=dark] .topbar-purpose-group small{color:var(--muted)}:root[data-theme=dark] .topbar-menu a,:root[data-theme=dark] .topbar-menu button{color:var(--ink)}:root[data-theme=dark] .topbar-menu a:hover,:root[data-theme=dark] .topbar-menu button:hover,:root[data-theme=dark] .topbar-menu a:focus-visible,:root[data-theme=dark] .topbar-menu button:focus-visible{color:var(--teal-dark);background:#31c7b529}:root[data-theme=dark] .page-jump-nav a{color:var(--teal-dark);background:#112027f0;border-color:#8fe2d438}:root[data-theme=dark] .page-jump-nav a:hover{background:var(--teal-dark);color:#081115}:root[data-theme=dark] .theme-toggle{color:#eef7f4;background:#8fe2d42e;border-color:#8fe2d447}:root[data-theme=dark] .theme-toggle:hover{color:#fff;background:#8fe2d447;border-color:#8fe2d494}:root[data-theme=dark] .hero-band{--hero-ink:#fff;--hero-muted:#ffffffc7;--hero-accent:#8fe2d4;--hero-card-bg:#ffffff1a;--hero-card-border:#8fe2d452;--hero-primary-bg:#8fe2d4;--hero-primary-text:#07131f;background:linear-gradient(135deg,#071014fa 0%,#0e2830f2 50%,#141e36eb 100%),linear-gradient(90deg,#8fe2d414 1px,#0000 1px) 0 0/22px 22px;border-color:#8fe2d43d}:root[data-theme=dark] .hero-safety-panel{background:#07181eb8;border-color:#8fe2d447;box-shadow:0 18px 34px #00000042}:root[data-theme=dark] .hero-project-state-card{background:linear-gradient(135deg,#8fe2d424,#6ea8ff14),#07181eb3;border-color:#8fe2d44d}:root[data-theme=dark] .hero-project-state-card>div:first-child,:root[data-theme=dark] .hero-project-state-card dl,:root[data-theme=dark] .hero-project-state-card button{background:#ffffff14;border-color:#8fe2d43d}:root[data-theme=dark] .hero-project-state-card button:hover,:root[data-theme=dark] .hero-project-state-card button:focus-visible{background:#ffffff24;border-color:#8fe2d485}:root[data-theme=dark] .hero-operations-panel,:root[data-theme=dark] .hero-launch-stack button,:root[data-theme=dark] .hero-launch-stack a{color:var(--hero-ink);background:#07181eb8;border-color:#8fe2d43d}:root[data-theme=dark] .hero-launch-stack button:hover,:root[data-theme=dark] .hero-launch-stack button:focus-visible,:root[data-theme=dark] .hero-launch-stack a:hover,:root[data-theme=dark] .hero-launch-stack a:focus-visible{background:#0f2c34eb;border-color:#8fe2d485}:root[data-theme=dark] .hero-start-board button{background:linear-gradient(#ffffff1f,#ffffff0f),linear-gradient(135deg,#8fe2d41f,#6ea8ff14);box-shadow:0 18px 38px #00000042}:root[data-theme=dark] .network-pack-stage{border-color:var(--border-subtle);background:linear-gradient(180deg, var(--surface), var(--surface-soft)), linear-gradient(135deg, #31c7b51a, #31c7b500 42%);background-size:auto,24px 24px}:root[data-theme=dark] .network-pack-stage-main,:root[data-theme=dark] .network-pack-step,:root[data-theme=dark] .network-pack-phase-overview article{border-color:var(--border-subtle);color:var(--ink);background:#16252df5}:root[data-theme=dark] .network-pack-stage-main h2,:root[data-theme=dark] .network-pack-step strong,:root[data-theme=dark] .network-pack-phase-overview strong,:root[data-theme=dark] .network-pack-support span{color:var(--ink)}:root[data-theme=dark] .network-pack-stage-main p:not(.eyebrow),:root[data-theme=dark] .network-pack-step small,:root[data-theme=dark] .network-pack-phase-overview p{color:var(--muted)}:root[data-theme=dark] .network-pack-actions button:nth-of-type(2),:root[data-theme=dark] .network-pack-actions button:nth-of-type(3),:root[data-theme=dark] .network-pack-actions a,:root[data-theme=dark] .network-pack-support button{color:#9ff5eb;background:#0f172ad6;border-color:#8fe2d438}:root[data-theme=dark] .network-pack-actions button:first-of-type,:root[data-theme=dark] .network-pack-products button{color:#07131f;background:#8fe2d4;border-color:#8fe2d452}:root[data-theme=dark] .network-pack-step-number{color:#9ff5eb;background:#8fe2d424}:root[data-theme=dark] .network-pack-step-meta span{color:#9ff5eb;background:#8fe2d41a;border-color:#8fe2d438}:root[data-theme=dark] .network-pack-decision-strip span,:root[data-theme=dark] .network-pack-step-phase{color:#9ff5eb;background:linear-gradient(#8fe2d41f,#8fe2d40f),linear-gradient(135deg,#6ea8ff14,#6ea8ff00);border-color:#8fe2d438}:root[data-theme=dark] .network-pack-decision-strip strong{color:var(--ink)}:root[data-theme=dark] .network-pack-step em{color:#07131f;background:#8fe2d4}:root[data-theme=dark] .tool-finder-head span,:root[data-theme=dark] .active-tool-summary>span:last-child,:root[data-theme=dark] .active-tool-actions>span,:root[data-theme=dark] .tool-icon,:root[data-theme=dark] .result-title{background:var(--line-strong);color:var(--ink)}:root[data-theme=dark] .tool-directory-link,:root[data-theme=dark] .tool-detail-link,:root[data-theme=dark] .detail-tool-button,:root[data-theme=dark] .purpose-tool-button{color:var(--teal-dark);background:#14242ceb;border-color:#8fe2d43d}:root[data-theme=dark] .tool-quick-starts{border-color:var(--border-subtle)}:root[data-theme=dark] .tool-quick-start-grid a{background:#14242ceb;border-color:#8fe2d438}:root[data-theme=dark] .tool-quick-start-grid a:hover{border-color:#8fe2d46b;box-shadow:0 14px 28px #0000003d}:root[data-theme=dark] .tool-quick-start-grid svg{color:#9ff5eb}:root[data-theme=dark] .tool-directory-link:hover,:root[data-theme=dark] .tool-detail-link:hover,:root[data-theme=dark] .detail-tool-button:hover,:root[data-theme=dark] .purpose-tool-button:hover{background:#31c7b524;border-color:#8fe2d494}:root[data-theme=dark] .incident-workflow-guide{background:linear-gradient(135deg,#0f2d32e6,#0f172af0),radial-gradient(circle at 100% 0,#60a5fa29,#0000 34%);border-color:#14b8a63d}:root[data-theme=dark] .incident-workflow-heading h2,:root[data-theme=dark] .incident-workflow-steps strong{color:#f8fafc}:root[data-theme=dark] .incident-workflow-steps button{color:#e5eef8;background:#0f172ad1;border-color:#94a3b838}:root[data-theme=dark] .incident-workflow-steps li.active button{background:#0f172af5;border-color:#2dd4bfb8;box-shadow:inset 0 0 0 2px #2dd4bf29}:root[data-theme=dark] .glossary-entry-strip{background:linear-gradient(135deg,#173136fa 0%,#131f27fa 68%);border-color:#8fe2d42e}:root[data-theme=dark] .glossary-entry-strip a{color:#102027;background:#8fe2d4}:root[data-theme=dark] .tool-card,:root[data-theme=dark] .tool-library-drawer,:root[data-theme=dark] .tool-category-heading,:root[data-theme=dark] .purpose-card,:root[data-theme=dark] .tool-overview strong,:root[data-theme=dark] .favorite-button,:root[data-theme=dark] .favorite-tool-button,:root[data-theme=dark] .recent-tool,:root[data-theme=dark] .share-tool-button,:root[data-theme=dark] .quick-pick,:root[data-theme=dark] .reference-card,:root[data-theme=dark] .glossary-row,:root[data-theme=dark] .glossary-search-summary,:root[data-theme=dark] .glossary-query-chips button,:root[data-theme=dark] .glossary-row-actions span,:root[data-theme=dark] .legal-hero,:root[data-theme=dark] .legal-content,:root[data-theme=dark] .contact-form-panel,:root[data-theme=dark] .pricing-plans,:root[data-theme=dark] .pricing-pro-lite-value,:root[data-theme=dark] .pricing-comparison,:root[data-theme=dark] .pricing-trust,:root[data-theme=dark] .pricing-plan-card,:root[data-theme=dark] .pricing-pro-lite-grid article,:root[data-theme=dark] .pricing-plan-card a,:root[data-theme=dark] .pricing-comparison-table,:root[data-theme=dark] .pricing-comparison-row-head,:root[data-theme=dark] .back-home,:root[data-theme=dark] .result-title,:root[data-theme=dark] .record-row,:root[data-theme=dark] .command-list,:root[data-theme=dark] .empty-state{border-color:var(--border-subtle);background:var(--surface-raised);color:var(--ink)}:root[data-theme=dark] .tool-library-drawer{background:linear-gradient(#14242cf5,#0f1d24e6),linear-gradient(90deg,#8fe2d40f 1px,#0000 1px) 0 0/24px 24px}:root[data-theme=dark] .tool-library-summary strong{color:var(--ink)}:root[data-theme=dark] .tool-library-summary small{color:#9ff5eb;background:#31c7b51f;border-color:#8fe2d433}:root[data-theme=dark] .tool-library-empty-guide{color:var(--muted);background:#0f1d24d1;border-color:#8fe2d438}:root[data-theme=dark] .tool-library-empty-guide strong{color:var(--ink)}:root[data-theme=dark] .legal-hero{background:linear-gradient(180deg, var(--surface), var(--surface-soft)), radial-gradient(circle at top right, #8fe2d424, transparent 38%)}:root[data-theme=dark] .pricing-plan-card[data-tone=featured]{background:linear-gradient(#143036f5,#0f1d24e6),radial-gradient(circle at 100% 0,#8fe2d424,#0000 34%);border-color:#8fe2d452}:root[data-theme=dark] .pricing-plan-card[data-tone=featured] a{background:var(--cta-bg);color:#fff}:root[data-theme=dark] .pricing-status-pills span,:root[data-theme=dark] .contact-category-guidance{color:#9ff5eb;background:#31c7b51f;border-color:#8fe2d447}:root[data-theme=dark] .legal-section+.legal-section,:root[data-theme=dark] .pricing-comparison-row+.pricing-comparison-row,:root[data-theme=dark] .pricing-comparison-row span+span,:root[data-theme=dark] .site-footer{border-color:#8fe2d42e}:root[data-theme=dark] .back-home:hover{background:var(--accent-soft)}:root[data-theme=dark] .tool-card p,:root[data-theme=dark] .tool-card small,:root[data-theme=dark] .tool-category-heading p:last-child,:root[data-theme=dark] .quick-pick span,:root[data-theme=dark] .purpose-card p,:root[data-theme=dark] .active-tool-actions small,:root[data-theme=dark] .reference-card p,:root[data-theme=dark] .reference-card small,:root[data-theme=dark] .legal-hero p:last-child,:root[data-theme=dark] .contact-form-panel p,:root[data-theme=dark] .legal-section p,:root[data-theme=dark] .pricing-plans-head p:last-child,:root[data-theme=dark] .pricing-pro-lite-head p,:root[data-theme=dark] .pricing-pro-lite-grid p,:root[data-theme=dark] .pricing-comparison-head p,:root[data-theme=dark] .pricing-trust p,:root[data-theme=dark] .pricing-plan-card span,:root[data-theme=dark] .pricing-plan-card small,:root[data-theme=dark] .pricing-plan-card li,:root[data-theme=dark] .pricing-comparison-row span,:root[data-theme=dark] .active-tool-summary p,:root[data-theme=dark] .hint,:root[data-theme=dark] .site-footer,:root[data-theme=dark] .record-row span,:root[data-theme=dark] .record-row small,:root[data-theme=dark] .step-list li{color:var(--muted)}:root[data-theme=dark] .contact-form-panel .contact-category-guidance{color:#9ff5eb}:root[data-theme=dark] .record-row .copy-action-button{color:#8fe2d4;background:#8fe2d41f linear-gradient(#8fe2d41f,#8fe2d41f);border-color:#8fe2d43d}:root[data-theme=dark] .record-row .copy-action-button:hover,:root[data-theme=dark] .record-row .copy-action-button.copied{background:#8fe2d42e linear-gradient(#8fe2d42e,#8fe2d42e);border-color:#8fe2d46b}:root[data-theme=dark] .markdown-preview{color:var(--ink);background:#0f1d24d1;border-color:#8fe2d433}:root[data-theme=dark] .data-preview{background:#0f1d24d1;border-color:#8fe2d433}:root[data-theme=dark] .data-preview-summary span,:root[data-theme=dark] .data-preview-summary small{color:#9ff5eb;background:#8fe2d41a;border-color:#8fe2d433}:root[data-theme=dark] .data-preview-summary strong,:root[data-theme=dark] .data-preview-kv strong{color:var(--ink)}:root[data-theme=dark] .data-preview-kv div{background:#14242ccc;border-color:#8fe2d429}:root[data-theme=dark] .markdown-preview h4,:root[data-theme=dark] .markdown-preview th,:root[data-theme=dark] .markdown-preview code{color:#9ff5eb}:root[data-theme=dark] .markdown-preview h5{border-color:#8fe2d42e}:root[data-theme=dark] .markdown-preview p,:root[data-theme=dark] .markdown-preview li,:root[data-theme=dark] .markdown-preview blockquote p,:root[data-theme=dark] .markdown-preview h5,:root[data-theme=dark] .markdown-preview h6,:root[data-theme=dark] .markdown-preview td{color:var(--ink)}:root[data-theme=dark] .markdown-preview a{color:#9ff5eb}:root[data-theme=dark] .markdown-preview blockquote{background:#8fe2d414;border-color:#8fe2d46b}:root[data-theme=dark] .markdown-preview hr{border-color:#8fe2d42e}:root[data-theme=dark] .markdown-preview code{background:#8fe2d41f}:root[data-theme=dark] .markdown-preview-table-wrap,:root[data-theme=dark] .markdown-preview th,:root[data-theme=dark] .markdown-preview td{border-color:#8fe2d429}:root[data-theme=dark] .markdown-preview th{background:#8fe2d41a}:root[data-theme=dark] .network-design-workbench-guide{background:linear-gradient(135deg,#0d2a2df0,#111827eb);border-color:#34d39947}:root[data-theme=dark] .design-project-workspace{border-color:var(--border-subtle);background:linear-gradient(180deg, var(--surface), var(--surface-soft)), linear-gradient(135deg, #31c7b51a, #31c7b500 42%)}:root[data-theme=dark] .design-project-artifact-markdown-preview{background:#08141bb8;border-color:#8fe2d42e}:root[data-theme=dark] .design-project-artifact-markdown-head>strong,:root[data-theme=dark] .design-project-artifact-markdown-source pre{color:var(--ink)}:root[data-theme=dark] .design-project-artifact-markdown-source summary{color:#9ff5eb}:root[data-theme=dark] .design-project-artifact-markdown-source pre{background:#0f1d24db;border-color:#8fe2d42e}:root[data-theme=dark] .design-project-workspace-head>div:first-child>span,:root[data-theme=dark] .design-project-summary-card>div:first-child>span,:root[data-theme=dark] .design-project-artifact-types span,:root[data-theme=dark] .design-project-workspace-metrics,:root[data-theme=dark] .design-project-storage-boundary>div,:root[data-theme=dark] .design-project-storage-boundary span,:root[data-theme=dark] .design-project-dashboard,:root[data-theme=dark] .design-project-dashboard-list button,:root[data-theme=dark] .design-project-dashboard-list>p,:root[data-theme=dark] .design-project-dashboard-list span,:root[data-theme=dark] .design-project-dashboard-controls select,:root[data-theme=dark] .design-project-start-guide,:root[data-theme=dark] .design-project-start-option,:root[data-theme=dark] .design-project-empty-guide,:root[data-theme=dark] .design-project-workspace-flow span,:root[data-theme=dark] .design-project-workspace-next-step,:root[data-theme=dark] .design-project-limit-card,:root[data-theme=dark] .design-project-start-guide>span,:root[data-theme=dark] .design-project-start-option>span,:root[data-theme=dark] .design-project-empty-guide>span,:root[data-theme=dark] .design-project-empty-actions button,:root[data-theme=dark] .design-project-empty-actions a,:root[data-theme=dark] .design-project-summary-card,:root[data-theme=dark] .design-project-detail-tabs,:root[data-theme=dark] .design-project-detail-tabs button[aria-selected=true],:root[data-theme=dark] .design-project-status-control,:root[data-theme=dark] .design-project-review-history,:root[data-theme=dark] .design-project-issue-board article,:root[data-theme=dark] .design-project-issue-board>p,:root[data-theme=dark] .design-project-preflight-board,:root[data-theme=dark] .design-project-preflight-board li,:root[data-theme=dark] .design-project-preflight-board li button,:root[data-theme=dark] .design-project-preflight-inline,:root[data-theme=dark] .design-project-customer-comments,:root[data-theme=dark] .design-project-customer-comments li,:root[data-theme=dark] .design-project-customer-comment-disposition span,:root[data-theme=dark] .design-project-customer-comment-todos,:root[data-theme=dark] .design-project-customer-comments button,:root[data-theme=dark] .design-project-customer-comment-todo-progress select,:root[data-theme=dark] .design-project-customer-comment-todo-progress textarea,:root[data-theme=dark] .design-project-submission-filters,:root[data-theme=dark] .design-project-pro-lite-boundary>div,:root[data-theme=dark] .design-project-pro-lite-boundary span,:root[data-theme=dark] .design-project-pro-lite-boundary a,:root[data-theme=dark] .design-project-submission-version-actions,:root[data-theme=dark] .design-project-submission-version-actions button,:root[data-theme=dark] .design-project-submission-version-fields input,:root[data-theme=dark] .design-project-submission-version-fields select,:root[data-theme=dark] .design-project-submission-snapshot-status-control select,:root[data-theme=dark] .design-project-submission-comparison,:root[data-theme=dark] .design-project-submission-comparison-metrics span,:root[data-theme=dark] .design-project-submission-comment-diff>div,:root[data-theme=dark] .design-project-submission-comparison-lines>div,:root[data-theme=dark] .design-project-submission-snapshots details,:root[data-theme=dark] .design-project-submission-snapshots pre,:root[data-theme=dark] .design-project-api-preview,:root[data-theme=dark] .design-project-api-preview-head>div,:root[data-theme=dark] .design-project-api-preview-controls select,:root[data-theme=dark] .design-project-api-preview pre,:root[data-theme=dark] .design-project-artifact-list details,:root[data-theme=dark] .design-project-artifact-list summary span,:root[data-theme=dark] .design-project-artifact-summary-badges span,:root[data-theme=dark] .design-project-artifact-list pre,:root[data-theme=dark] .design-project-artifact-review-controls,:root[data-theme=dark] .design-project-artifact-action-panel,:root[data-theme=dark] .design-project-artifact-focus-panel,:root[data-theme=dark] .design-project-artifact-focus-panel button,:root[data-theme=dark] .design-project-artifact-review-controls input,:root[data-theme=dark] .design-project-artifact-focused-todo,:root[data-theme=dark] .design-project-artifact-controls input,:root[data-theme=dark] .design-project-artifact-controls button,:root[data-theme=dark] .design-project-status-control select,:root[data-theme=dark] .design-project-status-control textarea,:root[data-theme=dark] .design-project-form input,:root[data-theme=dark] .design-project-active-card select,:root[data-theme=dark] .design-project-sample-button,:root[data-theme=dark] .design-project-inline-save,:root[data-theme=dark] .design-project-inline-save span,:root[data-theme=dark] .design-project-inline-save-actions button,:root[data-theme=dark] .design-project-inline-save-steps li,:root[data-theme=dark] .design-project-actions button{border-color:var(--border-subtle);background:var(--surface-raised)}:root[data-theme=dark] .design-project-artifact-list details[data-focused=true]{background:linear-gradient(135deg,#143036fa,#162831f0);border-color:#8fe2d46b;box-shadow:0 0 0 2px #8fe2d41a}:root[data-theme=dark] .design-project-limit-card[data-state=blocked]{background:#ff8a6d1a;border-color:#ff8a6d5c}:root[data-theme=dark] .design-project-workspace h2,:root[data-theme=dark] .design-project-storage-boundary strong,:root[data-theme=dark] .design-project-dashboard-head strong,:root[data-theme=dark] .design-project-dashboard-list strong,:root[data-theme=dark] .design-project-workspace-flow span,:root[data-theme=dark] .design-project-workspace-next-step strong,:root[data-theme=dark] .design-project-start-guide>span,:root[data-theme=dark] .design-project-start-guide strong,:root[data-theme=dark] .design-project-start-option>span,:root[data-theme=dark] .design-project-start-option strong,:root[data-theme=dark] .design-project-limit-card strong,:root[data-theme=dark] .design-project-empty-guide>span,:root[data-theme=dark] .design-project-empty-guide strong,:root[data-theme=dark] .design-project-empty-actions button,:root[data-theme=dark] .design-project-empty-actions a,:root[data-theme=dark] .design-project-dashboard-controls label,:root[data-theme=dark] .design-project-dashboard-controls select,:root[data-theme=dark] .design-project-summary-card h3,:root[data-theme=dark] .design-project-detail-tabs button[aria-selected=true],:root[data-theme=dark] .design-project-inline-save strong,:root[data-theme=dark] .design-project-inline-save-steps li[data-state=current],:root[data-theme=dark] .design-project-detail-head strong,:root[data-theme=dark] .design-project-review-history>strong,:root[data-theme=dark] .design-project-review-history li span,:root[data-theme=dark] .design-project-preflight-board strong,:root[data-theme=dark] .design-project-preflight-inline strong,:root[data-theme=dark] .design-project-customer-comments strong,:root[data-theme=dark] .design-project-customer-comments button,:root[data-theme=dark] .design-project-customer-comment-disposition span,:root[data-theme=dark] .design-project-customer-comment-todos span,:root[data-theme=dark] .design-project-customer-comment-todo-progress label,:root[data-theme=dark] .design-project-customer-comment-todo-progress select,:root[data-theme=dark] .design-project-customer-comment-todo-progress textarea,:root[data-theme=dark] .design-project-submission-version-actions strong,:root[data-theme=dark] .design-project-pro-lite-boundary strong,:root[data-theme=dark] .design-project-submission-version-fields label,:root[data-theme=dark] .design-project-submission-version-fields input,:root[data-theme=dark] .design-project-submission-version-fields select,:root[data-theme=dark] .design-project-submission-snapshot-status-control,:root[data-theme=dark] .design-project-submission-snapshot-status-control select,:root[data-theme=dark] .design-project-submission-comparison strong,:root[data-theme=dark] .design-project-submission-comment-diff b,:root[data-theme=dark] .design-project-submission-comparison-lines li,:root[data-theme=dark] .design-project-submission-snapshots summary strong,:root[data-theme=dark] .design-project-submission-snapshots pre,:root[data-theme=dark] .design-project-api-preview summary strong,:root[data-theme=dark] .design-project-api-preview-head strong,:root[data-theme=dark] .design-project-api-preview-controls label,:root[data-theme=dark] .design-project-api-preview-controls select,:root[data-theme=dark] .design-project-api-preview pre,:root[data-theme=dark] .design-project-artifact-list summary strong,:root[data-theme=dark] .design-project-submission-filters label,:root[data-theme=dark] .design-project-artifact-markdown-head>strong,:root[data-theme=dark] .design-project-artifact-review-controls label,:root[data-theme=dark] .design-project-artifact-review-controls input,:root[data-theme=dark] .design-project-artifact-focused-todo span,:root[data-theme=dark] .design-project-artifact-markdown-source pre,:root[data-theme=dark] .design-project-artifact-controls label,:root[data-theme=dark] .design-project-artifact-controls input,:root[data-theme=dark] .design-project-status-control label,:root[data-theme=dark] .design-project-status-control select,:root[data-theme=dark] .design-project-status-control textarea,:root[data-theme=dark] .design-project-form label,:root[data-theme=dark] .design-project-active-card label,:root[data-theme=dark] .design-project-form input,:root[data-theme=dark] .design-project-active-card select{color:#f5fbfb}:root[data-theme=dark] .design-project-workspace p,:root[data-theme=dark] .design-project-start-guide p,:root[data-theme=dark] .design-project-start-option p,:root[data-theme=dark] .design-project-empty-steps li,:root[data-theme=dark] .design-project-empty,:root[data-theme=dark] .design-project-current-artifact,:root[data-theme=dark] .design-project-status,:root[data-theme=dark] .design-project-storage-boundary p,:root[data-theme=dark] .design-project-dashboard-head span,:root[data-theme=dark] .design-project-dashboard-head p,:root[data-theme=dark] .design-project-dashboard-list button,:root[data-theme=dark] .design-project-dashboard-list small,:root[data-theme=dark] .design-project-dashboard-list>p,:root[data-theme=dark] .design-project-detail-tabs button,:root[data-theme=dark] .design-project-inline-save p,:root[data-theme=dark] .design-project-artifact-action-panel p,:root[data-theme=dark] .design-project-inline-save-steps li,:root[data-theme=dark] .design-project-detail-head span,:root[data-theme=dark] .design-project-customer-comments p,:root[data-theme=dark] .design-project-customer-comments small,:root[data-theme=dark] .design-project-artifact-focused-todo p,:root[data-theme=dark] .design-project-submission-comment-diff small,:root[data-theme=dark] .design-project-submission-filters span,:root[data-theme=dark] .design-project-pro-lite-boundary li,:root[data-theme=dark] .design-project-artifact-list small,:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=excluded],:root[data-theme=dark] .design-project-issue-board article p,:root[data-theme=dark] .design-project-issue-board>p,:root[data-theme=dark] .design-project-preflight-board p,:root[data-theme=dark] .design-project-submission-version-actions span,:root[data-theme=dark] .design-project-submission-comparison span,:root[data-theme=dark] .design-project-submission-comparison p,:root[data-theme=dark] .design-project-submission-snapshots summary small,:root[data-theme=dark] .design-project-submission-snapshots p,:root[data-theme=dark] .design-project-status-control p,:root[data-theme=dark] .design-project-review-history li,:root[data-theme=dark] .design-project-review-history time,:root[data-theme=dark] .design-project-review-history p,:root[data-theme=dark] .design-project-workspace-metrics span{color:var(--muted)}:root[data-theme=dark] .design-project-workspace-head>div:first-child>span,:root[data-theme=dark] .design-project-summary-card>div:first-child>span,:root[data-theme=dark] .design-project-artifact-types span,:root[data-theme=dark] .design-project-storage-boundary span,:root[data-theme=dark] .design-project-artifact-list summary span,:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=focus],:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=latest],:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=primary],:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=included],:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=ok],:root[data-theme=dark] .design-project-workspace-metrics strong,:root[data-theme=dark] .design-project-preflight-board li[data-severity=warning]>span,:root[data-theme=dark] .design-project-dashboard-list span[data-readiness=review],:root[data-theme=dark] .design-project-detail-head span[data-readiness=review],:root[data-theme=dark] .design-project-preflight-inline span[data-readiness=review],:root[data-theme=dark] .design-project-submission-snapshots summary span[data-readiness=review],:root[data-theme=dark] .design-project-dashboard-list span,:root[data-theme=dark] .design-project-sample-button,:root[data-theme=dark] .design-project-inline-save span,:root[data-theme=dark] .design-project-inline-save-steps b,:root[data-theme=dark] .design-project-inline-save-steps li[data-state=done],:root[data-theme=dark] .design-project-artifact-controls button,:root[data-theme=dark] .design-project-submission-version-actions button,:root[data-theme=dark] .design-project-actions button{color:var(--teal-dark)}:root[data-theme=dark] .design-project-preflight-board li button,:root[data-theme=dark] .design-project-dashboard-list span[data-readiness=blocked],:root[data-theme=dark] .design-project-detail-head span[data-readiness=blocked],:root[data-theme=dark] .design-project-preflight-inline span[data-readiness=blocked],:root[data-theme=dark] .design-project-submission-snapshots summary span[data-readiness=blocked]{color:#fca5a5}:root[data-theme=dark] .design-project-dashboard-list span[data-readiness=ready],:root[data-theme=dark] .design-project-detail-head span[data-readiness=ready],:root[data-theme=dark] .design-project-preflight-inline span[data-readiness=ready],:root[data-theme=dark] .design-project-submission-snapshots summary span[data-readiness=ready]{color:#7dd3fc}:root[data-theme=dark] .design-project-dashboard-list span[data-submission-status=candidate],:root[data-theme=dark] .design-project-dashboard-list span[data-submission-status=none],:root[data-theme=dark] .design-project-submission-snapshots summary span[data-submission-status=candidate]{color:#93c5fd}:root[data-theme=dark] .design-project-dashboard-list span[data-submission-status=submitted],:root[data-theme=dark] .design-project-submission-snapshots summary span[data-submission-status=submitted]{color:#7dd3fc}:root[data-theme=dark] .design-project-dashboard-list span[data-submission-status=returned],:root[data-theme=dark] .design-project-submission-snapshots summary span[data-submission-status=returned],:root[data-theme=dark] .design-project-issue-board article strong{color:#fca5a5}:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=issue]{color:#fca5a5;background-image:linear-gradient(#fca5a51f,#fca5a51f);border-color:#fca5a54d}:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=focus],:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=latest],:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=primary],:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=included],:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=ok]{background-image:linear-gradient(#8fe2d41f,#8fe2d41f);border-color:#8fe2d447}:root[data-theme=dark] .design-project-artifact-summary-badges span[data-tone=excluded]{background-image:linear-gradient(#a9bac21a,#a9bac21a);border-color:#a9bac238}:root[data-theme=dark] .design-project-dashboard-list em,:root[data-theme=dark] .design-project-inline-save em{color:#fca5a5}:root[data-theme=dark] .design-project-inline-save>.design-project-inline-save-controls>button{color:#fff;background:#006d68;border-color:#8fe2d457}:root[data-theme=dark] .design-project-inline-save-actions button.is-primary{background:linear-gradient(135deg,#143036fa,#162831f0);border-color:#8fe2d46b;box-shadow:0 0 0 2px #8fe2d41a}:root[data-theme=dark] .design-project-inline-save{background:linear-gradient(135deg,#0f292df0,#0d1b22e6);border-color:#8fe2d43d}:root[data-theme=dark] .design-project-inline-save-summary div,:root[data-theme=dark] .design-project-inline-save-actions button{background:#0f1d24b8;border-color:#aebec82e}:root[data-theme=dark] .design-project-inline-save-actions button span{color:#aebec8}:root[data-theme=dark] .delete-confirm-dialog{background:var(--surface-raised);border-color:#fca5a54d}:root[data-theme=dark] .delete-confirm-dialog h2,:root[data-theme=dark] .delete-confirm-actions button{color:#f5fbfb}:root[data-theme=dark] .delete-confirm-dialog p{color:var(--muted)}:root[data-theme=dark] .delete-confirm-dialog span{color:#fca5a5}:root[data-theme=dark] .delete-confirm-actions button{border-color:var(--border-subtle);background:var(--surface-raised)}:root[data-theme=dark] .delete-confirm-actions button.danger{color:#fff;background:#b54732;border-color:#fca5a557}:root[data-theme=dark] .artifact-overwrite-dialog{background:var(--surface-raised);border-color:#34d39938}:root[data-theme=dark] .artifact-overwrite-dialog h2,:root[data-theme=dark] .artifact-overwrite-metrics dd,:root[data-theme=dark] .artifact-overwrite-impact strong,:root[data-theme=dark] .artifact-overwrite-samples li,:root[data-theme=dark] .artifact-overwrite-actions button{color:#f5fbfb}:root[data-theme=dark] .artifact-overwrite-dialog p,:root[data-theme=dark] .artifact-overwrite-metrics dt,:root[data-theme=dark] .artifact-overwrite-impact p{color:var(--muted)}:root[data-theme=dark] .artifact-overwrite-dialog span{color:var(--teal-dark)}:root[data-theme=dark] .artifact-overwrite-metrics div,:root[data-theme=dark] .artifact-overwrite-impact,:root[data-theme=dark] .artifact-overwrite-samples,:root[data-theme=dark] .artifact-overwrite-actions button{border-color:var(--border-subtle);background:#0f172af0}:root[data-theme=dark] .artifact-overwrite-actions button.danger{color:#fff;background:#b54732;border-color:#fca5a557}:root[data-theme=dark] .cloud-architecture-form,:root[data-theme=dark] .cloud-architecture-side-panel,:root[data-theme=dark] .cloud-architecture-output,:root[data-theme=dark] .cloud-architecture-review,:root[data-theme=dark] .cloud-architecture-diagram,:root[data-theme=dark] .cloud-canvas-wrap,:root[data-theme=dark] .cloud-canvas-inspector,:root[data-theme=dark] .cloud-canvas-tools,:root[data-theme=dark] .cloud-canvas-tool-popover,:root[data-theme=dark] .cloud-canvas-node-context-menu,:root[data-theme=dark] .cloud-canvas-minimap,:root[data-theme=dark] .cloud-lower-panel-nav,:root[data-theme=dark] .cloud-canvas-status-strip,:root[data-theme=dark] .cloud-canvas-selection-strip,:root[data-theme=dark] .cloud-canvas-link-editor,:root[data-theme=dark] .cloud-canvas-selected-link,:root[data-theme=dark] .cloud-canvas-property-summary,:root[data-theme=dark] .cloud-architecture-open-button,:root[data-theme=dark] .cloud-architecture-drawer-toggle,:root[data-theme=dark] .cloud-architecture-drawer-tabs,:root[data-theme=dark] .cloud-architecture-drawer-tabs button[aria-selected=true],:root[data-theme=dark] .cloud-architecture-design-status,:root[data-theme=dark] .cloud-diagram-vpc{border-color:var(--border-subtle);background:#0f172af0;box-shadow:0 18px 36px #00000042}:root[data-theme=dark] .cloud-architecture-diagram{background:radial-gradient(circle at 14% 0,#f59e0b21,#0000 28%),linear-gradient(#0f172afa,#111827f0)}:root[data-theme=dark] .cloud-architecture-layout-fullscreen{background:#0f172afa}:root[data-theme=dark] .cloud-canvas-stage-fullscreen{background:0 0}:root[data-theme=dark] .cloud-canvas-wrap{background:linear-gradient(#5eead414 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#5eead414 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#0f172afa,#111827f5);box-shadow:inset 0 0 0 1px #94a3b814,inset 0 18px 32px #00000024}:root[data-theme=dark] .cloud-diagram-node,:root[data-theme=dark] .cloud-diagram-tier,:root[data-theme=dark] .cloud-communication-requirement-row,:root[data-theme=dark] .cloud-consistency-check-row,:root[data-theme=dark] .cloud-submission-readiness,:root[data-theme=dark] .cloud-subnet-detail-card,:root[data-theme=dark] .cloud-design-table-row,:root[data-theme=dark] .cloud-canvas-node-card,:root[data-theme=dark] .cloud-architecture-review li,:root[data-theme=dark] .cloud-architecture-side-review li,:root[data-theme=dark] .cloud-architecture-panel-note,:root[data-theme=dark] .cloud-architecture-panel-toggle,:root[data-theme=dark] .cloud-architecture-open-button,:root[data-theme=dark] .cloud-architecture-drawer-toggle,:root[data-theme=dark] .cloud-canvas-tool-menu summary,:root[data-theme=dark] .cloud-canvas-tool-button,:root[data-theme=dark] .cloud-canvas-tool-popover button,:root[data-theme=dark] .cloud-canvas-node-context-menu button,:root[data-theme=dark] .cloud-canvas-status-strip span,:root[data-theme=dark] .cloud-canvas-selection-actions button,:root[data-theme=dark] .cloud-canvas-palette button,:root[data-theme=dark] .cloud-canvas-palette-search,:root[data-theme=dark] .cloud-canvas-placement-select,:root[data-theme=dark] .cloud-architecture-drawer-design-actions button,:root[data-theme=dark] .cloud-architecture-lower-panel,:root[data-theme=dark] .cloud-lower-panel-nav button,:root[data-theme=dark] .cloud-architecture-review-summary span,:root[data-theme=dark] .cloud-architecture-review>button,:root[data-theme=dark] .cloud-canvas-inspector select,:root[data-theme=dark] .cloud-canvas-inspector>span,:root[data-theme=dark] .cloud-canvas-inspector input,:root[data-theme=dark] .cloud-design-table-row input,:root[data-theme=dark] .cloud-design-table-row select,:root[data-theme=dark] .cloud-design-table-row textarea,:root[data-theme=dark] .cloud-subnet-detail-panel select,:root[data-theme=dark] .cloud-subnet-detail-actions button,:root[data-theme=dark] .cloud-architecture-fields input,:root[data-theme=dark] .cloud-architecture-fields select,:root[data-theme=dark] .cloud-architecture-fields button,:root[data-theme=dark] .cloud-architecture-quick-input button,:root[data-theme=dark] .cloud-architecture-sync-row button,:root[data-theme=dark] .cloud-architecture-manual-input,:root[data-theme=dark] .cloud-canvas-selected-link input,:root[data-theme=dark] .cloud-canvas-selected-link select,:root[data-theme=dark] .cloud-canvas-selected-link button,:root[data-theme=dark] .cloud-canvas-property-chips span,:root[data-theme=dark] .cloud-architecture-fields textarea{border-color:var(--border-subtle);background:var(--surface-raised)}:root[data-theme=dark] .cloud-canvas-tool-menu[open] summary,:root[data-theme=dark] .cloud-canvas-tool-menu summary:hover,:root[data-theme=dark] .cloud-architecture-panel-toggle:hover,:root[data-theme=dark] .cloud-architecture-panel-toggle:focus-visible,:root[data-theme=dark] .cloud-architecture-open-button:hover,:root[data-theme=dark] .cloud-architecture-open-button:focus-visible,:root[data-theme=dark] .cloud-architecture-drawer-toggle:hover,:root[data-theme=dark] .cloud-architecture-drawer-toggle:focus-visible,:root[data-theme=dark] .cloud-canvas-tool-button:hover:not(:disabled),:root[data-theme=dark] .cloud-canvas-tool-popover button:hover,:root[data-theme=dark] .cloud-canvas-node-context-menu button:hover,:root[data-theme=dark] .cloud-canvas-node-context-menu button:focus-visible,:root[data-theme=dark] .cloud-canvas-selection-actions button:hover:not(:disabled),:root[data-theme=dark] .cloud-canvas-selection-actions button:focus-visible:not(:disabled),:root[data-theme=dark] .cloud-subnet-detail-actions button:hover,:root[data-theme=dark] .cloud-lower-panel-nav button:hover,:root[data-theme=dark] .cloud-canvas-palette button:hover{background:#14b8a61f;border-color:#5eead461;box-shadow:0 10px 18px #00000038}:root[data-theme=dark] .cloud-property-focus-strip span{border-color:var(--border-subtle);color:var(--muted);background:#0f172ab8}:root[data-theme=dark] .cloud-canvas-status-strip span.cloud-canvas-free-drag-guide{color:#bfdbfe;background:#3b82f633;border-color:#93c5fd5c}:root[data-theme=dark] .cloud-property-focus-strip span[data-active=true]{background:var(--surface-raised);color:#f5fbfb;border-color:#5eead457}:root[data-theme=dark] .cloud-property-focus-strip strong{color:var(--teal-dark)}:root[data-theme=dark] .cloud-canvas-palette button[data-active=true]{color:#fef3c7;background:#78350f80;border-color:#fbbf24b3;box-shadow:inset 0 0 0 1px #fbbf243d,0 10px 18px #00000038}:root[data-theme=dark] .cloud-canvas-palette-search input,:root[data-theme=dark] .cloud-canvas-placement-select select{color:#f5fbfb}:root[data-theme=dark] .cloud-canvas-palette-tabs button[data-active=true]{color:#f5fbfb;background:#14b8a629;border-color:#5eead46b}:root[data-theme=dark] .cloud-canvas-display-options button[data-active=true]{color:#fef3c7;background:#78350f80;border-color:#fbbf24b3}:root[data-theme=dark] .cloud-canvas-template-list button[data-active=true]{background:#78350f80;border-color:#fbbf24b3}:root[data-theme=dark] .cloud-architecture-section-head h3,:root[data-theme=dark] .cloud-lower-panel-summary strong,:root[data-theme=dark] .cloud-canvas-tool-popover strong,:root[data-theme=dark] .cloud-canvas-node-context-menu strong,:root[data-theme=dark] .cloud-canvas-template-list button strong,:root[data-theme=dark] .cloud-communication-requirement-row strong,:root[data-theme=dark] .cloud-architecture-design-status strong,:root[data-theme=dark] .cloud-design-table-row label,:root[data-theme=dark] .cloud-canvas-tool-menu summary,:root[data-theme=dark] .cloud-canvas-tool-button,:root[data-theme=dark] .cloud-canvas-tool-popover button,:root[data-theme=dark] .cloud-canvas-node-context-menu button,:root[data-theme=dark] .cloud-canvas-status-strip span,:root[data-theme=dark] .cloud-canvas-selection-strip strong,:root[data-theme=dark] .cloud-canvas-selection-actions button,:root[data-theme=dark] .cloud-architecture-drawer-tabs button[aria-selected=true],:root[data-theme=dark] .cloud-architecture-drawer-design-actions button,:root[data-theme=dark] .cloud-canvas-inspector label,:root[data-theme=dark] .cloud-canvas-selected-link strong,:root[data-theme=dark] .cloud-canvas-selected-link label,:root[data-theme=dark] .cloud-architecture-review-summary span,:root[data-theme=dark] .cloud-architecture-review>button,:root[data-theme=dark] .cloud-canvas-property-summary header strong,:root[data-theme=dark] .cloud-canvas-property-summary dd,:root[data-theme=dark] .cloud-canvas-container text,:root[data-theme=dark] .cloud-canvas-node text,:root[data-theme=dark] .cloud-architecture-fields label,:root[data-theme=dark] .cloud-architecture-fields input,:root[data-theme=dark] .cloud-design-table-row input,:root[data-theme=dark] .cloud-design-table-row select,:root[data-theme=dark] .cloud-design-table-row textarea,:root[data-theme=dark] .cloud-architecture-fields select,:root[data-theme=dark] .cloud-architecture-fields button,:root[data-theme=dark] .cloud-subnet-detail-actions button,:root[data-theme=dark] .cloud-canvas-selected-link input,:root[data-theme=dark] .cloud-canvas-selected-link select,:root[data-theme=dark] .cloud-canvas-selected-link button,:root[data-theme=dark] .cloud-architecture-fields textarea,:root[data-theme=dark] .cloud-diagram-node strong,:root[data-theme=dark] .cloud-diagram-vpc-head strong,:root[data-theme=dark] .cloud-diagram-tier strong,:root[data-theme=dark] .cloud-consistency-check-row strong,:root[data-theme=dark] .cloud-submission-readiness header strong,:root[data-theme=dark] .cloud-subnet-detail-card strong,:root[data-theme=dark] .cloud-subnet-detail-card dt,:root[data-theme=dark] .cloud-subnet-detail-panel label,:root[data-theme=dark] .cloud-architecture-side-review strong,:root[data-theme=dark] .cloud-architecture-review li strong{color:#f5fbfb}:root[data-theme=dark] .cloud-diagram-node span,:root[data-theme=dark] .cloud-canvas-container-detail,:root[data-theme=dark] .cloud-canvas-container-layer,:root[data-theme=dark] .cloud-canvas-container-path,:root[data-theme=dark] .cloud-canvas-node-detail,:root[data-theme=dark] .cloud-architecture-panel-note,:root[data-theme=dark] .cloud-architecture-review>p,:root[data-theme=dark] .cloud-canvas-tool-popover p,:root[data-theme=dark] .cloud-communication-requirement-row span,:root[data-theme=dark] .cloud-consistency-check-row p,:root[data-theme=dark] .cloud-subnet-detail-card p,:root[data-theme=dark] .cloud-subnet-detail-card dd,:root[data-theme=dark] .cloud-canvas-property-summary dt,:root[data-theme=dark] .cloud-canvas-property-summary header span,:root[data-theme=dark] .cloud-canvas-template-list button span,:root[data-theme=dark] .cloud-architecture-design-status small,:root[data-theme=dark] .cloud-canvas-tool-hint,:root[data-theme=dark] .cloud-canvas-selection-strip span,:root[data-theme=dark] .cloud-canvas-selection-strip small,:root[data-theme=dark] .cloud-diagram-vpc-head span,:root[data-theme=dark] .cloud-diagram-tier span,:root[data-theme=dark] .cloud-architecture-side-review li p,:root[data-theme=dark] .cloud-architecture-review li p{color:var(--muted)}:root[data-theme=dark] .cloud-canvas-tool-separator{background:#8fe2d433}:root[data-theme=dark] .cloud-canvas-status-strip span{background:#14b8a624}:root[data-theme=dark] .cloud-canvas-selection-actions button.danger,:root[data-theme=dark] .cloud-canvas-node-context-menu button.danger{color:#fca5a5;border-color:#fca5a557}:root[data-theme=dark] .cloud-canvas-selection-bounds rect{fill:#fbbf241a;stroke:#fbbf24;filter:drop-shadow(0 0 10px #fbbf2452)}:root[data-theme=dark] .cloud-canvas-selection-bounds text{fill:#fef3c7;stroke:#0f172af5}:root[data-theme=dark] .cloud-canvas-minimap-container{fill:#5eead414;stroke:#8fe2d42e}:root[data-theme=dark] .cloud-canvas-minimap-actions button{color:#ccfbf1;background:#0f172aeb;border-color:#5eead43d}:root[data-theme=dark] .cloud-canvas-minimap-actions button:disabled{color:var(--muted)}:root[data-theme=dark] .cloud-canvas-minimap svg{background:#0f172adb}:root[data-theme=dark] .cloud-canvas-minimap-container.selected{fill:#fbbf2429;stroke:#fbbf24}:root[data-theme=dark] .cloud-canvas-minimap-link{stroke:#cbd5e15c}:root[data-theme=dark] .cloud-canvas-minimap-node{fill:#e2e8f0a3}:root[data-theme=dark] .cloud-canvas-minimap-node.selected{fill:#fef3c7;stroke:#fbbf24}:root[data-theme=dark] .cloud-canvas-node-icon-badge,:root[data-theme=dark] .cloud-canvas-node-icon-label-plate{fill:#0f172af0;stroke:#94a3b852}:root[data-theme=dark] .cloud-canvas-node[data-selected=true] .cloud-canvas-node-icon-badge{stroke:#fbbf24}:root[data-theme=dark] .cloud-canvas-link-halo{stroke:#020617fa;stroke-width:9px}:root[data-theme=dark] .cloud-canvas-link{stroke:#94a3b8cc}:root[data-theme=dark] .cloud-canvas-link-group[data-route-kind=ingress] .cloud-canvas-link{stroke:#93a4b8}:root[data-theme=dark] .cloud-canvas-link-group[data-route-kind=internal] .cloud-canvas-link{stroke:#7fb8b0}:root[data-theme=dark] .cloud-canvas-link-group[data-route-kind=external] .cloud-canvas-link{stroke:#b9a77f}:root[data-theme=dark] .cloud-canvas-link-group[data-route-kind=service] .cloud-canvas-link{stroke:#b996a0}:root[data-theme=dark] .cloud-canvas-link-port-dot{fill:#e2e8f0e6;stroke:#020617fa}:root[data-theme=dark] .cloud-canvas-link-group[data-route-kind=ingress] .cloud-canvas-link-port-dot{fill:#93a4b8}:root[data-theme=dark] .cloud-canvas-link-group[data-route-kind=internal] .cloud-canvas-link-port-dot{fill:#7fb8b0}:root[data-theme=dark] .cloud-canvas-link-group[data-route-kind=external] .cloud-canvas-link-port-dot{fill:#b9a77f}:root[data-theme=dark] .cloud-canvas-link-group[data-route-kind=service] .cloud-canvas-link-port-dot{fill:#b996a0}:root[data-theme=dark] .cloud-canvas-container-label-plate{fill:#0f172ae0;stroke:#94a3b833}:root[data-theme=dark] .cloud-canvas-container[data-tone=region] .cloud-canvas-container-frame{fill:#3b82f614;stroke:#93c5fd7a;stroke-width:3px}:root[data-theme=dark] .cloud-canvas-container[data-tone=region] .cloud-canvas-container-label-plate{fill:#0f172af0;stroke:#93c5fd47}:root[data-theme=dark] .cloud-canvas-container[data-tone=az] .cloud-canvas-container-frame{fill:#94a3b81a;stroke:#cbd5e194;stroke-width:3px}:root[data-theme=dark] .cloud-canvas-container[data-tone=az] .cloud-canvas-container-label-plate{fill:#1e293bf0;stroke:#cbd5e14d}:root[data-theme=dark] .cloud-canvas-container[data-tone=az] .cloud-canvas-container-layer-plate{fill:#94a3b829;stroke:#cbd5e142}:root[data-theme=dark] .cloud-canvas-container[data-tone=subnet] .cloud-canvas-container-frame{fill:#14b8a614;stroke:#5eead475;stroke-width:2.6px}:root[data-theme=dark] .cloud-canvas-container[data-tone=subnet][data-public-equivalent=true] .cloud-canvas-container-frame{fill:#3b82f629;stroke:#93c5fdc7;stroke-width:3.4px}:root[data-theme=dark] .cloud-canvas-container-layer-plate,:root[data-theme=dark] .cloud-canvas-node-header{fill:#14b8a629;stroke:#5eead429}:root[data-theme=dark] .cloud-canvas-node-card{fill:var(--surface-raised);stroke:#5eead480;stroke-width:2.8px}:root[data-theme=dark] .cloud-canvas-node-icon-well{fill:#0f172ab8;stroke:#94a3b82e}:root[data-theme=dark] .cloud-canvas-node-status{stroke:#0f172af5}:root[data-theme=dark] .cloud-canvas-node[data-selected=true] .cloud-canvas-node-card{stroke:#fbbf24}:root[data-theme=dark] .cloud-canvas-region-label,:root[data-theme=dark] .cloud-canvas-container text,:root[data-theme=dark] .cloud-canvas-node text{fill:#f5fbfb}:root[data-theme=dark] .cloud-canvas-container-detail,:root[data-theme=dark] .cloud-canvas-node-detail{fill:var(--muted)!important}:root[data-theme=dark] .cloud-canvas-link-label{fill:#e2e8f0;stroke:#0f172af5}:root[data-theme=dark] .cloud-canvas-link-label-plate{fill:#0f172afa;stroke:#e2e8f057}:root[data-theme=dark] .cloud-canvas-review-badge rect{fill:#14b8a629;stroke:#5eead46b}:root[data-theme=dark] .cloud-canvas-review-badge text{fill:#ccfbf1}:root[data-theme=dark] .cloud-canvas-review-badge[data-severity=確認] rect{fill:#78350f85;stroke:#fbbf2494}:root[data-theme=dark] .cloud-canvas-review-badge[data-severity=確認] text{fill:#fef3c7}:root[data-theme=dark] .cloud-canvas-review-badge[data-severity=要対応] rect{fill:#7f1d1d94;stroke:#fca5a594}:root[data-theme=dark] .cloud-canvas-review-badge[data-severity=要対応] text{fill:#fee2e2}:root[data-theme=dark] .cloud-architecture-side-review li[data-active-review=true]{border-color:#fbbf249e;box-shadow:0 0 0 2px #fbbf242e,0 12px 20px #0003}:root[data-theme=dark] .cloud-canvas-wrap marker path{fill:#cbd5e1b8}:root[data-theme=dark] .cloud-architecture-review li[data-severity=要対応]>span{color:#fca5a5}:root[data-theme=dark] .network-design-guide-badge,:root[data-theme=dark] .network-design-next-actions button{background:#0f172af0;border-color:#34d3993d}:root[data-theme=dark] .network-design-guide-materials span{color:#99f6e4;background:#14b8a61f;border-color:#34d39938}:root[data-theme=dark] .network-design-guide-first-steps span{color:#b7c3cf;background:#0f172ad1;border-color:#34d3992e}:root[data-theme=dark] .network-design-guide-first-steps strong{color:#8fe2d4;background:#8fe2d41f}:root[data-theme=dark] .network-design-workbench-guide h2,:root[data-theme=dark] .network-design-next-actions strong{color:#f5fbfb}:root[data-theme=dark] .network-design-workbench-guide p,:root[data-theme=dark] .network-design-next-actions small{color:#b7c3cf}:root[data-theme=dark] .action-group{background:#0f172ae6;border-color:#34d39938}:root[data-theme=dark] .action-group.primary-flow{background:linear-gradient(135deg,#0d2a2df2,#0f172aeb)}:root[data-theme=dark] .action-group.support-flow,:root[data-theme=dark] .action-group.output-flow{background:#111827eb}:root[data-theme=dark] .action-group>strong{color:#f5fbfb}:root[data-theme=dark] .tool-card:hover{border-color:#31c7b599;box-shadow:0 20px 48px #00000057}:root[data-theme=dark] .purpose-workflow-link{color:#9ff5eb;background:#0d948829;border-color:#4adecd57}:root[data-theme=dark] .purpose-workflow-link:hover{background:#0d948842}:root[data-theme=dark] .purpose-shortcut-flow{background:linear-gradient(135deg,#0d948829,#0f172ac7);border-color:#4adecd47}:root[data-theme=dark] .purpose-shortcut-steps button,:root[data-theme=dark] .purpose-shortcut-steps a{color:#9ff5eb;background:#14242ceb;border-color:#8fe2d43d}:root[data-theme=dark] .purpose-shortcut-steps button:hover,:root[data-theme=dark] .purpose-shortcut-steps a:hover{background:#31c7b524;border-color:#8fe2d494}:root[data-theme=dark] .recent-tools,:root[data-theme=dark] .purpose-nav{border-top-color:#8b9eb22e}:root[data-theme=dark] .purpose-nav-heading strong,:root[data-theme=dark] .purpose-card strong{color:var(--ink)}:root[data-theme=dark] .network-pack-products article,:root[data-theme=dark] .network-pack-decision button{background:linear-gradient(#0f172ad1,#0e2830b3),radial-gradient(circle at 100% 0,#8fe2d41f,#0000 38%);border-color:#bee0ff29}:root[data-theme=dark] .network-pack-product-icon{color:#07131f;background:#8fe2d4}:root[data-theme=dark] .network-pack-products strong,:root[data-theme=dark] .network-pack-decision>strong,:root[data-theme=dark] .network-pack-decision span{color:var(--ink)}:root[data-theme=dark] .network-pack-products p,:root[data-theme=dark] .network-pack-products small{color:var(--muted)}:root[data-theme=dark] .network-pack-decision{background:linear-gradient(135deg,#0f172ae0,#14303fc2);border-color:#bee0ff24}:root[data-theme=dark] .network-pack-support{border-top-color:#8fe2d424}:root[data-theme=dark] .recent-tool:hover,:root[data-theme=dark] .recent-tool.active{color:#07131f;background:linear-gradient(135deg,#76e0d0,#8fb4ff)}:root[data-theme=dark] .tool-card.active{background:linear-gradient(#192d36fa 0%,#113f3de6 100%);border-color:#8fe2d4ad;box-shadow:inset 0 0 0 2px #31c7b58c,0 20px 48px #00000057}:root[data-theme=dark] .diff-view{background:#101c22;border-color:#8fe2d42e;box-shadow:inset 0 1px #8fe2d414}:root[data-theme=dark] .diff-toolbar{color:var(--ink);background:#16252d;border-bottom-color:#8fe2d42e}:root[data-theme=dark] .diff-head{color:var(--ink);background:#0b171d}:root[data-theme=dark] .diff-head span,:root[data-theme=dark] .diff-head strong,:root[data-theme=dark] .diff-row span,:root[data-theme=dark] .diff-row code{border-right-color:#8fe2d424}:root[data-theme=dark] .diff-row{border-top-color:#8fe2d421}:root[data-theme=dark] .diff-line-no,:root[data-theme=dark] .diff-code.empty{background:#8fe2d40b}:root[data-theme=dark] .diff-row.same{background:#16252df5}:root[data-theme=dark] .diff-row.added,:root[data-theme=dark] .diff-row.added .diff-code.after{background:#31c7b524}:root[data-theme=dark] .diff-row.removed,:root[data-theme=dark] .diff-row.removed .diff-code.before{background:#ff8a6d24}:root[data-theme=dark] .diff-row.changed{background:#f0b8571a}:root[data-theme=dark] .diff-row.changed .diff-code.before{background:#ff8a6d29}:root[data-theme=dark] .diff-row.changed .diff-code.after{background:#31c7b529}:root[data-theme=dark] .raw-config-sheet-editor,:root[data-theme=dark] .raw-config-saved-sheets,:root[data-theme=dark] .raw-config-result-overview,:root[data-theme=dark] .raw-config-logical-diagram,:root[data-theme=dark] .raw-config-device-detail{background:#111f26;border-color:#8fe2d42e}:root[data-theme=dark] .raw-config-saved-sheets-summary{color:var(--ink);background:#16252d linear-gradient(#16252d,#16252d);border-color:#8fe2d42e}:root[data-theme=dark] .raw-config-saved-sheets-summary:after,:root[data-theme=dark] .raw-config-saved-sheets-summary small{color:#e2f1eeb8}:root[data-theme=dark] .raw-config-saved-sheets-summary svg{color:#8fe2d4}:root[data-theme=dark] .raw-config-sheet-editor-header select,:root[data-theme=dark] .raw-config-editable-table input,:root[data-theme=dark] .raw-config-editable-table button,:root[data-theme=dark] .raw-config-sheet-editor-actions button,:root[data-theme=dark] .raw-config-saved-actions button,:root[data-theme=dark] .raw-config-saved-search{color:var(--ink);background:#16252d;border-color:#8fe2d42e}:root[data-theme=dark] .raw-config-saved-item,:root[data-theme=dark] .raw-config-summary-card,:root[data-theme=dark] .raw-config-saved-sheet-section,:root[data-theme=dark] .raw-config-saved-compare{background:#101c22;border-color:#8fe2d42e}:root[data-theme=dark] .raw-config-saved-compare-controls select,:root[data-theme=dark] .raw-config-compare-summary span,:root[data-theme=dark] .raw-config-compare-actions button,:root[data-theme=dark] .raw-config-logical-diagram-header button{color:var(--ink);background:#16252d;border-color:#8fe2d42e}:root[data-theme=dark] .raw-config-compare-table tr[data-status=追加] td:first-child{color:#86efac}:root[data-theme=dark] .raw-config-compare-table tr[data-status=削除] td:first-child{color:#fca5a5}:root[data-theme=dark] .raw-config-compare-table tr[data-status=変更] td:first-child{color:#facc15}:root[data-theme=dark] .raw-config-device-detail-body,:root[data-theme=dark] .raw-config-saved-preview{border-color:#8fe2d424}:root[data-theme=dark] .raw-config-editable-table-wrap,:root[data-theme=dark] .raw-config-saved-table-wrap{background:#101c22;border-color:#8fe2d42e}:root[data-theme=dark] .raw-config-editable-table th,:root[data-theme=dark] .raw-config-saved-table th{color:var(--ink);background:#0b171d}:root[data-theme=dark] .raw-config-editable-table th,:root[data-theme=dark] .raw-config-editable-table td,:root[data-theme=dark] .raw-config-saved-table th,:root[data-theme=dark] .raw-config-saved-table td{border-color:#8fe2d424}:root[data-theme=dark] .raw-config-editable-table input:focus{border-color:var(--teal-dark);background:#0c171d}:root[data-theme=dark] .review-card,:root[data-theme=dark] .priority-list{background:#16252df0;border-color:#8fe2d42e}:root[data-theme=dark] .review-card strong,:root[data-theme=dark] .priority-list li{color:#f5fbfb}:root[data-theme=dark] .risk-level.high{color:#ffb29c;background:#ff8a6d29}:root[data-theme=dark] .risk-level.medium{color:#ffd17a;background:#f0b85729}:root[data-theme=dark] .risk-level.low{color:var(--teal-dark);background:#31c7b524}:root[data-theme=dark] .favorite-tool-button{color:var(--teal-dark);background:#16252df5;border-color:#8fe2d433}:root[data-theme=dark] .favorite-button.active{color:var(--amber);background:#f0b8572e;border-color:#f0b857c2}:root[data-theme=dark] .category-tab{color:var(--ink);background:#16252df0 linear-gradient(#16252df0,#16252df0);border-color:#8fe2d429}:root[data-theme=dark] .category-tab:hover,:root[data-theme=dark] .category-tab.active,:root[data-theme=dark] .inline-reset-button:hover,:root[data-theme=dark] .favorite-tool-button:hover,:root[data-theme=dark] .share-tool-button:hover,:root[data-theme=dark] .quick-pick:hover,:root[data-theme=dark] .quick-pick.active{color:var(--ink);background:#31c7b524 linear-gradient(#31c7b524,#31c7b524);border-color:#31c7b5b3}:root[data-theme=dark] .favorite-tool-button.active{color:var(--amber);background:#f0b8572e;border-color:#f0b857c2}:root[data-theme=dark] .input-row{border-color:var(--card-state-border);background:var(--card-state-bg);background-size:auto,24px 24px}:root[data-theme=dark] .workbench-input-board{border-color:var(--card-support-border);background:linear-gradient(#8fe2d40d 1px, transparent 1px), linear-gradient(90deg, #8fe2d40a 1px, transparent 1px), var(--card-support-bg);background-size:28px 28px,28px 28px,auto}:root[data-theme=dark] .workbench-input-head span,:root[data-theme=dark] .workbench-input-metrics strong{color:#8fe2d4}:root[data-theme=dark] .workbench-input-head h3,:root[data-theme=dark] .workflow-strip span{color:var(--ink)}:root[data-theme=dark] .diagram-sync-empty-note{color:var(--muted);background:#ffffff0d;border-color:#8fe2d429}:root[data-theme=dark] .workbench-input-metrics,:root[data-theme=dark] .workflow-strip span,:root[data-theme=dark] .diagram-sync-form,:root[data-theme=dark] .raw-config-entry-form,:root[data-theme=dark] .raw-config-device-card,:root[data-theme=dark] .raw-config-command-bar,:root[data-theme=dark] .raw-config-command-actions button,:root[data-theme=dark] .raw-config-device-review-panel,:root[data-theme=dark] .raw-config-device-summary-strip article,:root[data-theme=dark] .raw-config-sheet-chip-grid article,:root[data-theme=dark] .raw-config-review-action-card,:root[data-theme=dark] .raw-config-saved-sheet-section,:root[data-theme=dark] .raw-config-device-review-section{background:#ffffff0d;border-color:#8fe2d429}:root[data-theme=dark] .raw-config-review-action-card span{color:#ffd17a;background:#f0b85729}:root[data-theme=dark] .raw-config-review-action-card{border-left-color:var(--amber)}:root[data-theme=dark] .raw-config-review-action-card.high{border-left-color:var(--rust)}:root[data-theme=dark] .raw-config-review-action-card.low{border-left-color:var(--teal-dark)}:root[data-theme=dark] .raw-config-review-action-card.high span{color:#ffb29c;background:#ff8a6d29}:root[data-theme=dark] .raw-config-review-action-card.low span{color:var(--teal-dark);background:#31c7b524}:root[data-theme=dark] .raw-config-review-action-card strong,:root[data-theme=dark] .raw-config-review-action-card p,:root[data-theme=dark] .raw-config-device-summary-strip strong,:root[data-theme=dark] .raw-config-sheet-chip-grid strong{color:var(--ink)}:root[data-theme=dark] .raw-config-review-action-card small,:root[data-theme=dark] .raw-config-device-summary-strip span,:root[data-theme=dark] .raw-config-sheet-chip-grid span,:root[data-theme=dark] .raw-config-device-review-section summary span{color:var(--muted)}:root[data-theme=dark] .raw-config-device-card legend small{color:#8fe2d4;background:#31c7b51f;border-color:#8fe2d438}:root[data-theme=dark] .workflow-strip strong{color:#041216;background:#31c7b5}:root[data-theme=dark] .input-action-dock{border-top-color:#8fe2d424}:root[data-theme=dark] .contact-form{background:#14222aeb;border-color:#8fe2d424}:root[data-theme=dark] label{color:#cfe1df}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{color:var(--ink);background:#0d1a20;border-color:#8fe2d43d}:root[data-theme=dark] input:hover,:root[data-theme=dark] select:hover,:root[data-theme=dark] textarea:hover{border-color:#8fe2d485}:root[data-theme=dark] .icon-button-light,:root[data-theme=dark] .secondary-action-button{color:#f5fbfb;background:#ffffff0f;border-color:#8fe2d433}:root[data-theme=dark] .icon-button-light:hover:not(:disabled),:root[data-theme=dark] .secondary-action-button:hover{color:#8fe2d4;background:#31c7b524}:root[data-theme=dark] .dynamic-fieldset{background:#ffffff0a;border-color:#8fe2d42e}:root[data-theme=dark] .dynamic-fieldset legend{color:#f5fbfb}:root[data-theme=dark] .record-row:nth-child(odd){background:#1a2d36fa}:root[data-theme=dark] .reference-head strong{color:var(--teal-dark)}:root[data-theme=dark] .reference-head span{color:#cfe1df;background:#8fe2d41f}:root[data-theme=dark] .status{color:#c8fff4;background:#31c7b51f}:root[data-theme=dark] .status.error,:root[data-theme=dark] .warning-list{color:#ffb7a5;background:#ff8a6d1a;border-color:#ff8a6d85}:root[data-theme=dark] .code-output,:root[data-theme=dark] .command-list code{color:#e9fff8;background:#071116}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1040px){.portal-route-actions{grid-template-columns:1fr 1fr}.portal-route-actions a.is-primary{grid-column:1/-1}.hero-band{grid-template-columns:minmax(260px,.68fr) minmax(400px,1.32fr)}.hero-title span{font-size:clamp(1.92rem,4.8vw,3.1rem)}.portal-hero{min-height:auto;padding:24px 14px}.portal-route-grid{grid-template-columns:1fr;gap:12px}.portal-route-panel{gap:13px;min-height:0;padding:18px}.portal-route-panel>p{min-height:0}.portal-route-panel>header b{font-size:.66rem}.lead{font-size:.88rem;line-height:1.48}.hero-safety-panel{margin-top:10px;padding:9px 10px}.hero-safety-panel p{display:none}.hero-safety-panel a{margin-top:4px}.hero-actions{grid-template-columns:1fr;margin-top:10px;display:grid}.hero-route-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions button,.hero-actions a{justify-content:flex-start;min-height:38px}.hero-start-board{margin-top:10px}.tool-controls,.contact-form,.pricing-plan-grid,.pricing-pro-lite-grid,.pricing-comparison-row,.pricing-trust,.network-pack-stage,.diagram-editor-start-strip,.input-row-plan,.subnet-split-form,.cidr-overlap-form,.config-generator-form,.diagram-sync-form,.raw-config-device-card,.diagram-editor-layout,.input-row,.workbench-input-head,.diagram-editor-start-actions,.workflow-strip,.raw-config-command-bar{grid-template-columns:1fr}.raw-config-command-summary{border-bottom:1px solid #1724321a;border-right:0;padding-bottom:10px;padding-right:0}.raw-config-command-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-plans,.pricing-pro-lite-value,.pricing-comparison,.pricing-trust{padding:16px}.pricing-comparison-row{gap:0}.pricing-comparison-row span{padding:9px 10px}.pricing-comparison-row span+span{border-left:0;border-top:1px solid var(--line)}.pricing-comparison-row span:not(:first-child):before{color:var(--ink);margin-bottom:2px;font-size:.68rem;font-weight:950;display:block}.pricing-comparison-row span:nth-child(2):before{content:"Free"}.pricing-comparison-row span:nth-child(3):before{content:"Pro-lite"}.pricing-comparison-row span:nth-child(4):before{content:"Pro"}.pricing-comparison-row-head{display:none}.diagram-editor-guide{grid-template-columns:1fr}.diagram-review-summary-grid,.result-outcome-board{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-editor-health{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.diagram-editor-health span{flex:none}.network-pack-phase-overview{display:none}.network-pack-decision-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.network-pack-decision-strip span{padding:8px}.diagram-editor-canvas-actions{flex-wrap:wrap}.diagram-editor-minimap{width:150px;margin-top:-106px}.tool-category-grid,.network-pack-flow,.network-pack-phase-overview,.network-pack-products,.network-pack-decision>div{grid-template-columns:repeat(2,minmax(0,1fr))}.network-pack-products{grid-column:1/-1}}@media (width<=680px){.app-shell{padding:12px}.cloud-architecture-layout,.cloud-architecture-fields.two-column,.cloud-canvas-inspector{grid-template-columns:1fr}.cloud-architecture-form{order:2;max-height:none;position:static}.cloud-architecture-output{order:1}.cloud-architecture-diagram{min-height:0;padding:8px}.cloud-canvas-wrap{min-height:420px}.cloud-canvas-tools{flex-wrap:wrap;justify-content:flex-start;left:8px}.cloud-canvas-tool-popover{width:min(220px,100vw - 24px);max-height:min(340px,100vh - 120px);top:auto;bottom:calc(100% + 8px)}.cloud-canvas-tool-popover.compact{width:min(220px,100vw - 24px)}.cloud-canvas-more-popover{width:min(260px,100vw - 24px)}.cloud-canvas-tool-menu-start .cloud-canvas-tool-popover{left:0;right:auto}.cloud-canvas-tool-menu-end .cloud-canvas-tool-popover{left:auto;right:0}.cloud-canvas-tool-hint{text-overflow:ellipsis;max-width:150px;overflow:hidden}.cloud-canvas-status-strip{pointer-events:auto;scrollbar-width:thin;flex-wrap:nowrap;max-width:calc(100% - 16px);top:178px;left:8px;overflow-x:auto}.cloud-canvas-status-strip span{flex:none}.cloud-canvas-selection-strip{grid-template-columns:1fr;max-width:calc(100% - 16px);top:260px;left:8px}.cloud-canvas-node-context-menu{grid-template-columns:1fr;width:min(320px,100vw - 16px)}.cloud-canvas-node-context-actions{justify-content:flex-start}.cloud-canvas-palette{box-sizing:border-box;flex-wrap:nowrap;width:100%;min-width:0;max-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.cloud-canvas-palette button{flex:0 0 104px}.cloud-design-table-row,.cloud-design-table-row.security,.cloud-communication-requirement-row,.cloud-consistency-check-row,.cloud-subnet-detail-metrics,.cloud-subnet-detail-card dl,.cloud-subnet-detail-actions{grid-template-columns:1fr}.cloud-communication-requirement-row button{width:100%}.cloud-design-table-row label:last-of-type{grid-column:auto}.cloud-canvas-minimap{width:126px;height:78px;bottom:8px;right:8px}.cloud-architecture-output{min-width:0}.artifact-overwrite-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.artifact-overwrite-actions{flex-direction:column-reverse}.artifact-overwrite-actions button{width:100%}.app-topbar{align-items:center;gap:8px}.brand-home-link{flex:none;justify-content:flex-start}.brand-name{display:none}.topbar-nav{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.topbar-nav button span,.topbar-nav a span,.topbar-nav-menu summary span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar-nav button,.topbar-nav a,.language-toggle,.theme-toggle,.topbar-menu-button{white-space:nowrap;flex:none;min-width:0;max-width:100%}.topbar-nav button,.topbar-nav a,.topbar-nav-menu summary{width:34px;padding:0}.theme-toggle span{display:none}.topbar-menu{right:-2px}.hero-band,.tool-panel{padding:20px}.hero-band{box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:16px;max-width:100%;overflow:hidden}.hero-copy,.hero-side,.hero-screen-preview{min-width:0}.hero-title{gap:8px}.hero-title span{font-size:1.95rem;line-height:1.05}.hero-title small{padding:7px 9px;font-size:.92rem}.hero-workflow-cards,.hero-start-board{grid-template-columns:1fr}.hero-preview-stack{max-width:none;margin:10px;position:static}.hero-screen-preview{min-height:0;max-height:360px}.hero-screen-preview img{object-fit:contain;height:auto;min-height:0;max-height:360px}.lead{margin-top:14px;font-size:.88rem;line-height:1.58}.hero-safety-panel{grid-template-columns:1fr;gap:8px;margin-top:14px;padding:12px}.hero-safety-panel p{font-size:.8rem}.hero-actions{gap:8px;margin-top:16px}.hero-actions button,.hero-actions a{flex:100%;min-height:40px}.hero-route-choices{grid-template-columns:1fr}.hero-actions a.hero-route-choice{min-height:66px}.hero-workflow-cards,.hero-start-board{grid-template-columns:1fr;gap:7px;margin-top:14px}.hero-start-board button{min-height:72px;padding:10px}.hero-workflow-cards article{min-height:54px;padding:9px}.support-route-grid{grid-template-columns:1fr}.support-route-card,.support-route-card summary,.support-route-link{min-height:96px}.support-route-card .tool-filters,.support-route-card .purpose-nav,.support-route-card .recent-tools{margin:10px}.hero-side{grid-template-columns:1fr;width:100%;max-width:100%;overflow:hidden;display:grid!important}.hero-project-state-card{display:none}.hero-project-state-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-launch-glossary{display:none!important}.hero-preview-carousel{width:100%;min-width:0;max-width:100%;min-height:250px;display:none;overflow:hidden}.hero-screen-preview{box-sizing:border-box;width:100%;min-width:0;max-width:100%;transform:scale(.985)}.hero-screen-preview[data-active=true]{transform:scale(1)}.hero-screen-preview img{max-width:100%;min-height:190px}.hero-sample-screen{gap:8px;min-height:250px;padding:10px}.hero-cloud-region{min-height:146px;padding:9px}.hero-cloud-vpc{gap:7px;padding:8px}.hero-cloud-az{grid-template-columns:1fr 1fr;gap:6px;padding:7px}.hero-cloud-az b,.hero-cloud-az em{grid-column:span 2}.hero-screen-preview span{justify-content:center;padding:7px 9px;font-size:.78rem;bottom:10px;left:10px;right:10px}.hero-screen-preview span svg{display:none}.hero-preview-stack{max-width:calc(100% - 20px);padding:8px 9px;top:auto;bottom:50px;right:10px}.hero-preview-stack strong{font-size:.76rem}.hero-preview-stack small{font-size:.7rem;line-height:1.35}.hero-tool-preview,.hero-tool-preview.physical{gap:8px;min-height:152px;padding:10px}.hero-preview-canvas{min-height:92px}.hero-sample-screen.physical .hero-preview-canvas{min-height:148px}.hero-sample-screen.physical .preview-cloud{top:18px;left:7%}.hero-sample-screen.physical .preview-fw{top:58px;left:34%}.hero-sample-screen.physical .preview-core{top:18px;right:7%}.hero-sample-screen.physical .preview-seg{bottom:16px;right:12%}.hero-sample-screen.physical .link-a{width:28%;top:50px;left:23%;transform:rotate(18deg)}.hero-sample-screen.physical .link-b{width:27%;top:50px;left:51%;transform:rotate(-18deg)}.hero-sample-screen.physical .link-c{width:28%;top:92px;left:53%;transform:rotate(28deg)}.hero-preview-rack{gap:5px;padding:8px}.hero-preview-rack span{height:18px}.hero-preview-note{padding:5px 8px;font-size:.72rem}.preview-node{min-width:52px;min-height:28px;font-size:.68rem}.diagram-review-head{flex-direction:column;align-items:stretch}.diagram-review-summary-grid,.result-outcome-board,.interface-review-check-grid{grid-template-columns:1fr}.hero-logo{justify-self:start;width:96px}.network-design-workbench-guide,.network-design-next-actions,.design-project-workspace-head,.design-project-inline-save,.design-project-inline-save-steps,.design-project-inline-save-summary,.design-project-inline-save-actions,.design-project-workspace-grid,.design-project-project-rail,.design-project-detail-rail,.design-project-actions,.design-project-detail-head,.design-project-artifact-list summary,.design-project-artifact-summary-meta,.design-project-artifact-focus-panel,.design-project-artifact-controls,.design-project-artifact-review-controls,.design-project-submission-filters,.design-project-pro-lite-boundary,.design-project-audience-template-grid,.design-project-submission-version-actions,.design-project-submission-version-fields,.grouped-actions,.tool-library-drawer summary,.compact-next-actions,.tool-finder-intro,.workbench-input-head,.workflow-strip{grid-template-columns:1fr}.design-project-workspace{padding:12px}.design-project-workspace[data-collapsed=true]{padding:10px}.design-project-workspace[data-collapsed=true] .design-project-workspace-head{gap:8px}.design-project-workspace[data-collapsed=true] h2{margin:4px 0;font-size:.98rem}.design-project-workspace[data-collapsed=true] p,.design-project-workspace[data-collapsed=true] .design-project-workspace-cues,.design-project-workspace[data-collapsed=true] .design-project-workspace-flow{display:none}.design-project-workspace[data-collapsed=true] .design-project-workspace-next-step{border-radius:7px;width:100%;margin-top:8px;padding:6px 8px;display:grid}.design-project-workspace[data-collapsed=true] .design-project-workspace-next-step strong{font-size:.78rem}.design-project-workspace-head-actions{flex-direction:column;width:100%}.design-project-submission-filters span{justify-self:start}.design-project-workspace-metrics,.design-project-workspace-toggle,.design-project-form button,.design-project-sample-button{width:100%}.design-project-workspace-flow span{flex:100%}.design-project-workspace[data-collapsed=true] .design-project-workspace-head-actions{gap:8px}.design-project-workspace[data-collapsed=true] .design-project-workspace-metrics{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 6px;padding:8px}.design-project-workspace[data-collapsed=true] .design-project-workspace-metrics strong{font-size:1rem}.design-project-workspace[data-collapsed=true] .design-project-workspace-metrics span{font-size:.68rem}.design-project-workspace[data-collapsed=true] .design-project-workspace-toggle{min-height:38px}.workbench-input-board{padding:12px}.workbench-input-head>svg{justify-self:start}.workbench-input-metrics{justify-self:stretch}.raw-config-device-card textarea{min-height:190px}.raw-config-device-detail summary small{text-align:left;white-space:normal;flex-basis:100%}.raw-config-command-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.input-action-dock{justify-content:stretch}.input-action-dock button{flex:100%}.tool-category-grid,.network-pack-flow,.network-pack-phase-overview,.network-pack-products,.network-pack-decision>div,.tool-category-heading,.tool-finder-head,.active-tool-summary,.review-score-grid,.split-request-head,.split-request-row,.cidr-input-head,.cidr-input-row,.managed-cost-head,.managed-cost-row,.config-vlan-head,.config-vlan-row,.config-interface-head,.config-interface-row,.config-route-head,.config-route-row,.config-acl-head,.config-acl-row,.single-value-head,.single-value-row,.result-title,.record-row,.compact-table .record-row{grid-template-columns:1fr}.tool-library-summary small{white-space:normal;justify-self:start}.network-pack-stage{padding:12px}.network-pack-stage-main{padding:14px}.network-pack-phase-overview,.network-pack-flow{grid-area:auto/1}.network-pack-step{min-height:auto}.tool-finder{gap:12px;width:100%;min-width:0;max-width:100%;padding:14px}.hero-band{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-side,.hero-preview-carousel,.hero-screen-preview{min-width:0;max-width:100%}.tool-finder-intro,.tool-finder-route-note,.tool-finder-actions,.tool-filters,.tool-controls,.tool-finder-head,.support-route-grid,.tool-overview,.category-tabs{width:100%;min-width:0;max-width:100%}.tool-finder *,.support-route-grid *{box-sizing:border-box;max-width:100%}.design-project-empty-tool-grid{grid-template-columns:1fr}.tool-finder .tool-finder-lead{display:none}.support-route-card summary,.support-route-link{padding:12px}.diff-head,.diff-row{grid-template-columns:48px minmax(220px,1fr) 48px minmax(220px,1fr);width:max-content;min-width:100%}.diff-toolbar{justify-content:flex-start;align-items:flex-start}.tool-finder-actions{justify-content:flex-start}.glossary-entry-strip{flex-direction:column;align-items:stretch}.glossary-search-input-row,.glossary-search-assist,.glossary-row{grid-template-columns:1fr}.category-tabs{justify-content:flex-start}.tool-card,.tool-card-shell{min-height:238px}.tool-card strong,.tool-card small,.tool-card p,.engineer-tags{grid-column:1/-1}.tool-card .engineer-tags{max-height:30px}}:root[data-theme=dark] .input-row input,:root[data-theme=dark] .input-row select,:root[data-theme=dark] .input-row textarea{color:var(--ink)!important;background:#0d1a20 linear-gradient(#0d1a20,#0d1a20)!important;border-color:#8fe2d43d!important}:root[data-theme=dark] .input-row input:hover,:root[data-theme=dark] .input-row select:hover,:root[data-theme=dark] .input-row textarea:hover,:root[data-theme=dark] .input-row input:focus,:root[data-theme=dark] .input-row select:focus,:root[data-theme=dark] .input-row textarea:focus{background:#071116 linear-gradient(#071116,#071116)!important;border-color:#8fe2d49e!important}