@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:calc(14px + var(--ui-font-increase,0px)) "DM Sans",sans-serif;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}button:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-border);outline-offset:3px}a{color:inherit;text-decoration:none}input,textarea,select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;min-width:0;padding:11px 12px}select{cursor:pointer}input::placeholder,textarea::placeholder{color:var(--muted)}.shell{min-height:100vh;display:flex}aside{border-right:1px solid var(--line);background:var(--sidebar);flex-direction:column;flex-shrink:0;width:228px;height:100vh;padding:32px 18px 0;display:flex;position:fixed}.logo{font-family:Manrope,sans-serif;font-weight:800;font-size:calc(24px + var(--ui-font-increase,0px));letter-spacing:-1px;align-items:center;gap:9px;margin:0 10px 46px;display:flex}.logo-dot{color:var(--muted);margin-left:-8px}.brandmark{background:var(--accent);color:var(--accent-contrast);width:34px;height:36px;font-size:calc(24px + var(--ui-font-increase,0px));border-radius:9px;justify-content:center;align-items:center;font-weight:400;display:inline-flex}.workspace-label{font-size:calc(9px + var(--ui-font-increase,0px));letter-spacing:1.4px;color:var(--muted);margin:0 12px 12px;font-weight:700}.nav-item{width:100%;font-size:calc(12px + var(--ui-font-increase,0px));color:var(--muted);background:0 0;border:0;justify-content:flex-start;margin-bottom:4px;padding:12px}.nav-item.selected{background:var(--accent-soft);color:var(--ink);font-weight:600}.nav-item span{font-size:calc(10px + var(--ui-font-increase,0px));background:var(--accent-soft);border-radius:5px;margin-left:auto;padding:3px 5px}.side-line{background:var(--accent-soft);height:1px;margin:24px 10px}.sidebar-bottom{margin-top:auto}.storage-note{background:var(--accent-soft);border:1px solid var(--line);color:var(--strong);border-radius:10px;margin:28px 5px;padding:18px}.storage-note strong{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--ink);margin:12px 0 8px;display:block}.storage-note p{font-size:calc(11px + var(--ui-font-increase,0px));margin:0 0 16px;line-height:1.7}.storage-note span{font-size:calc(10px + var(--ui-font-increase,0px));align-items:center;gap:6px;display:flex}.storage-note i,.sync>span{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;padding:20px 0;display:flex}.profile strong{font-size:calc(11px + var(--ui-font-increase,0px))}.profile small{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);margin-top:3px;display:block}.profile button{background:0 0;border:0;padding:5px}main{width:calc(100% - 228px);margin-left:228px;padding:0 36px}header{border-bottom:1px solid var(--line);height:77px;font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);justify-content:space-between;align-items:center;display:flex}header>div{align-items:center;gap:13px;display:flex}header strong{color:var(--ink);font-weight:500}.sync{font-size:calc(10px + var(--ui-font-increase,0px));align-items:center;gap:7px;display:flex}.board-heading{justify-content:space-between;align-items:center;padding:38px 0 28px;display:flex}.eyebrow{font-size:calc(9px + var(--ui-font-increase,0px));letter-spacing:2px;color:var(--muted);font-weight:700}h1{font-family:Manrope,sans-serif;font-size:calc(34px + var(--ui-font-increase,0px));letter-spacing:-1.4px;margin:10px 0;font-weight:750}.heading-dot{color:var(--muted)}.board-heading p{color:var(--muted);font-size:calc(12px + var(--ui-font-increase,0px));margin:8px 0}.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-size:calc(12px + var(--ui-font-increase,0px));padding:12px 18px;box-shadow:0 2px 3px #367b6110}.primary:hover{background:var(--accent-hover)}.overview{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:1fr 1fr 1fr 1.1fr;margin-bottom:31px;padding:22px 0;display:grid}.overview>div{border-right:1px solid var(--line);align-items:center;gap:13px;padding:0 24px;display:flex}.overview>div:last-child{border:0}.metric-icon{background:var(--surface-muted);width:37px;height:37px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;display:flex}.metric-icon.orange{background:var(--warning-soft);color:var(--warning-ink)}.metric-icon.green{background:var(--surface-muted);color:var(--muted)}.overview p{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);margin:0}.overview strong{font-size:calc(25px + var(--ui-font-increase,0px));color:var(--ink);margin-top:5px;font-weight:600;line-height:1.2;display:block}.overview small{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);margin-left:8px;font-weight:400}.overview .progress-metric{display:block}.progress{background:var(--accent-soft);border-radius:5px;height:5px;margin-top:13px}.progress i{background:var(--accent);border-radius:5px;height:100%;display:block}.toolbar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.view-switch{border:1px solid var(--line);background:var(--surface-muted);border-radius:7px;padding:3px;display:flex}.view-switch button{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);background:0 0;border:0;padding:7px 12px}.view-switch button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #243b3010}.search{border:1px solid var(--line);background:var(--surface);width:225px;color:var(--muted);border-radius:7px;align-items:center;gap:6px;margin-left:auto;padding:0 10px;display:flex}.search input{width:100%;font-size:calc(11px + var(--ui-font-increase,0px));background:0 0;border:0;padding:10px 0}.search kbd{font-size:calc(9px + var(--ui-font-increase,0px));border:1px solid var(--line);border-radius:3px;padding:1px 4px}.filters{color:var(--muted);align-items:center;gap:8px;display:flex}.filters select{font-size:calc(10px + var(--ui-font-increase,0px));padding:10px 7px}.board{align-items:stretch;gap:17px;min-height:410px;padding-bottom:18px;display:flex;overflow-x:auto}.column{background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;flex:1 0 220px;min-width:220px;max-width:380px}.column-head{align-items:center;gap:8px;height:53px;padding:0 14px;display:flex}.column-head>i{background:var(--accent);border-radius:50%;width:7px;height:7px}.column-1 .column-head>i{background:var(--warning-ink)}.column-2 .column-head>i{background:var(--purple-ink)}.column-3 .column-head>i{background:var(--accent)}.column-head h2{font-size:calc(12px + var(--ui-font-increase,0px));margin:0;font-weight:600}.column-head>span{font-size:calc(9px + var(--ui-font-increase,0px));background:var(--accent-soft);color:var(--muted);border-radius:5px;padding:3px 6px}.column-head button{color:var(--muted);background:0 0;border:0;margin-left:auto;padding:4px}.column-body{padding:0 9px 12px}.task{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:10px;overflow:hidden;box-shadow:0 2px 4px #1e352207}.task:hover{border-color:var(--accent-border);box-shadow:0 4px 12px #1e352209}.task-open{background:var(--surface);text-align:left;border:0;border-radius:0;width:100%;padding:14px;display:block}.task-open:hover{background:var(--hover)}.task-top{justify-content:space-between;align-items:center;display:flex}.priority{font-size:calc(9px + var(--ui-font-increase,0px));background:var(--surface-muted);color:var(--muted);border-radius:4px;align-items:center;gap:4px;padding:4px 6px;display:inline-flex}.priority.P1,.priority.P2{background:var(--warning-soft);color:var(--warning-ink)}.priority.P3{background:var(--surface-muted);color:var(--muted)}.task-id{font-size:calc(8px + var(--ui-font-increase,0px));color:var(--muted);letter-spacing:.7px}.task h3{font-size:calc(12px + var(--ui-font-increase,0px));overflow-wrap:anywhere;margin:13px 0 7px;font-weight:600;line-height:1.6}.task p{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;line-height:1.6;display:-webkit-box;overflow:hidden}.labels{flex-wrap:wrap;gap:4px;display:flex}.labels span{font-size:calc(9px + var(--ui-font-increase,0px));background:var(--surface-muted);color:var(--muted);border-radius:4px;padding:3px 6px}.task-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;display:flex}.due{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);align-items:center;gap:4px;display:flex}.due.overdue{color:var(--danger-ink)}.avatar{background:var(--accent-soft);border:2px solid var(--line);width:25px;height:25px;color:var(--muted);font-size:calc(8px + var(--ui-font-increase,0px));border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.move-label{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);align-items:center;gap:6px;padding:0 14px 10px;display:flex}.move-label select{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);background:0 0;border:0;max-width:100%;padding:2px}.add-card{font-size:calc(11px + var(--ui-font-increase,0px));border:1px dashed var(--line);color:var(--muted);background:0 0;width:100%;padding:11px}.empty-column{color:var(--muted);font-size:calc(11px + var(--ui-font-increase,0px));text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:44px 12px;line-height:1.6;display:flex}.empty-column>span{opacity:.7}.empty-column p{max-width:150px}.drop-ready{border-style:dashed;border-color:var(--accent-border)}footer{color:var(--muted);font-size:calc(9px + var(--ui-font-increase,0px));justify-content:space-between;align-items:center;padding:15px 0 26px;display:flex}footer span{align-items:center;gap:6px;display:flex}.list-view{background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:auto}.list-row{border-bottom:1px solid var(--line);font-size:calc(11px + var(--ui-font-increase,0px));align-items:center;gap:18px;min-width:650px;padding:14px;display:flex}.list-row>button{text-align:left;border:0;flex:1;justify-content:flex-start}.list-row>span{min-width:75px}.list-row select{font-size:calc(11px + var(--ui-font-increase,0px))}dialog{color:var(--ink);border:1px solid var(--line);border-radius:15px;width:min(540px,94vw);max-height:90vh;padding:26px;box-shadow:0 20px 90px #203a3025}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c332b55}.modal-top{font-size:calc(9px + var(--ui-font-increase,0px));letter-spacing:1.5px;color:var(--muted);justify-content:space-between;align-items:center;display:flex}.modal-top button{background:0 0;border:0;padding:3px}dialog h2{font:700 calc(25px + var(--ui-font-increase,0px)) Manrope,sans-serif;letter-spacing:-.8px;margin:18px 0 24px}dialog p{font-size:calc(12px + var(--ui-font-increase,0px));line-height:1.7}form label{font-size:calc(11px + var(--ui-font-increase,0px));flex-direction:column;gap:7px;margin-bottom:17px;font-weight:500;display:flex}form label small{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);font-weight:400}textarea{resize:vertical}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;margin-top:24px;padding-top:20px;display:flex}.modal-actions button{font-size:calc(11px + var(--ui-font-increase,0px))}.modal-actions .text-button{color:var(--muted);border:0;margin-right:auto;padding-left:0}.error{background:var(--danger-soft);color:var(--danger-ink);font-size:calc(12px + var(--ui-font-increase,0px));border-radius:7px;margin-bottom:15px;padding:12px}.error button{margin-left:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.login{place-items:center;width:100%;height:100vh;margin:0;display:grid}.login form{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:min(430px,94vw);padding:40px}.login h1{font-size:calc(26px + var(--ui-font-increase,0px))}.login p{color:var(--muted);margin-bottom:25px}.login .primary{width:100%}@media (min-width:1500px){main{padding:0 52px}.column{flex-basis:250px}}@media (max-width:1100px){aside{width:190px;padding-left:12px;padding-right:12px}main{width:calc(100% - 190px);margin-left:190px;padding:0 24px}.overview>div{padding:0 14px}.overview small{margin:4px 0 0;display:block}.metric-icon{display:none}.toolbar{flex-wrap:wrap}.search{flex:1;min-width:170px}.filters{margin-left:auto}}@media (max-width:700px){aside{border-bottom:1px solid var(--line);border-right:0;flex-flow:wrap;gap:5px;width:100%;height:auto;padding:14px 16px;position:static}.shell{display:block}.logo{font-size:calc(20px + var(--ui-font-increase,0px));margin:0 auto 0 0}.brandmark{width:29px;height:30px;font-size:calc(20px + var(--ui-font-increase,0px))}.workspace-label,.side-line,.sidebar-bottom{display:none}.nav-item{gap:0;width:auto;margin:0;padding:9px;font-size:0}.nav-item span{display:none}main{width:100%;margin-left:0;padding:0 18px}header{height:50px}.board-heading{padding:26px 0 22px}h1{font-size:calc(28px + var(--ui-font-increase,0px))}.board-heading p{max-width:220px;line-height:1.6}.eyebrow{font-size:calc(8px + var(--ui-font-increase,0px))}.board-heading .primary{font-size:calc(11px + var(--ui-font-increase,0px));padding:11px}.overview{grid-template-columns:1fr 1fr;row-gap:20px;margin-bottom:22px;padding:15px 0}.overview>div:nth-child(2){border:0}.overview strong{font-size:calc(23px + var(--ui-font-increase,0px))}.overview small{margin-left:5px;display:inline}.toolbar{gap:10px}.filters{width:100%;margin:0}.filters select{flex:1}.search{width:160px}.column{flex:0 0 270px}.board{min-height:360px}.board-heading .primary svg{display:none}footer{gap:15px;line-height:1.7}footer>span:last-child{text-align:right}.modal-actions{flex-wrap:wrap}}.nav-item.apps-launcher{border:1px solid var(--line);background:var(--accent-soft);color:var(--ink);font-size:calc(12px + var(--ui-font-increase,0px));gap:10px;margin-bottom:28px}.nav-item .apps-label{font-size:calc(12px + var(--ui-font-increase,0px));background:0 0;margin:0;padding:0}.nav-item .apps-shortcut{font-size:calc(14px + var(--ui-font-increase,0px));background:0 0;margin-left:auto}.apps-dialog>p{color:var(--muted)}.app-options{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 6px;display:grid}.app-option{border:1px solid var(--line);border-radius:11px;padding:24px 18px;transition:background .15s;display:block}.app-option:hover,.current-app{background:var(--accent-soft);border-color:var(--accent-border)}.app-option>svg{color:var(--strong);margin-bottom:22px}.app-option strong{font-size:calc(15px + var(--ui-font-increase,0px));display:block}.app-option p{color:var(--muted);font-size:calc(12px + var(--ui-font-increase,0px));min-height:40px}.app-option>span{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--strong);align-items:center;gap:7px;margin-top:24px;display:flex}.sequence-main{padding-bottom:20px}.sequence-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:22px;display:grid}.composer{background:var(--surface);border:1px solid var(--line);border-radius:11px;overflow:hidden}.diagram-name{border-bottom:1px solid var(--line);padding:20px}.diagram-name label{font-size:calc(9px + var(--ui-font-increase,0px));letter-spacing:1.1px;color:var(--muted);margin-bottom:10px}.diagram-name>div{gap:6px;display:flex}.diagram-name input{width:100%;font-size:calc(12px + var(--ui-font-increase,0px));padding:9px}.diagram-name button{font-size:calc(11px + var(--ui-font-increase,0px));padding:8px}.composer-section{border-bottom:1px solid var(--line);padding:20px}.composer-section-head{justify-content:space-between;align-items:center;display:flex}.composer-section h2{font-size:calc(13px + var(--ui-font-increase,0px));margin:0;font-weight:600}.composer-section h2 span{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);background:var(--surface-muted);border-radius:4px;margin-left:7px;padding:3px 6px;font-weight:400}.composer-section-head>button{border:0;padding:4px}.composer-hint{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);margin:9px 0 18px}.entity-row{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:9px;padding:9px 0;display:flex}.entity-name{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0;display:block}.entity-name strong{color:var(--ink);font-size:calc(12px + var(--ui-font-increase,0px));overflow-wrap:anywhere;font-weight:500;display:block}.entity-name small{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted)}.row-controls{gap:2px;display:flex}.row-controls button,.step-controls button{color:var(--muted);background:0 0;border:0;padding:4px}.step-add{gap:8px;margin-bottom:16px;display:flex}.step-add button{font-size:calc(11px + var(--ui-font-increase,0px));background:var(--surface);flex:1;padding:9px}.sequence-step{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:10px;padding:12px}.sequence-step.note{background:var(--warning-soft);border-color:var(--warning-line)}.step-summary{align-items:flex-start;gap:8px;display:flex}.step-index{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);background:var(--surface-muted);border-radius:4px;padding:3px 5px}.step-summary button{text-align:left;background:0 0;border:0;min-width:0;padding:0;display:block}.step-summary small{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);overflow-wrap:anywhere;margin-bottom:6px;display:block}.step-summary strong{font-size:calc(12px + var(--ui-font-increase,0px));overflow-wrap:anywhere;font-weight:500;line-height:1.6;display:block}.step-controls{border-top:1px solid var(--line);align-items:center;gap:2px;margin-top:10px;padding-top:7px;display:flex}.step-controls>span{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);margin-right:auto}.diagram-panel{border:1px solid var(--line);background:var(--surface);border-radius:11px;position:sticky;top:20px;overflow:hidden}.diagram-panel-head{border-bottom:1px solid var(--line);font-size:calc(11px + var(--ui-font-increase,0px));align-items:center;gap:10px;padding:15px 18px;display:flex}.diagram-panel-head>div{align-items:center;gap:7px;font-weight:500;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.diagram-panel-head>span{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);margin-left:auto}.diagram-panel-head button{border:0;padding:4px}.diagram-canvas{background:var(--surface);min-height:420px;max-height:75vh;padding:24px 0;overflow:auto}.sequence-svg{max-width:none;margin:0 auto;display:block}.diagram-caption{border-top:1px solid var(--line);font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);align-items:center;gap:7px;padding:15px 18px;display:flex}.source-panel{min-height:400px;padding:22px}.source-panel pre{font-size:calc(12px + var(--ui-font-increase,0px));white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.source-panel button{font-size:calc(11px + var(--ui-font-increase,0px));margin-top:18px}.empty-sequence{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--muted);padding:15px 0;line-height:1.6}@media (max-width:1150px){.sequence-layout{grid-template-columns:270px minmax(0,1fr);gap:15px}.composer-section,.diagram-name{padding:15px}.diagram-panel-head>span{display:none}}@media (max-width:900px){.sequence-layout{grid-template-columns:1fr}.diagram-panel{grid-row:1;position:static}.diagram-canvas{min-height:300px;max-height:450px}.sequence-main .board-heading h1{font-size:calc(27px + var(--ui-font-increase,0px))}}@media (max-width:700px){.nav-item.apps-launcher{gap:0;margin:0;padding:8px;font-size:0}.nav-item .apps-shortcut,.nav-item .apps-label{display:none}.app-options{grid-template-columns:1fr}.app-option{padding:16px}.app-option>svg{margin-bottom:10px}.app-option p{min-height:0}.app-option>span{margin-top:12px}.sequence-main .board-heading{gap:10px}.sequence-main .board-heading h1{font-size:calc(24px + var(--ui-font-increase,0px))}.sequence-main .board-heading>button{font-size:calc(10px + var(--ui-font-increase,0px));padding:8px}.sequence-main .board-heading p{font-size:calc(11px + var(--ui-font-increase,0px))}.diagram-caption{font-size:calc(9px + var(--ui-font-increase,0px));line-height:1.7}}.apps-chevron{margin-left:auto}.diagram-panel-head .diagram-scale{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);background:var(--surface-muted);border-radius:4px;padding:4px 7px}.sequence-svg{max-width:100%;height:auto}.actual-size .sequence-svg{max-width:none;height:revert}@media (max-width:700px){.apps-chevron{display:none}}.apps-dialog{width:min(780px,94vw)}.app-options{grid-template-columns:repeat(3,1fr)}.shape-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:18px;display:grid}.shape-palette button{white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:calc(8px + var(--ui-font-increase,0px));background:var(--surface-muted);border-color:var(--line);color:var(--muted);flex-direction:column;gap:7px;padding:10px 2px;display:flex}.node-link-button{color:var(--muted);background:0 0;border:0;padding:5px}.flow-direction{font-size:calc(10px + var(--ui-font-increase,0px));max-width:130px;margin-left:auto;padding:6px}.flow-canvas{min-height:380px;padding:24px}.flow-svg{max-height:none}.flow-svg [role=button]:hover{filter:brightness(.97)}.flow-svg [role=button]:focus-visible{outline:2px solid var(--accent-border);outline-offset:5px}.flow-canvas:not(.actual-size) .flow-svg{width:auto;max-width:100%;height:auto;max-height:none}@media (max-width:700px){.app-options{grid-template-columns:1fr}.flow-canvas{min-height:240px;padding:15px}.flow-direction{max-width:115px;font-size:calc(9px + var(--ui-font-increase,0px))}.diagram-panel-head{flex-wrap:wrap}.shape-palette button{font-size:calc(10px + var(--ui-font-increase,0px))}}.matrix-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.matrix-toolbar form{align-items:center;gap:10px;display:flex}.matrix-toolbar form>label{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted)}.matrix-check,.matrix-flags label{font-size:calc(12px + var(--ui-font-increase,0px));align-items:center;gap:9px;display:flex}.matrix-check input,.matrix-flags input,.matrix-task-top>input{width:16px;min-width:16px;height:16px;accent-color:var(--accent)}.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.matrix-quadrant{background:var(--surface);border:1px solid var(--line);border-top:4px solid;border-radius:10px;min-height:260px;transition:background .15s}.matrix-quadrant.matrix-drop{background:var(--accent-soft);outline:2px dashed var(--accent-border);outline-offset:3px}.matrix-quadrant-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px;display:flex}.matrix-quadrant h2{font-size:calc(18px + var(--ui-font-increase,0px));align-items:center;gap:12px;margin:0;display:flex}.matrix-quadrant h2 span{font-size:calc(11px + var(--ui-font-increase,0px));background:var(--surface-muted);border-radius:4px;padding:4px 7px}.matrix-quadrant-head p{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);margin:6px 0 0}.matrix-quadrant-head>button{border:0;padding:7px}.matrix-tasks{gap:12px;padding:16px;display:grid}.matrix-task{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:13px}.matrix-task-top{align-items:center;gap:8px;display:flex}.matrix-task-title{text-align:left;font-size:calc(13px + var(--ui-font-increase,0px));overflow-wrap:anywhere;background:0 0;border:0;flex:1;justify-content:flex-start;min-width:0;padding:3px;font-weight:600}.matrix-task-notes{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.matrix-task select{font-size:calc(10px + var(--ui-font-increase,0px));background:var(--surface-muted);width:100%;margin-top:9px;padding:5px}.matrix-done .matrix-task-title{color:var(--muted);text-decoration:line-through}.matrix-flags{gap:24px;margin:18px 0;display:flex}.matrix-flags label{margin:0}@media (max-width:1000px){.matrix-grid{gap:14px}.matrix-quadrant-head{padding:16px}}@media (max-width:700px){.matrix-grid{grid-template-columns:1fr}.matrix-toolbar form{flex-wrap:wrap;width:100%}.matrix-toolbar input{flex:1;min-width:100px}.matrix-main .board-heading h1{font-size:calc(22px + var(--ui-font-increase,0px))}.matrix-check{width:auto}.matrix-quadrant{min-height:210px}}.matrix-axes-form{flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0 12px;display:flex}.matrix-axes-form>label{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);flex-direction:column;gap:7px;display:flex}.matrix-axes-form input{width:190px}.matrix-axes-form .primary{margin-left:auto}.sticky-scroll{padding:8px 0 18px;overflow-x:auto}.sticky-plot{grid-template-rows:620px 50px;grid-template-columns:55px minmax(0,1fr);min-width:700px;display:grid}.sticky-board{isolation:isolate;background:var(--canvas);border:1px solid var(--line);background-image:radial-gradient(var(--canvas-dot) .8px,transparent .8px);background-size:18px 18px;border-radius:10px;position:relative;overflow:hidden}.sticky-grid{pointer-events:none;background:linear-gradient(to right,transparent calc(50% - .5px),var(--canvas-line) calc(50% - .5px),var(--canvas-line) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),var(--canvas-line) calc(50% - .5px),var(--canvas-line) calc(50% + .5px),transparent calc(50% + .5px));position:absolute;inset:0}.sticky-y-label{writing-mode:vertical-rl;overflow-wrap:anywhere;place-self:center;align-items:center;gap:18px;max-height:550px;font-weight:600;display:flex;transform:rotate(180deg)}.sticky-y-label span,.sticky-x-label span{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);font-weight:400}.sticky-x-label{overflow-wrap:anywhere;grid-column:2;justify-content:center;align-items:center;gap:22px;font-weight:600;display:flex}.sticky-corner{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);pointer-events:none;max-width:42%;position:absolute}.top-left{top:14px;left:16px}.top-right{text-align:right;top:14px;right:16px}.bottom-left{bottom:14px;left:16px}.bottom-right{text-align:right;bottom:14px;right:16px}.sticky-note{z-index:1;border:1px solid #00000008;border-radius:2px 2px 10px;flex-direction:column;width:109.333px;height:96px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:2px 4px 9px #52653c24}.sticky-yellow{background:#fff1a7}.sticky-green{background:#daebbc}.sticky-pink{background:#f6d4df}.sticky-blue{background:#d0e5f3}.sticky-moving,.sticky-note:focus-within{z-index:5}.sticky-moving{box-shadow:4px 8px 18px #52653c38}.sticky-note .sticky-handle{touch-action:none;cursor:grab;height:18px;min-height:18px;color:var(--sticky-ink);font-size:calc(17px + var(--ui-font-increase,0px));background:#00000005;border:0;border-radius:0;flex-shrink:0;padding:0}.sticky-handle:active{cursor:grabbing}.sticky-note .sticky-content{text-align:left;background:0 0;border:0;border-radius:0;flex:1;min-height:0;padding:4px 8px;display:block;overflow:hidden}.sticky-content strong{font-size:calc(11px + var(--ui-font-increase,0px));-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.sticky-content span{-webkit-line-clamp:1;font-size:calc(9px + var(--ui-font-increase,0px));color:var(--sticky-ink);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:3px;line-height:1.3;display:-webkit-box;overflow:hidden}.sticky-complete{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--sticky-ink);align-items:center;gap:5px;margin:0 7px 5px;display:flex}.sticky-complete input{accent-color:#638c66;width:12px;min-width:12px;height:12px}.sticky-done strong{text-decoration:line-through}.sticky-empty{text-align:center;font-size:calc(13px + var(--ui-font-increase,0px));color:var(--muted);background:var(--canvas);border-radius:10px;flex-direction:column;gap:12px;padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:700px){.matrix-axes-form input{width:150px}.matrix-axes-form .primary{margin-left:0}.sticky-plot{grid-template-columns:36px minmax(0,1fr)}.sticky-y-label{font-size:calc(12px + var(--ui-font-increase,0px))}}.whiteboard-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.whiteboard-toolbar>button{font-size:calc(12px + var(--ui-font-increase,0px))}.whiteboard-toolbar>label{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);align-items:center;gap:8px;margin-left:auto;display:flex}.whiteboard-toolbar select{padding:8px}.whiteboard-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.whiteboard-panel{min-width:0;position:static}.whiteboard-scroll{background:var(--surface);min-height:300px;max-height:78vh;overflow:auto}.whiteboard-svg{-webkit-user-select:none;user-select:none;display:block}.whiteboard-svg [role=button]:focus-visible{filter:drop-shadow(0 0 3px var(--accent-border));outline:none}.whiteboard-inspector h2{font-size:calc(13px + var(--ui-font-increase,0px));margin:0 0 14px}.whiteboard-inspector .diagram-name>div{gap:5px;display:flex}.whiteboard-inspector .diagram-name input{width:100%;font-size:calc(11px + var(--ui-font-increase,0px))}.whiteboard-elements{gap:5px;max-height:180px;display:grid;overflow:auto}.whiteboard-elements>button{font-size:calc(10px + var(--ui-font-increase,0px));justify-content:space-between;gap:8px;padding:8px;display:flex}.whiteboard-elements small{white-space:nowrap;text-overflow:ellipsis;max-width:110px;color:var(--muted);overflow:hidden}.whiteboard-elements .selected-element{background:var(--accent-soft);border-color:var(--accent-border)}.whiteboard-properties>label,.whiteboard-properties .form-grid label{font-size:calc(10px + var(--ui-font-increase,0px));flex-direction:column;gap:7px;margin-bottom:12px;display:flex}.whiteboard-properties input,.whiteboard-properties textarea{width:100%;font-size:calc(11px + var(--ui-font-increase,0px));padding:8px}.whiteboard-properties input[type=color]{height:35px;padding:3px}.whiteboard-properties .form-grid{gap:8px}.whiteboard-actions{grid-template-columns:1fr;gap:6px;margin-top:12px;display:grid}.whiteboard-actions button{font-size:calc(10px + var(--ui-font-increase,0px));padding:8px}.whiteboard-panel .diagram-caption{line-height:1.7}@media (max-width:1050px){.whiteboard-layout{grid-template-columns:minmax(0,1fr)}.whiteboard-inspector{grid-template-columns:1fr 1fr;display:grid}.whiteboard-properties{grid-column:1/-1}.whiteboard-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.whiteboard-toolbar>button{font-size:calc(10px + var(--ui-font-increase,0px));padding:8px}.whiteboard-inspector{display:block}.whiteboard-scroll{min-height:260px;max-height:65vh}.whiteboard-toolbar>label{margin-left:0}}.schema-table-name{margin-bottom:22px}.schema-table-name>label{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);margin-bottom:8px;display:block}.schema-table-name>div{gap:5px;display:flex}.schema-table-name input{width:100%;font-size:calc(12px + var(--ui-font-increase,0px))}.schema-table-name button{font-size:calc(10px + var(--ui-font-increase,0px));padding:8px}.schema-flags{flex-wrap:wrap;gap:14px;margin:18px 0;display:flex}.schema-flags label{font-size:calc(12px + var(--ui-font-increase,0px));align-items:center;gap:6px;margin:0;display:flex}.schema-flags input{width:15px;min-width:15px;height:15px;accent-color:var(--accent)}.dag-job-detail{border-top:1px solid var(--line);padding:20px}.dag-job-detail>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.dag-job-detail h2{font-size:calc(16px + var(--ui-font-increase,0px));margin:0}.dag-job-detail h3{font-size:calc(11px + var(--ui-font-increase,0px));margin:18px 0 8px}.dag-job-detail p,.dag-job-detail li{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--muted);overflow-wrap:anywhere;line-height:1.7}.dag-job-detail>p:first-of-type{white-space:pre-wrap}.dag-job-detail ul{padding-left:18px}.dag-job-detail li button{font-size:calc(12px + var(--ui-font-increase,0px));background:0 0;border:0;padding:0;text-decoration:underline}.dag-job-detail button{font-size:calc(10px + var(--ui-font-increase,0px));padding:7px}.dag-detail-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.dag-levels{max-height:70vh;padding:22px;overflow:auto}.dag-levels section{border-left:3px solid var(--line);padding:4px 0 22px 18px}.dag-levels h3{font-size:calc(13px + var(--ui-font-increase,0px));margin:5px 0}.dag-levels p{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted)}.dag-levels section>div{flex-wrap:wrap;gap:8px;display:flex}.dag-levels button{font-size:calc(12px + var(--ui-font-increase,0px));overflow-wrap:anywhere;flex-direction:column;align-items:start;max-width:100%;display:flex}.dag-levels small{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted)}.architecture-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:18px;display:grid}.architecture-palette button{font-size:calc(9px + var(--ui-font-increase,0px));background:var(--surface-muted);color:var(--strong);flex-direction:column;gap:7px;min-height:70px;padding:10px 5px;display:flex}.architecture-palette span{overflow-wrap:anywhere;line-height:1.35}.architecture-check{font-size:calc(12px + var(--ui-font-increase,0px));align-items:center;gap:8px;margin:16px 0;display:flex}.architecture-check input{width:15px;min-width:15px;height:15px;accent-color:var(--accent)}.apps-dialog .modal-top h2{font-size:calc(18px + var(--ui-font-increase,0px));margin:0}.apps-dialog .modal-top{margin-bottom:20px}.app-option{position:relative}.app-option>.app-current-indicator{margin:0;padding:3px;display:inline-flex;position:absolute;top:12px;right:12px}.apps-dialog .app-option p{margin-bottom:0}.roadmap-scroll{margin-top:22px;overflow-x:auto}.roadmap-grid{grid-template-columns:135px repeat(3,minmax(230px,1fr));gap:0;min-width:900px;display:grid}.roadmap-row{display:contents}.roadmap-lane-label{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);padding:20px 10px}.roadmap-horizon{border:1px solid var(--line);background:var(--surface);border-top:4px solid;padding:18px}.roadmap-next{border-top-color:var(--warning-ink)}.roadmap-later{border-top-color:var(--purple-ink)}.roadmap-horizon h2{font-size:calc(18px + var(--ui-font-increase,0px));align-items:center;gap:12px;margin:0;display:flex}.roadmap-horizon h2 span{font-size:calc(10px + var(--ui-font-increase,0px));background:var(--surface-muted);border-radius:4px;padding:4px 7px}.roadmap-horizon p{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);margin:7px 0 0}.roadmap-lane{border-bottom:1px solid var(--line);align-items:start;gap:5px;padding:20px 12px 20px 0;display:flex}.roadmap-lane h3{font-size:calc(12px + var(--ui-font-increase,0px));overflow-wrap:anywhere;flex:1;margin:0;line-height:1.5}.roadmap-lane button{color:var(--muted);background:0 0;border:0;padding:4px}.roadmap-cell{border:1px solid var(--line);background:var(--surface-muted);border-top:0;flex-direction:column;gap:10px;min-height:200px;padding:12px;display:flex}.roadmap-cell.roadmap-drop{background:var(--accent-soft);outline:2px dashed var(--accent-border);outline-offset:-4px}.roadmap-card{background:var(--surface);border:1px solid var(--line);cursor:grab;border-radius:8px;box-shadow:0 2px 4px #42532c05}.roadmap-card-content{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;width:100%;padding:14px;display:block}.roadmap-card-content strong{font-size:calc(13px + var(--ui-font-increase,0px));line-height:1.5}.roadmap-card-content p{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:9px 0;line-height:1.6;display:-webkit-box;overflow:hidden}.roadmap-card-content small{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);margin-top:7px;line-height:1.5;display:block}.roadmap-card-meta{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.roadmap-card-meta:empty{display:none}.roadmap-card-meta span{background:var(--surface-muted);font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);border-radius:4px;padding:4px 6px}.roadmap-card-controls{border-top:1px solid var(--line);align-items:center;gap:4px;padding:7px;display:flex}.roadmap-card-controls select{font-size:calc(10px + var(--ui-font-increase,0px));flex:1;padding:5px}.roadmap-card-controls button{border:0;padding:5px}.roadmap-add{font-size:calc(11px + var(--ui-font-increase,0px));background:0 0;border-style:dashed;width:100%;margin-top:auto;padding:10px}.roadmap-scores{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.roadmap-scores label{font-size:calc(11px + var(--ui-font-increase,0px));flex-direction:column;gap:6px;display:flex}.roadmap-scores input{width:100%;padding:10px}.roadmap-related-links{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.roadmap-related-links a{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--green);text-decoration:underline}@media (max-width:700px){.roadmap-grid{grid-template-columns:100px repeat(3,minmax(230px,1fr));min-width:820px}.roadmap-lane{padding-right:7px}.roadmap-scores label{font-size:calc(10px + var(--ui-font-increase,0px))}.roadmap-scores input{padding:7px}.roadmap-main footer{line-height:1.7}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#182c49;--strong:#3e5575;--muted:#63758e;--green:#2563eb;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-contrast:#fff;--accent-soft:#e5eeff;--accent-border:#9ebcf3;--line:#dbe4ef;--paper:#f5f8fc;--surface:#fff;--surface-muted:#edf2f9;--sidebar:#edf3fb;--hover:#eaf1fd;--warning-soft:#fff3dd;--warning-ink:#94621c;--warning-line:#e7cf9e;--purple-ink:#8b72ac;--danger-soft:#fff0ee;--danger-ink:#ad493f;--canvas:#fbfdff;--canvas-line:#bccde3;--canvas-dot:#dae4f1;--sticky-ink:#485268;--diagram-surface:#fff;--diagram-node:#e8f0fd;--diagram-blue:#e1edfd;--diagram-purple:#eee7f8;--diagram-amber:#fff2d9;--diagram-orange:#fae7df;--diagram-teal:#e0f2f1;--diagram-success:#deefdf;--diagram-danger:#f8dfdc;--diagram-border:#b5c9e2;--diagram-muted:#5f7da2;--diagram-ink:#29476c}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e2ebf7;--strong:#c6d6eb;--muted:#a0b2ca;--green:#71adff;--accent:#4b94f3;--accent-hover:#6cacf9;--accent-contrast:#07182e;--accent-soft:#1b3355;--accent-border:#3c6090;--line:#2a3c55;--paper:#0b1321;--surface:#121e30;--surface-muted:#18283f;--sidebar:#101c2e;--hover:#1d304b;--warning-soft:#392c19;--warning-ink:#e0ba76;--warning-line:#685234;--purple-ink:#bca4df;--danger-soft:#3a232a;--danger-ink:#f1a299;--canvas:#111d2f;--canvas-line:#344966;--canvas-dot:#253953;--diagram-surface:#121e30;--diagram-node:#1d334e;--diagram-blue:#203b5f;--diagram-purple:#352e4e;--diagram-amber:#3f3421;--diagram-orange:#432f29;--diagram-teal:#203e43;--diagram-success:#244437;--diagram-danger:#492c33;--diagram-border:#4c6381;--diagram-muted:#a0b7d4;--diagram-ink:#dbe9fa}body{background:var(--paper);color:var(--ink)}dialog{background:var(--surface)}dialog::backdrop{background:#07132688}input,textarea,select{color-scheme:inherit}button,input,textarea,select{accent-color:var(--accent)}.brandmark,.primary{color:var(--accent-contrast)}.logo-dot,.heading-dot,.app-option>svg,.app-option>.app-current-indicator{color:var(--accent)}.nav-item.selected{color:var(--ink)}.storage-note strong{color:var(--strong)}.live-dot,.sync>span,.storage-note i{background:var(--accent)}.sync .saving{background:var(--warning-ink)}.sticky-content,.sticky-content strong,.sticky-content span,.sticky-complete,.sticky-handle{color:var(--sticky-ink)}.whiteboard-scroll{background:#fff}.nav-item.apps-launcher{margin-bottom:8px}.theme-switcher{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;gap:3px;margin:0 0 24px;padding:3px;display:flex}.theme-switcher button{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);background:0 0;border:0;flex:1;gap:6px;padding:7px 9px}.theme-switcher button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #00000016}.theme-switcher button:hover{background:var(--hover)}.login-theme{position:absolute;top:24px;right:24px}.login-theme .theme-switcher{margin:0}.diagram-canvas svg{background:var(--diagram-surface)!important}.whiteboard-svg{background:#fff!important}.app-current-indicator svg{color:var(--accent)}:root[data-theme=dark] .sticky-note{box-shadow:2px 4px 12px #0004}@media (max-width:700px){.nav-item.apps-launcher{margin-bottom:0}.theme-switcher{margin:0 0 0 4px;padding:2px}.theme-switcher button{padding:7px}.theme-switcher span{display:none}.login-theme{top:16px;right:16px}.login-theme .theme-switcher span{display:inline}}.roadmap-now{border-top-color:var(--accent)}aside{overscroll-behavior:contain;overflow-y:auto}@media (max-width:700px){aside{overscroll-behavior:auto;overflow:visible}}.flow-editor-canvas,.flow-editor-canvas .flow-editor-surface,.flow-editor-canvas .flow-interactive-svg{background:var(--diagram-surface)!important}.flow-editor-surface{position:relative}.flow-interactive-svg{-webkit-user-select:none;user-select:none}.flow-selection-toolbar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;display:flex}.flow-selection-toolbar strong{font-size:calc(11px + var(--ui-font-increase,0px));overflow-wrap:anywhere;margin-right:auto}.flow-selection-toolbar button{font-size:calc(10px + var(--ui-font-increase,0px));padding:7px}.flow-connect-prompt{z-index:2;background:var(--accent-soft);font-size:calc(11px + var(--ui-font-increase,0px));justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex;position:sticky;top:0}.flow-connect-prompt button{font-size:calc(10px + var(--ui-font-increase,0px));padding:6px}.diagram-panel-head .flow-auto-layout{font-size:calc(10px + var(--ui-font-increase,0px));background:var(--surface-muted);border:1px solid var(--line);border-radius:4px;padding:4px 7px}.flow-interactive-svg circle[role=button]:hover{fill:var(--accent-soft)}.whiteboard-scroll,.whiteboard-editor,.whiteboard-scroll .whiteboard-svg{background:var(--diagram-surface)!important}.whiteboard-binding-fields{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px;padding:12px 0}.whiteboard-svg circle[role=button]:hover{fill:var(--accent-soft)}.sidebar-collapse-button{width:28px;height:26px;color:var(--muted);background:0 0;border:0;padding:4px;position:absolute;top:7px;right:7px}.sidebar-collapse-button:hover{background:var(--hover)}.canvas-expand-button{color:var(--muted);flex-shrink:0;order:99;margin-left:auto;border:1px solid var(--line)!important;background:var(--surface)!important;padding:6px!important}.canvas-expand-button:hover{color:var(--accent);background:var(--hover)!important}.matrix-toolbar>.canvas-expand-button{order:99;margin-left:0}.composer-collapse-control{border-bottom:1px solid var(--line);font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.composer-collapse-control button{background:0 0;border:0;padding:4px}.sequence-layout[data-editor-collapsed=true]{grid-template-columns:50px minmax(0,1fr)}.composer[data-collapsed=true]{min-height:130px}.composer[data-collapsed=true]>:not(.composer-collapse-control){display:none}.composer[data-collapsed=true]>.composer-collapse-control{border:0;flex-direction:column-reverse;justify-content:flex-end;gap:17px;padding:10px 7px}.composer[data-collapsed=true]>.composer-collapse-control>span{writing-mode:vertical-rl;letter-spacing:1px}@media (min-width:701px){:root[data-sidebar=collapsed] .shell>aside{align-items:center;width:50px;padding:42px 5px 12px}:root[data-sidebar=collapsed] .shell>main{width:calc(100% - 50px);margin-left:50px}:root[data-sidebar=collapsed] aside .logo{gap:0;margin:0 0 22px;font-size:0}:root[data-sidebar=collapsed] aside .brandmark{width:30px;height:32px;font-size:calc(22px + var(--ui-font-increase,0px))}:root[data-sidebar=collapsed] aside .logo-dot,:root[data-sidebar=collapsed] aside .workspace-label,:root[data-sidebar=collapsed] aside .side-line,:root[data-sidebar=collapsed] aside .sidebar-bottom{display:none}:root[data-sidebar=collapsed] aside .nav-item{justify-content:center;gap:0;width:38px;height:38px;margin:0 0 5px;padding:10px;font-size:0}:root[data-sidebar=collapsed] aside .nav-item>svg{flex-shrink:0}:root[data-sidebar=collapsed] aside .nav-item span,:root[data-sidebar=collapsed] aside .apps-chevron{display:none}:root[data-sidebar=collapsed] aside .theme-switcher{flex-direction:column;width:36px;margin-bottom:15px;padding:2px}:root[data-sidebar=collapsed] aside .theme-switcher button{padding:7px 4px}:root[data-sidebar=collapsed] aside .theme-switcher span{display:none}:root[data-sidebar=collapsed] aside .sidebar-collapse-button{top:7px;left:11px;right:auto}}:root[data-canvas-focus=true],:root[data-canvas-focus=true] body{overflow:hidden}:root[data-canvas-focus=true] .shell :not(:where([data-canvas-target],[data-canvas-target] *,dialog,dialog *,[role=alert],[role=alert] *)):not(:has([data-canvas-target])){display:none!important}:root[data-canvas-focus=true] .shell>main{width:100%;margin:0;padding:0}:root[data-canvas-focus=true] [data-canvas-target]{z-index:10000!important;background:var(--diagram-surface)!important;border:0!important;border-radius:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:54px 16px 16px!important;position:fixed!important;inset:0!important;overflow:auto!important}:root[data-canvas-focus=true] [data-canvas-target]:not(.actual-size) .sequence-svg{width:auto!important;max-width:100%!important;height:auto!important;max-height:calc(100dvh - 76px)!important}:root[data-canvas-focus=true] [data-canvas-target][data-canvas-scale=fit] .whiteboard-svg{margin:0 auto;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:calc(100dvh - 76px)!important}:root[data-canvas-focus=true] .sticky-plot{grid-template-rows:minmax(0,1fr) 45px;height:calc(100dvh - 70px)}:root[data-canvas-focus=true] [data-canvas-target].board{align-items:stretch;display:flex}:root[data-canvas-focus=true] [data-canvas-target].list-view{display:block}:root[data-canvas-focus=true] .shell>main>.error[role=alert]{z-index:20002;max-width:calc(100vw - 32px);position:fixed;bottom:16px;left:16px}.canvas-restore-button{z-index:20001;font-size:calc(11px + var(--ui-font-increase,0px));background:var(--surface);color:var(--ink);border-color:var(--line);padding:8px 11px;position:fixed;top:10px;right:16px;box-shadow:0 3px 14px #00000020}@media (max-width:900px){.sequence-layout[data-editor-collapsed=true]{grid-template-columns:50px minmax(0,1fr)}.sequence-layout[data-editor-collapsed=true]>.diagram-panel{grid-area:1/2}.sequence-layout[data-editor-collapsed=true]>.composer{grid-area:1/1}}@media (max-width:700px){.sidebar-collapse-button{display:none}:root[data-canvas-focus=true] [data-canvas-target]{padding:52px 8px 8px!important}.canvas-restore-button{top:8px;right:10px}.composer-collapse-control{padding:8px 12px}}:root{--whiteboard-text:#000}:root[data-theme=dark]{--whiteboard-text:#fff}.board-heading{justify-content:flex-end;min-height:0;margin:14px 0;padding:0}.board-heading:empty{display:none}.whiteboard-arrow-menu{position:relative}.whiteboard-arrow-menu summary{cursor:pointer;font-size:calc(12px + var(--ui-font-increase,0px));border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:7px;padding:10px 13px;list-style:none;display:flex}.whiteboard-arrow-menu summary::-webkit-details-marker{display:none}.whiteboard-arrow-menu>div{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:165px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 24px #0002}.whiteboard-arrow-menu button{font-size:calc(12px + var(--ui-font-increase,0px));border:0;justify-content:flex-start}:root{--whiteboard-shape-fill:#e8f0fd}:root[data-theme=dark]{--whiteboard-shape-fill:#25334b}header .header-actions{align-items:center;gap:18px;display:flex}header .header-actions>button{font-size:calc(11px + var(--ui-font-increase,0px));padding:8px 11px}:is(header:has(+.whiteboard-toolbar),header:has(+.matrix-toolbar),header:has(+.sequence-layout)){margin-bottom:18px}@media (max-width:700px){header .header-actions{gap:8px}header .header-actions>button{padding:6px 8px}}main>footer{justify-content:flex-end}.sidebar-icon-tooltip{z-index:30000;pointer-events:none;white-space:nowrap;background:var(--ink);color:var(--paper);font-size:calc(12px + var(--ui-font-increase,0px));border-radius:6px;padding:8px 11px;font-weight:500;position:fixed;transform:translateY(-50%);box-shadow:0 3px 12px #0003}.sidebar-icon-tooltip:before{content:"";background:inherit;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:-4px;transform:rotate(45deg)}.nav-item.recents-launcher{margin-bottom:8px}@media (max-width:700px){.nav-item.recents-launcher{margin-bottom:0}}button.app-option{text-align:left;white-space:normal;width:100%}button.app-option strong{overflow-wrap:anywhere}.storage-login{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(440px,100vw - 32px);padding:30px}.storage-login h1{font-size:calc(25px + var(--ui-font-increase,0px));margin:22px 0}.storage-login .storage-choice{text-align:left;align-items:center;gap:15px;width:100%;margin-top:14px;padding:18px;display:flex}.storage-choice>svg{color:var(--accent);flex-shrink:0}.storage-choice>span{gap:7px;display:grid}.storage-choice strong{font-size:calc(14px + var(--ui-font-increase,0px))}.storage-choice small,.storage-setup{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--muted);line-height:1.6}.storage-mode-link{margin-bottom:16px}.storage-login details{font-size:calc(12px + var(--ui-font-increase,0px));margin-top:20px}.tour-launcher{margin-bottom:18px}.first-run-dialog{background:var(--surface);width:min(390px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:1px solid var(--line);border-radius:14px;margin:0;padding:24px;position:fixed;inset:auto 24px 24px auto;overflow:visible;box-shadow:0 16px 65px #0004}.first-run-dialog::backdrop{background:#08142666}.tour-highlight{border:3px solid var(--accent);box-shadow:0 0 0 4px var(--surface),0 0 24px #4263eb55;pointer-events:none;z-index:-1;border-radius:10px;position:fixed}.tour-top{color:var(--accent);font-size:calc(11px + var(--ui-font-increase,0px));justify-content:space-between;align-items:center;gap:12px;font-weight:600;display:flex}.tour-top>button{background:0 0;border:0;padding:5px}.tour-progress{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);margin:12px 0 8px}.first-run-dialog h2{font-size:calc(21px + var(--ui-font-increase,0px));color:var(--ink);margin:0 0 12px}.first-run-dialog #tour-description{font-size:calc(13px + var(--ui-font-increase,0px));color:var(--muted);margin:0 0 24px;line-height:1.75}.tour-actions,.tour-actions>div{align-items:center;gap:8px;display:flex}.tour-actions{justify-content:space-between}.tour-actions button{font-size:calc(11px + var(--ui-font-increase,0px));padding:9px 11px}.tour-actions .tour-skip{color:var(--muted);background:0 0;border:0;padding-left:0}@media (max-width:700px){.first-run-dialog{padding:20px;bottom:16px;right:16px}.tour-launcher{margin-bottom:0}}@media (max-height:450px){.first-run-dialog{overflow:auto}.tour-highlight{display:none}}.first-run-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.first-run-dialog h2:focus{outline:none}.share-dialog{width:min(560px,94vw)}.share-dialog p{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--muted);line-height:1.7}.share-dialog label{font-size:calc(12px + var(--ui-font-increase,0px));gap:8px;display:grid}.share-dialog textarea{resize:vertical;word-break:break-all;width:100%;font-family:monospace;font-size:calc(11px + var(--ui-font-increase,0px))}.share-page{width:100%;max-width:1500px;margin:0 auto;padding:24px 32px}.share-page-top{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.share-page-top .theme-switcher,.share-page-top .logo{margin:0}.share-page-heading{justify-content:space-between;align-items:center;gap:24px;margin:24px 0;display:flex}.share-page-heading>div:first-child{min-width:0;max-width:750px}.share-page-heading span{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--accent)}.share-page-heading h1{font-size:calc(28px + var(--ui-font-increase,0px));overflow-wrap:anywhere;margin:10px 0}.share-page-heading p{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--muted);line-height:1.7}.share-page-actions{flex-wrap:wrap;gap:8px;display:flex}.share-page-actions button{font-size:calc(12px + var(--ui-font-increase,0px));white-space:nowrap}.shared-diagram-preview{border:1px solid var(--line);background:var(--diagram-surface);border-radius:12px;max-height:72dvh;padding:18px;overflow:auto}.shared-diagram-preview svg{max-width:100%;height:auto;margin:auto;display:block}.shared-diagram-preview [data-editor-only]{display:none}.shared-diagram-preview .whiteboard-svg{min-width:0!important}.share-board{gap:14px;min-width:max-content;display:flex}.share-board>section{background:var(--surface-muted);border-radius:8px;width:240px;padding:12px}.share-board h3,.share-roadmap h3{font-size:calc(13px + var(--ui-font-increase,0px))}.share-board article{background:var(--surface);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;font-size:calc(12px + var(--ui-font-increase,0px));border-radius:8px;margin:10px 0;padding:14px}.share-board article p,.share-board small{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted)}.share-matrix{grid-template-rows:500px 30px;grid-template-columns:30px 1fr;min-width:600px;display:grid}.share-y-axis{writing-mode:vertical-rl;align-self:center}.share-x-axis{text-align:center;grid-column:2;align-self:end}.share-matrix-plot{background:linear-gradient(to right,transparent 49.8%,var(--line) 49.8%,var(--line) 50.2%,transparent 50.2%),linear-gradient(to bottom,transparent 49.8%,var(--line) 49.8%,var(--line) 50.2%,transparent 50.2%);position:relative}.share-note{overflow-wrap:anywhere;white-space:pre-wrap;color:#15191c;width:120px;min-height:85px;font-size:calc(11px + var(--ui-font-increase,0px));background:#fff3a6;padding:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:2px 4px 8px #0002}.share-note small{margin-top:8px;display:block}.share-note.green{background:#d9efcc}.share-note.pink{background:#f9d5e1}.share-note.blue{background:#d4e7fb}.share-invalid{padding:40px 0}.share-invalid p{color:var(--muted)}@media (max-width:900px){.share-page-heading{flex-direction:column;align-items:flex-start}.share-page{padding:20px 16px}.share-page-top .logo{font-size:calc(20px + var(--ui-font-increase,0px))}}.nav-item.settings-launcher{margin-bottom:24px}.settings-dialog{width:min(540px,94vw);max-height:85dvh;color:var(--ink);overflow:auto}.settings-dialog .modal-top h2{font-size:calc(18px + var(--ui-font-increase,0px));margin:0}.settings-section{border-top:1px solid var(--line);padding:20px 0}.settings-section:last-child{padding-bottom:0}.settings-section h3{font-size:calc(13px + var(--ui-font-increase,0px));color:var(--ink);margin:0 0 13px}.settings-section p{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);margin:12px 0 0;line-height:1.7}.settings-section a{color:var(--accent);text-decoration:underline}.settings-section .theme-switcher{flex-direction:row;width:100%;max-width:280px;margin:0}.settings-section .theme-switcher span{display:inline}.settings-section .theme-switcher button{padding:9px 14px}.storage-mode-options{gap:8px;display:grid}.settings-choice{text-align:left;align-items:center;gap:13px;width:100%;padding:14px;display:flex}.settings-choice>svg{color:var(--accent);flex-shrink:0}.settings-choice>span{flex:1;gap:5px;display:grid}.settings-choice strong{font-size:calc(12px + var(--ui-font-increase,0px))}.settings-choice small{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);line-height:1.5}.settings-choice.selected{background:var(--accent-soft);border-color:var(--accent-border);opacity:1}.settings-tour-button{font-size:calc(12px + var(--ui-font-increase,0px));padding:10px 14px}.settings-tour-button svg{color:var(--accent)}@media (max-width:700px){.nav-item.settings-launcher{margin-bottom:0}}.workspace-manager{width:100%;max-width:1250px;margin:auto;padding:24px 32px}.workspace-manager-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.workspace-manager-top .logo{margin:0}.workspace-manager-top>a:last-child{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--accent)}.workspace-manager h1{font-size:calc(28px + var(--ui-font-increase,0px));margin:24px 0}.workspace-manager h2{font-size:calc(17px + var(--ui-font-increase,0px));margin:0 0 15px}.workspace-manager h3{font-size:calc(13px + var(--ui-font-increase,0px));margin:22px 0 12px}.workspace-manager p,.workspace-manager small{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);line-height:1.7}.workspace-manager-layout{grid-template-columns:270px minmax(0,1fr);gap:22px;display:grid}.workspace-list,.workspace-people,.incoming-workspaces{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:22px}.workspace-list>button{text-align:left;gap:12px;width:100%;margin-bottom:8px;display:flex}.workspace-list>button>span{overflow-wrap:anywhere;flex:1;gap:4px;display:grid}.workspace-list strong{font-size:calc(12px + var(--ui-font-increase,0px))}.workspace-list>button.selected{background:var(--accent-soft);border-color:var(--accent-border)}.workspace-manager label,.workspace-invite-link label{font-size:calc(12px + var(--ui-font-increase,0px));gap:8px;margin:15px 0;display:grid}.workspace-manager input{width:100%;font-size:calc(12px + var(--ui-font-increase,0px))}.workspace-list form{border-top:1px solid var(--line);margin-top:20px}.workspace-manager button{font-size:calc(11px + var(--ui-font-increase,0px))}.workspace-people-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.workspace-members>div,.workspace-pending{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.workspace-members>div>span,.workspace-pending>span{overflow-wrap:anywhere;flex:1;gap:5px;min-width:0;display:grid}.workspace-members strong,.workspace-pending strong{font-size:calc(12px + var(--ui-font-increase,0px))}.workspace-invite-form{border-top:1px solid var(--line);margin-top:24px}.workspace-invite-form input{max-width:370px}.incoming-workspaces{margin-top:22px}.workspace-signin{font-size:calc(13px + var(--ui-font-increase,0px));border-radius:7px;align-items:center;padding:12px;display:inline-flex}.storage-login>p{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--muted);line-height:1.8}.storage-login>a{margin:12px 0}.workspace-invite-link input{font-size:calc(11px + var(--ui-font-increase,0px))}.settings-workspaces-link{font-size:calc(12px + var(--ui-font-increase,0px))}@media (max-width:800px){.workspace-manager{padding:20px 16px}.workspace-manager-layout{grid-template-columns:1fr}.workspace-people-heading{flex-direction:column}}header .header-actions{gap:10px}header .header-actions>.cloud-profile{border:0;border-left:1px solid var(--line);color:var(--ink);background:0 0;border-radius:0;align-items:center;gap:9px;min-width:0;margin-left:2px;padding:3px 0 3px 12px;display:flex}.cloud-profile-avatar{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);font-size:calc(11px + var(--ui-font-increase,0px));border:1px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.cloud-profile-avatar img{object-fit:cover;width:100%;height:100%}.cloud-profile-name{font-size:calc(12px + var(--ui-font-increase,0px));white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.cloud-profile:hover .cloud-profile-name{color:var(--accent)}@media (max-width:700px){.cloud-profile-name{font-size:calc(11px + var(--ui-font-increase,0px));max-width:90px}header .header-actions>.cloud-profile{gap:6px;padding-left:8px}.cloud-profile-avatar{width:27px;height:27px}header:has(.cloud-profile) .header-actions{gap:6px}}@media (max-width:480px){header:has(.cloud-profile) .sync{gap:0;font-size:0}.cloud-profile-name{max-width:65px}}.matrix-axes-form{align-items:flex-end}.matrix-axes-form>label{margin:0}.matrix-axes-form input{box-sizing:border-box;height:40px;margin:0}.matrix-axes-form>button.primary{white-space:nowrap;align-self:flex-end;height:40px;margin-left:0;padding:8px 14px}.matrix-axes-form>button:last-child{margin-left:auto}@media (max-width:700px){.matrix-axes-form>button:last-child{margin-left:0}}.app-home{width:min(1120px,100%);margin:0 auto;padding:28px 32px 56px}.app-home-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;padding:0 0 32px;display:flex}.app-home-header .logo{margin:0}.app-home-actions{align-items:center;gap:16px;display:flex}.app-home-actions .theme-switcher{margin:0}.app-home-account{font-size:calc(13px + var(--ui-font-increase,0px));color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:9px 13px}.app-home h1{font-size:calc(24px + var(--ui-font-increase,0px));margin:0 0 24px}.app-home .app-options{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}.app-home .app-option{min-width:0}.login-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-brand .brandmark{margin:0}.login-brand strong{font-size:calc(25px + var(--ui-font-increase,0px));letter-spacing:-1px}@media (max-width:760px){.app-home{padding:20px 18px 40px}.app-home .app-options{grid-template-columns:repeat(2,minmax(0,1fr))}.app-home-header{gap:12px}.app-home-header .logo{font-size:calc(21px + var(--ui-font-increase,0px))}.app-home-actions{gap:8px}.app-home-actions .theme-switcher span{display:none}}@media (max-width:430px){.app-home .app-options{grid-template-columns:1fr}}.architecture-canvas-container{flex:1;min-height:480px;position:relative;overflow:hidden}.architecture-canvas-shell{background:var(--diagram-surface);height:100%;min-height:480px;position:relative}.architecture-viewport{touch-action:none;cursor:grab;overscroll-behavior:contain;position:absolute;inset:0;overflow:hidden}.architecture-viewport:active{cursor:grabbing}.architecture-viewport .flow-svg{display:block;max-width:none!important;max-height:none!important}.architecture-canvas-tools{z-index:2;border:1px solid var(--diagram-border);background:var(--diagram-surface);border-radius:10px;gap:4px;padding:5px;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 3px 16px #0002}.architecture-canvas-tools button{color:var(--diagram-ink);padding:7px 12px}.architecture-canvas-shell{height:clamp(480px,72dvh,900px)}.architecture-viewport .flow-svg,:root[data-canvas-focus=true] .architecture-canvas-shell[data-canvas-target] .architecture-viewport .flow-svg{width:var(--architecture-width)!important;height:var(--architecture-height)!important;max-width:none!important;max-height:none!important;margin:0!important}:root[data-canvas-focus=true] .architecture-canvas-shell[data-canvas-target]{padding:0!important;overflow:hidden!important}.shared-diagram-container{min-width:0;overflow:hidden}.diagram-interactive-canvas{background:var(--diagram-surface);height:clamp(480px,72dvh,900px);position:relative;overflow:hidden}.diagram-viewport{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.diagram-viewport:active{cursor:grabbing}.diagram-viewport-content{transform-origin:0 0;position:absolute}.diagram-viewport-tools{z-index:5;border:1px solid var(--diagram-border);background:var(--diagram-surface);border-radius:10px;gap:4px;padding:5px;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 3px 16px #0002}.diagram-viewport-tools button{color:var(--diagram-ink);padding:7px 12px}.diagram-viewport-content svg.sequence-svg,.diagram-viewport-content svg.whiteboard-svg,:root[data-canvas-focus=true] .diagram-interactive-canvas[data-canvas-target] .diagram-viewport-content svg{-webkit-user-select:none;user-select:none;overflow:visible;width:var(--canvas-width)!important;height:var(--canvas-height)!important;min-width:0!important;max-width:none!important;max-height:none!important;margin:0!important}.diagram-viewport [data-canvas-node-id]{cursor:grab!important}:root[data-canvas-focus=true] .diagram-interactive-canvas[data-canvas-target]{padding:0!important;overflow:hidden!important}.diagram-viewport .flow-editor-surface,.diagram-viewport .whiteboard-editor{width:var(--canvas-width);height:var(--canvas-height)}.export-render-surface{pointer-events:none!important;visibility:hidden!important;width:max-content!important;height:max-content!important;position:fixed!important;top:0!important;left:-100000px!important}.export-render-surface svg{max-width:none!important;max-height:none!important}.export-error{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--ink);padding:8px 12px;line-height:1.5}aside:has(.export-render-surface){overflow-y:auto}.export-render-surface svg,.export-render-surface svg *{visibility:visible!important}.class-search{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);margin:12px 0;display:block}.class-search input{width:100%;margin-top:7px;display:block}.class-canvas-editor{grid-template-columns:minmax(0,1fr);display:grid}.class-canvas-editor.has-inspector{grid-template-columns:minmax(240px,1fr) minmax(350px,440px)}.class-inspector{border-left:1px solid var(--line);background:var(--surface);min-width:0;max-height:72dvh;padding:18px;overflow:auto}.class-inspector-heading,.class-member-heading,.member-row-tools{align-items:center;gap:6px;display:flex}.class-inspector-heading h2{font-size:calc(16px + var(--ui-font-increase,0px));flex:1;margin:0}.class-inspector label{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);margin:12px 0 5px;display:block}.class-inspector input:not([type=checkbox]),.class-inspector select{width:100%;min-width:0;margin-top:5px;padding:7px}.class-member-heading{justify-content:space-between;margin:18px 0 10px}.class-member-heading h3{font-size:calc(13px + var(--ui-font-increase,0px));margin:0}.class-member-heading button{font-size:calc(11px + var(--ui-font-increase,0px));padding:6px}.class-member-row{border:1px solid var(--line);border-radius:8px;margin:9px 0;padding:9px}.member-row-tools button{padding:4px}.member-row-tools span{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);flex:1}.member-grip{cursor:grab}.member-row-inputs{grid-template-columns:84px minmax(85px,1fr) minmax(80px,1fr);gap:7px;display:grid}.class-inspector .member-static,.class-self-check{align-items:center;gap:7px;display:flex}.member-static input,.class-self-check input{width:auto!important;margin:0!important}.member-error{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--ink);background:var(--accent-soft);border-radius:5px;padding:8px}.class-editor-actions{background:var(--surface);flex-wrap:wrap;gap:6px;padding:12px 0;display:flex;position:sticky;bottom:-18px}.class-editor-actions button{font-size:calc(11px + var(--ui-font-increase,0px));padding:7px}.member-legacy code{overflow-wrap:anywhere;font-size:calc(11px + var(--ui-font-increase,0px));display:block}.member-legacy p{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted)}.class-inline-editor{background:var(--surface);border:1px solid var(--accent);color:var(--ink);border-radius:4px;padding:3px}.class-inline-editor input{width:100%;font:calc(12px + var(--ui-font-increase,0px)) monospace;color:var(--ink);background:var(--surface);padding:4px}.class-inline-editor span{font-size:calc(10px + var(--ui-font-increase,0px));padding:3px;display:block}@media (max-width:1400px){.class-canvas-editor.has-inspector{grid-template-columns:minmax(0,1fr)}.class-inspector{border-left:0;border-top:1px solid var(--line);max-height:600px}.class-canvas-editor.has-inspector .diagram-interactive-canvas{height:400px;min-height:400px}}.class-inspector .member-static{flex-direction:row;justify-content:flex-start}.class-inspector .member-static input{flex:none}.class-inspector .class-inspector-heading{background:var(--surface);z-index:1;padding:4px 0 10px;position:sticky;top:-18px}.relationship-endpoints{border:1px solid var(--line);border-radius:8px;margin:14px 0;padding:12px}.relationship-endpoints legend{font-size:calc(12px + var(--ui-font-increase,0px));color:var(--muted)}.relationship-endpoints strong{font-size:calc(12px + var(--ui-font-increase,0px))}.group-member-picker{border:1px solid var(--line);border-radius:6px;max-height:260px;padding:10px;overflow:auto}.group-member-picker label{font-size:calc(12px + var(--ui-font-increase,0px));flex-direction:row;align-items:center;gap:8px;display:flex}.group-member-picker input{width:auto}.class-annotation-dialog{max-height:90dvh;overflow:auto}.class-namespace-button,.class-note-link{text-align:left;width:100%;font-size:calc(11px + var(--ui-font-increase,0px));overflow-wrap:anywhere;margin:6px 0;padding:8px;display:block}.class-note-link small{color:var(--muted);margin-top:4px;display:block}.class-type-controls{border-bottom:1px solid var(--line);padding-bottom:12px}.sticky-note{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.sticky-note:active{cursor:grabbing}.sticky-note .sticky-content{cursor:grab;touch-action:none}.sticky-note .sticky-content:active{cursor:grabbing}.sticky-note .sticky-complete{box-sizing:border-box;cursor:pointer;flex-direction:row;flex-shrink:0;align-items:center;min-height:22px;margin:0;padding:4px 7px 5px}.sticky-complete input{cursor:pointer}.sticky-y-label{writing-mode:horizontal-tb;flex-direction:column;align-items:center;gap:10px;display:flex;transform:none}.sticky-y-label .sticky-axis-up{font-size:calc(22px + var(--ui-font-increase,0px));color:var(--ink);writing-mode:horizontal-tb;line-height:1;transform:none}.sticky-y-label .sticky-axis-name{writing-mode:vertical-rl;font-size:calc(14px + var(--ui-font-increase,0px));color:var(--ink);font-weight:600;transform:rotate(180deg)}.sticky-y-label small{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted);font-weight:400}:root{--ui-font-increase:0px}:root[data-font-size=larger]{--ui-font-increase:2pt}.font-size-settings{margin-top:18px}.font-size-switcher{flex-wrap:wrap;gap:8px;display:flex}.font-size-switcher button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.gantt-filters{margin:14px 0}.gantt-filters label,.gantt-dependencies label{min-width:0}.gantt-filters input,.gantt-filters select{width:100%}.gantt-task-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:4px;padding:6px 10px;display:flex}.gantt-task-actions button{font-size:calc(10px + var(--ui-font-increase,0px));padding:5px 8px}.gantt-date-field{gap:5px;display:flex}.gantt-date-field>input[type=text]{flex:1;min-width:0}.gantt-date-field>input[type=date]{color:#0000;width:42px;min-width:42px;padding:5px}.gantt-dependencies{border:1px solid var(--line);border-radius:10px;max-height:300px;margin:18px 0;padding:12px;overflow:auto}.gantt-dependencies p{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted)}.gantt-dependency{border-bottom:1px solid var(--line);padding:8px 0}.gantt-check{align-items:center;flex-direction:row!important;gap:7px!important;display:flex!important}.gantt-check input{width:auto!important;margin:0!important}.gantt-critical-toggle{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);margin-left:auto}.gantt-editor{position:relative}.gantt-live{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.gantt-svg [role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}:root[data-theme=rose]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#402c40;--strong:#57344d;--muted:#806478;--green:#a83570;--accent:#b42b70;--accent-hover:#94215b;--accent-contrast:#fff;--accent-soft:#f9e3ef;--accent-border:#d993b6;--line:#ead5e0;--paper:#fff8fb;--surface:#fffcfe;--surface-muted:#faedf4;--sidebar:#f9edf5;--hover:#f6e2ee;--canvas:#fff8fc;--canvas-line:#ead5e0;--canvas-dot:#ead4e2;--diagram-surface:#fffcfe;--diagram-node:#f8e5f0;--diagram-blue:#e7e7fa;--diagram-purple:#f0e3f8;--diagram-amber:#fff0d2;--diagram-orange:#fde4df;--diagram-teal:#e2f2ed;--diagram-success:#e3f2e8;--diagram-danger:#f9dfe5;--diagram-border:#b98da7;--diagram-muted:#87637c;--diagram-ink:#402c40;--whiteboard-shape-fill:#f8e5f0;--whiteboard-text:#000}.settings-section .theme-switcher{max-width:360px}.tour-attention-arrow{fill:none;stroke:#facc15;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #0008);pointer-events:none;width:100px;height:100px;animation:1.8s ease-in-out 3 tour-arrow-nudge;position:absolute;top:-100px;right:35px;overflow:visible}.tour-attention-arrow path{vector-effect:non-scaling-stroke}@keyframes tour-arrow-nudge{0%,to{transform:translateY(-7px)}50%{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tour-attention-arrow{animation:none}}@media (max-height:650px){.tour-attention-arrow{width:70px;height:70px;animation:none;top:8px;right:calc(100% - 8px);transform:rotate(-45deg)}}@media (max-width:500px) and (max-height:650px){.tour-attention-arrow{stroke-width:5px;width:46px;height:46px;top:-38px;right:12px;transform:none}}.kanban-card-tools{border-bottom:1px solid var(--line);background:var(--surface-muted);align-items:center;gap:4px;padding:5px 7px;display:flex}.kanban-card-tools button{color:var(--muted);background:0 0;border:0;padding:4px 6px}.kanban-card-tools .kanban-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-size:calc(9px + var(--ui-font-increase,0px));gap:4px;margin-right:auto}.kanban-drag-handle:active{cursor:grabbing}.kanban-dragging{opacity:.3;pointer-events:none;border-style:dashed}.kanban-drop-placeholder{border:2px dashed var(--accent);background:var(--accent-soft);height:54px;color:var(--accent);font-size:calc(11px + var(--ui-font-increase,0px));pointer-events:auto;border-radius:8px;justify-content:center;align-items:center;margin:0 0 10px;display:flex}.column.kanban-drop-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.shell>aside>.nav-item{overflow-wrap:anywhere}.kanban-card-tools button:disabled{cursor:default}.dag-search{font-size:calc(11px + var(--ui-font-increase,0px));gap:6px;margin:14px 0;display:grid}.dag-search input{width:100%}.dag-check{font-size:calc(11px + var(--ui-font-increase,0px));align-items:center;flex-direction:row!important;gap:7px!important;display:flex!important}.dag-check input{width:auto!important;margin:0!important}.dag-warnings{background:var(--warning-soft);color:var(--warning-ink);border-bottom:1px solid var(--warning-line);font-size:calc(11px + var(--ui-font-increase,0px));max-height:160px;padding:12px 18px;overflow:auto}.dag-warnings strong{margin-bottom:6px;display:block}.dag-warnings button{text-align:left;font-size:inherit;color:inherit;background:0 0;border:0;padding:5px;display:block}.dag-connect-prompt{background:var(--accent-soft);font-size:calc(12px + var(--ui-font-increase,0px));padding:10px 16px}.dag-connect-prompt button{margin-left:12px;padding:5px 9px}.dag-job-editor label{font-size:calc(12px + var(--ui-font-increase,0px));flex-direction:column;gap:6px;margin:12px 0;display:flex}.dag-job-editor input,.dag-job-editor select,.dag-job-editor textarea{width:100%}.dag-job-editor .form-grid{gap:12px}.dag-job-detail>.dag-job-editor h2{font-size:calc(18px + var(--ui-font-increase,0px))}.dag-job-editor .modal-actions{flex-wrap:wrap}.dag-job-editor .error{white-space:normal}.diagram-panel-head:has(.dag-check){flex-wrap:wrap}.diagram-panel-head:has(.dag-check)>select{font-size:calc(10px + var(--ui-font-increase,0px));max-width:170px}.roadmap-filters{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(230px,2fr) repeat(3,minmax(130px,1fr));align-items:end;gap:12px;margin:18px 0;padding:14px;display:grid}.roadmap-filters label{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);gap:6px;min-width:0;display:grid}.roadmap-filters input,.roadmap-filters select{width:100%;font-size:calc(12px + var(--ui-font-increase,0px));padding:9px}.roadmap-filters button{font-size:calc(12px + var(--ui-font-increase,0px));padding:9px}.roadmap-card-content p{-webkit-line-clamp:unset;white-space:pre-wrap;display:block;overflow:visible}.roadmap-card{cursor:default}.roadmap-card-tools{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:5px 7px;display:flex}.roadmap-card-tools button{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);background:0 0;border:0;padding:4px 6px}.roadmap-card-tools .roadmap-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;margin-right:auto}.roadmap-card-tools .roadmap-drag-handle:active{cursor:grabbing}.roadmap-horizon h2{overflow-wrap:anywhere;flex-wrap:wrap}.roadmap-horizon h2>button{color:var(--muted);background:0 0;border:0;margin-left:auto;padding:3px}.roadmap-grid{grid-template-columns:150px repeat(3,minmax(230px,1fr))}.roadmap-lane{flex-direction:column;gap:9px;padding-right:10px}.roadmap-lane-heading{align-items:start;gap:4px;width:100%;display:flex}.roadmap-lane-heading small{font-size:calc(10px + var(--ui-font-increase,0px));color:var(--muted)}.roadmap-lane-tools{gap:4px;display:flex}.roadmap-cell.roadmap-collapsed{justify-content:center;min-height:72px}.roadmap-collapsed-count{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted);background:0 0;border:0;padding:8px}.roadmap-timing-warning{background:var(--warning-soft);border:1px solid var(--warning-line);line-height:1.5;font-size:calc(11px + var(--ui-font-increase,0px));border-radius:6px;padding:8px;color:var(--warning-ink)!important}.roadmap-card-meta .roadmap-status-blocked{color:var(--danger-ink);background:var(--danger-soft)}.roadmap-card-meta .roadmap-status-done{background:var(--diagram-success);color:var(--diagram-ink)}.roadmap-card-meta .roadmap-status-in_progress{background:var(--accent-soft);color:var(--accent)}@media (max-width:1000px){.roadmap-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.roadmap-filters{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:130px repeat(3,minmax(230px,1fr))}}.sequence-step-drag-bar{border-bottom:1px solid var(--line);color:var(--muted);font-size:calc(10px + var(--ui-font-increase,0px));align-items:center;gap:4px;padding:5px 8px;display:flex}.sequence-step-drag-bar button{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);background:0 0;border:0;padding:4px}.sequence-step-drag-bar .sequence-step-grip{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;margin-right:auto}.sequence-step-grip:active{cursor:grabbing}.sequence-step-dragging{opacity:.3;pointer-events:none;border-style:dashed}.sequence-drop-placeholder{background:var(--accent-soft);height:40px;color:var(--accent);border:2px dashed var(--accent);font-size:calc(10px + var(--ui-font-increase,0px));border-radius:7px;justify-content:center;align-items:center;margin:5px 0;display:flex}.sequence-insert-gap{justify-content:center;align-items:center;gap:4px;padding:3px 0;display:flex}.sequence-insert-gap button{font-size:calc(9px + var(--ui-font-increase,0px));color:var(--muted);background:0 0;border-style:dashed;padding:4px 7px}.sequence-inline-summary{padding:10px;display:block!important}.sequence-inline-summary .sequence-step-route{text-align:left;background:0 0;border:0;width:100%;padding:3px 0;display:block}.sequence-inline-summary .sequence-label-button{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;width:100%;padding:5px 0;display:block}.sequence-label-button strong{font-size:calc(11px + var(--ui-font-increase,0px));line-height:1.5}.sequence-inline-label{padding:6px 0}.sequence-inline-label textarea{width:100%;min-width:0;font-size:calc(12px + var(--ui-font-increase,0px));resize:vertical;padding:8px}.sequence-inline-label>div{justify-content:flex-end;gap:5px;margin-top:5px;display:flex}.sequence-inline-label button{font-size:calc(10px + var(--ui-font-increase,0px));padding:5px 8px}.sequence-inline-label small{color:var(--danger-ink);font-size:calc(10px + var(--ui-font-increase,0px))}.sequence-canvas-label-editor .sequence-inline-label{background:var(--surface);border:1px solid var(--accent-border);border-radius:8px;padding:8px}.sequence-reorder-list .sequence-step{margin-bottom:0}.state-search{font-size:calc(11px + var(--ui-font-increase,0px));gap:6px;margin:12px 0;display:grid}.state-search input{width:100%}.state-check{font-size:calc(10px + var(--ui-font-increase,0px));white-space:nowrap;align-items:center;gap:6px;display:flex}.state-check input{width:auto;margin:0}.state-validation{border-bottom:1px solid var(--line);background:var(--surface-muted);padding:12px 16px}.state-validation summary{font-size:calc(12px + var(--ui-font-increase,0px));cursor:pointer;font-weight:600}.state-validation>div{max-height:170px;margin-top:8px;overflow:auto}.state-validation button{text-align:left;width:100%;font-size:calc(11px + var(--ui-font-increase,0px));background:0 0;border:0;padding:6px;display:block}.state-validation .error{color:var(--danger-ink);background:var(--danger-soft);margin:4px 0}.state-validation .warning{color:var(--warning-ink)}.state-validation p{font-size:calc(11px + var(--ui-font-increase,0px));color:var(--muted)}.state-inspector{border-top:1px solid var(--line);padding:18px}.state-inspector-form label{font-size:calc(12px + var(--ui-font-increase,0px));flex-direction:column;gap:6px;margin:12px 0;display:flex}.state-inspector-form input,.state-inspector-form select,.state-inspector-form textarea{width:100%}.state-inspector-form .form-grid{gap:12px}.state-inspector-tools,.state-inspector-form .modal-actions{flex-wrap:wrap;gap:7px;display:flex}.state-inspector-tools button{font-size:calc(11px + var(--ui-font-increase,0px));padding:7px 10px}.state-transition-preview{background:var(--accent-soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:7px;padding:10px;font-family:monospace}.diagram-panel-head:has(.state-check){flex-wrap:wrap}.diagram-panel-head:has(.state-check)>select{max-width:150px;font-size:calc(10px + var(--ui-font-increase,0px));padding:6px}.wb-tools{z-index:12;flex-wrap:wrap;position:relative}.wb-tools button[aria-pressed=true]{background:var(--accent);color:#fff}.wb-tools details{position:relative}.wb-tools summary{cursor:pointer;border:1px solid var(--line);border-radius:8px;align-items:center;gap:7px;padding:9px 12px;display:flex}.wb-tool-menu{background:var(--surface);border:1px solid var(--line);z-index:30;border-radius:12px;grid-template-columns:repeat(2,minmax(130px,1fr));max-height:60vh;padding:10px;display:grid;position:absolute;top:100%;left:0;overflow:auto;box-shadow:0 10px 30px #0002}.wb-tool-menu button{white-space:nowrap}.wb-properties>fieldset{border:0;min-width:0;margin:0;padding:0}.wb-properties label,.wb-name{gap:7px;margin:12px 0;font-size:12px;display:grid}.wb-properties input,.wb-properties select,.wb-properties textarea,.wb-name input{width:100%;min-width:0}.wb-properties input[type=checkbox]{width:auto}.wb-color{border:1px solid var(--line);border-radius:8px;min-width:0;margin:10px 0;padding:10px}.wb-color legend{font-size:12px}.wb-color>div{flex-wrap:wrap;gap:6px;display:flex}.wb-color button{border:1px solid #999;border-radius:50%;width:24px;height:24px;min-height:24px;padding:0}.wb-color button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.wb-inline-text{border:2px solid var(--accent);box-sizing:border-box;resize:none;outline:0;width:100%;height:100%;padding:10px;font-family:inherit}.wb-canvas-wrap{min-width:0;position:relative}.wb-minimap{background:var(--surface);border:1px solid var(--line);z-index:4;border-radius:8px;max-width:190px;padding:6px;position:absolute;top:16px;right:16px;box-shadow:0 4px 20px #0001}.wb-minimap svg{cursor:crosshair;width:180px;height:110px;display:block}.wb-minimap small{font-size:9px;line-height:1.5;display:block}.wb-presentation-controls{z-index:30000;background:var(--surface);max-width:95vw;color:var(--ink);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #0002}.whiteboard-inspector{overscroll-behavior:contain;max-height:calc(100vh - 120px);overflow:auto}.whiteboard-inspector fieldset:disabled{opacity:.6}.wb-name{padding:0 20px}.diagram-panel-head>label{align-items:center;gap:5px;font-size:11px;display:flex}.wb-properties .form-grid label{min-width:0}.palette-drag-preview{z-index:40000;pointer-events:none;border:2px dashed var(--line);background:var(--surface);max-width:260px;color:var(--ink);border-radius:10px;gap:4px;padding:12px 16px;display:grid;position:fixed;box-shadow:0 6px 24px #0003}.palette-drag-preview.can-drop{border-color:var(--accent);background:var(--accent-soft)}.palette-drag-preview small{color:var(--muted);font-size:11px}.palette-drop-active{outline:3px dashed var(--accent);outline-offset:-3px}.shape-palette button,.architecture-palette button{-webkit-user-select:none;user-select:none}.shape-palette button:active,.architecture-palette button:active{cursor:grabbing}.document-files{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0;padding:8px 0}.document-files-heading{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 8px 6px;font-size:10px}.document-files-heading small{letter-spacing:0;text-transform:none;margin-top:3px;font-size:9px;display:block}.document-files-list{overscroll-behavior:contain;gap:3px;max-height:155px;display:grid;overflow:auto}.document-file{text-align:left;background:0 0;border:0;justify-content:flex-start;gap:7px;width:100%;min-width:0;padding:7px 8px;font-size:11px;display:flex}.document-file span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.document-file svg{flex-shrink:0}.document-file.current-file{background:var(--accent-soft);color:var(--accent)}.document-files-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.document-files-search{color:var(--muted);background:0 0;border:0;flex-shrink:0;padding:6px}.document-files-search:hover{background:var(--accent-soft);color:var(--accent)}.document-files-dialog{width:min(560px,92vw)}.document-files-dialog .all-files{max-height:55vh;margin-top:12px}.document-files-dialog .document-file{padding:12px;font-size:13px}.document-files form>label,.document-files-dialog>label{gap:8px;font-size:12px;display:grid}.document-files form>p{color:var(--muted);font-size:12px}aside:has(.document-files){overscroll-behavior:contain;overflow-y:auto}:root[data-sidebar=collapsed] .document-files-expanded,:root[data-sidebar=collapsed] .document-files>.nav-item span{display:none}.document-files>.nav-item>span{color:inherit;font-size:inherit;font-weight:inherit;background:0 0;margin-left:0;padding:0}.workspace-diagrams-dialog{width:min(800px,94vw);max-height:90dvh}.workspace-diagrams-dialog .modal-top{align-items:flex-start}.workspace-diagrams-dialog .modal-top h2{margin:0}.workspace-diagrams-dialog .modal-top p{color:var(--muted);margin:6px 0 0;font-size:12px}.workspace-diagrams-toolbar{align-items:flex-end;gap:14px;margin:16px 0;display:flex}.workspace-diagrams-toolbar>label{flex:1;gap:6px;font-size:12px;display:grid}.workspace-diagram-groups{overscroll-behavior:contain;gap:8px;max-height:52vh;display:grid;overflow:auto}.workspace-diagram-type{border:1px solid var(--line);background:var(--surface);border-radius:9px}.workspace-diagram-type>summary{cursor:pointer;align-items:center;gap:10px;padding:13px 15px;list-style:none;display:flex}.workspace-diagram-type>summary:before{content:"›";color:var(--muted);font-size:21px}.workspace-diagram-type[open]>summary:before{transform:rotate(90deg)}.workspace-diagram-type>summary strong{flex:1;font-size:13px}.workspace-diagram-type>summary small{color:var(--muted);font-size:11px}.workspace-diagram-instances{gap:3px;padding:0 12px 12px 42px;display:grid}.workspace-diagram-instances>button{text-align:left;background:0 0;border:0;justify-content:flex-start;min-width:0;padding:9px 10px;font-size:12px}.workspace-diagram-instances>button span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.workspace-diagram-instances>button.current-file{background:var(--accent-soft);color:var(--accent)}.workspace-diagram-instances>button.workspace-diagram-add{color:var(--accent);font-size:11px}.workspace-diagram-instances>p{color:var(--muted);margin:8px 10px;font-size:12px}.workspace-diagram-create{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:9px;margin-bottom:14px;padding:15px}.workspace-diagram-create h3{margin:0 0 12px;font-size:14px}.workspace-diagram-create label{gap:6px;font-size:12px;display:grid}.workspace-diagram-create .modal-actions{margin-top:12px}.workspace-diagrams-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;font-size:11px;display:flex}.workspace-diagrams-footer small{font-size:11px}@media (max-width:600px){.workspace-diagrams-toolbar{flex-direction:column;align-items:stretch}.workspace-diagram-create .form-grid{grid-template-columns:1fr}.workspace-diagrams-footer{flex-direction:column}.workspace-diagram-instances{padding-left:18px}}.workspace-show-empty{color:var(--muted);align-items:center;gap:7px;margin:12px 0;font-size:11px;display:flex}.workspace-show-empty input{width:auto;margin:0}.brandmark{perspective:55px;flex-shrink:0}.brandmark-letter{transform-origin:50% 100%;text-shadow:0 1px #0002,0 2px #0002;letter-spacing:0;line-height:1;display:inline-block;transform:rotateX(35deg)}.finance-home{max-width:1160px;padding-top:34px}.finance-home .app-home-header{margin-bottom:66px}.finance-eyebrow{color:var(--accent);letter-spacing:.18em;margin:0 0 20px;font-size:11px;font-weight:700}.finance-home h1{letter-spacing:-.055em;margin:0 0 24px;font-size:clamp(40px,6vw,68px);font-weight:650;line-height:1.09}.finance-home h1 span{color:var(--accent)}.finance-intro{color:var(--muted);margin:0 0 46px;font-size:16px;line-height:1.8}.finance-apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.finance-app{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-height:290px;padding:28px 23px 26px;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;position:relative}.finance-app:hover{border-color:var(--accent-border);transform:translateY(-5px);box-shadow:0 12px 30px #0000000c}.finance-app:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.finance-glyph{background:var(--accent-soft);width:90px;height:90px;color:var(--accent);border-radius:23px;place-items:center;margin:0 0 28px;display:grid}.finance-glyph svg{width:56px;height:56px}.finance-arrow{color:var(--muted);position:absolute;top:27px;right:22px}.finance-app h2{letter-spacing:-.035em;margin:0 0 13px;font-size:19px;line-height:1.3}.finance-app p{margin:0 0 8px;font-size:13px;line-height:1.6}.finance-detail{color:var(--muted);font-size:12px;line-height:1.7;display:block}.finance-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;margin-top:60px;padding-top:23px;font-size:11px;line-height:1.8;display:flex}.finance-home .theme-switcher span{display:inline}@media (max-width:1000px){.finance-apps{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-app{min-height:265px}}@media (max-width:560px){.finance-home .app-home-header{margin-bottom:42px}.finance-home .theme-switcher span{display:none}.finance-apps{grid-template-columns:1fr}.finance-app{min-height:0;padding:24px}.finance-glyph{margin-bottom:22px}.finance-footer{flex-direction:column;gap:8px;margin-top:38px}.finance-intro{font-size:14px}}@media (prefers-reduced-motion:reduce){.finance-app{transition:none}.finance-app:hover{transform:none}}.app-home-actions{flex-wrap:wrap;justify-content:flex-end}.nav-item.back-buziwork{color:var(--accent);margin-bottom:10px;text-decoration:none}.nav-item.back-buziwork:hover{text-decoration:underline}.nav-item.back-buziwork:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:700px){.app-home-header{align-items:flex-start}.app-home-account{white-space:nowrap}}.buziwork-mark{width:34px;height:34px;color:var(--accent,var(--green,#4263eb));vertical-align:middle;letter-spacing:normal;flex:none;display:inline-block}@media (max-width:760px){.buziwork-mark{width:30px;height:30px}}:root[data-sidebar=collapsed] aside .buziwork-mark{width:30px;height:30px}.finance-privacy{width:auto;color:var(--muted);background:0 0;border:0;align-items:flex-start;gap:12px;margin:28px 0 0;padding:18px 0;font-size:12px;line-height:1.7;display:flex}.finance-privacy>svg{color:var(--accent);flex-shrink:0;margin-top:2px}.finance-privacy strong{color:var(--ink);font-weight:600}.finance-privacy p{max-width:760px;margin:4px 0 0}.finance-home .finance-footer{margin-top:18px}@media (max-width:560px){.finance-app{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px 20px;padding:22px 20px;display:grid}.finance-glyph{border-radius:19px;grid-area:1/1;width:72px;height:72px;margin:0}.finance-glyph svg{width:44px;height:44px}.finance-app h2{grid-area:2/1;margin:0;font-size:16px;line-height:1.35}.finance-copy{grid-area:1/2/span 2;padding-right:8px}.finance-app p{font-size:12px;line-height:1.6}.finance-detail{font-size:11px;line-height:1.6}.finance-arrow{width:17px;height:17px;top:14px;right:14px}.finance-privacy{margin-top:20px;padding-bottom:8px;font-size:11px}}@media (max-width:360px){.finance-app{grid-template-columns:88px minmax(0,1fr);column-gap:14px;padding:20px 16px}.finance-app h2{font-size:14px}.finance-copy{padding-right:0}.finance-glyph{width:64px;height:64px}.finance-glyph svg{width:40px;height:40px}}@media (max-width:560px){.finance-app{grid-template-columns:72px minmax(0,1fr);align-items:start}.finance-glyph{margin-top:2px}.finance-copy{grid-row:1;padding-right:0}.finance-app h2{grid-area:auto;margin:0 0 10px;padding-right:16px}}@media (max-width:360px){.finance-app{grid-template-columns:64px minmax(0,1fr)}}
