.storyboard h2{font-size:var(--size-card-title)}.storyboard .board-list{--_gap:10px;gap:var(--_gap);display:grid}.storyboard .board-list .card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;display:flex}.storyboard .board-list .head-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.storyboard .board-list .save-status{margin-right:auto}.storyboard .board-list .import{gap:6px}.storyboard .board-list ul{gap:var(--_gap);padding:0;list-style:none;display:grid}.storyboard .board-list .board-row{min-height:var(--tap-target);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:6px 14px;display:flex}.storyboard .board-list .open{min-width:0;min-height:var(--tap-target);flex:140px;align-content:center;gap:2px;padding:6px 0;text-decoration:none;display:grid}.storyboard .board-list .name{font-family:var(--font-display);font-weight:600;font-size:var(--size-card-title);color:var(--heading)}.storyboard .board-list .summary{font-size:var(--size-footnote)}.storyboard .board-list .empty{color:var(--muted);font-style:italic}.storyboard .board-list .storage-note{font-size:var(--size-body);background-color:var(--note-fill);border-color:var(--note-edge);padding:10px 14px}.storyboard .board-list .import-error{font-size:var(--size-body);background-color:var(--alert-fill);border-color:var(--alert-edge);padding:10px 14px}@media (hover:hover){.storyboard .board-list .board-row:hover{border-color:var(--sienna)}}.storyboard.board-view{flex-direction:column;display:flex}.storyboard .board-bar{border-bottom:var(--border-w) solid var(--border-outer);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:6px 10px;display:flex}.storyboard .board-bar .save-status{margin-left:auto}.storyboard .trail{--_ancestor-min:36px;--_ancestor-shrink:1000000;flex:1;align-items:center;min-width:160px;display:flex}.storyboard .trail .board-name{width:min(260px,50vw);font-family:var(--font-display);font-weight:600}.storyboard .trail .crumb{min-width:0;font:inherit;white-space:nowrap;text-overflow:ellipsis;color:var(--text-body);background:0 0;border:0;padding:10px 4px;display:inline-block;overflow:hidden}.storyboard .trail button.crumb{flex-shrink:var(--_ancestor-shrink);min-width:var(--_ancestor-min);text-underline-offset:3px;opacity:.6;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.storyboard .trail .crumb:not(:first-child):before{content:"›";opacity:.6;margin-left:4px;margin-right:8px;text-decoration:none;display:inline-block}.storyboard .trail .crumb.current{font-family:var(--font-display);color:var(--heading);font-weight:600}@media (min-width:768px){.storyboard .trail{--_ancestor-min:72px}}.storyboard .bar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.storyboard .bar-actions .export{gap:6px}.storyboard .bar-actions .add-card{padding-block:4px}.storyboard .board-settings{gap:8px;width:210px;padding:6px 10px 10px;display:grid}.storyboard .board-settings .setting{gap:2px;display:grid}.storyboard .board-settings .setting>.smallcaps{font-size:var(--size-footnote);color:var(--parchment-light)}.storyboard .board-settings .setting.check{min-height:var(--tap-target);cursor:pointer;align-items:center;gap:10px;display:flex}.storyboard .board-settings input[type=checkbox]{width:20px;height:20px;accent-color:var(--sienna-fill);cursor:pointer;flex:none;margin:0}.storyboard .board-settings input[type=range]{width:100%;min-height:var(--tap-target);accent-color:var(--sienna-fill);cursor:pointer;margin:0;padding:0}.storyboard .board-settings .field-input{width:100%;color:var(--parchment-light)}.storyboard .board-body{flex-direction:column;flex:1;min-height:0;display:flex}@media (min-width:768px){.storyboard .board-body{flex-direction:row}}.storyboard .board-stage{flex:1;min-width:0;min-height:0;position:relative}.storyboard .board-viewport{--_frame-w:6px;overscroll-behavior:contain;touch-action:pan-x pan-y;cursor:grab;position:absolute;inset:0;overflow:auto}.storyboard .board-viewport.nested{border:var(--_frame-w) solid var(--leather-raised)}.storyboard .board-viewport.panning{cursor:grabbing}.storyboard .board-viewport.select-mode .board-surface{touch-action:none}.storyboard .board-surface{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:relative}.storyboard .board-plaque{z-index:2;pointer-events:none;max-width:min(320px,70%);color:var(--parchment-light);background:var(--leather-raised);border:var(--border-w) solid var(--ink-outer);border-radius:var(--radius-card);box-shadow:var(--shadow-drop);gap:2px;padding:8px 12px;display:grid;position:absolute;top:10px;left:10px}.storyboard .board-plaque .plaque-title{font-family:var(--font-display);font-weight:600}.storyboard .board-plaque .plaque-desc{font-size:var(--size-desc);opacity:var(--op-secondary)}.storyboard .board-links{pointer-events:none;position:absolute;top:0;left:0}.storyboard .board-links path{fill:none}.storyboard .board-links .conn-under{stroke:var(--divider);stroke-width:4.5px;opacity:.35}.storyboard .board-links .conn-ink{stroke:var(--text-body);stroke-width:1.8px}.storyboard .board-links .conn-hit{stroke:#0000;stroke-width:16px;pointer-events:stroke;cursor:pointer}.storyboard .board-links .conn.is-done{opacity:var(--op-done)}.storyboard .board-links .conn-preview{stroke:var(--text-body);stroke-width:1.8px;stroke-dasharray:5 5}.storyboard .board-card{cursor:grab;touch-action:none;flex-direction:column;gap:4px;padding:10px 12px 8px;display:flex;position:absolute;top:0;left:0}.storyboard .board-card .title{min-height:24px;font-family:var(--font-display);font-weight:600;font-size:var(--size-control);text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--heading);cursor:text;margin:0 30px;overflow:hidden}.storyboard .board-card .title-edit{min-height:24px;font-family:var(--font-display);text-align:center;color:var(--heading);-webkit-user-select:text;user-select:text;margin:0 30px;padding-block:0;font-weight:600}.storyboard .board-card .desc{font-size:var(--size-desc);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.storyboard .board-card .inside{font-size:var(--size-footnote);margin-top:auto}.storyboard .board-card .done-toggle{width:var(--tap-target);height:var(--tap-target);cursor:pointer;place-items:center;display:grid;position:absolute;top:0;left:0}.storyboard .board-card .done-toggle input{width:20px;height:20px;accent-color:var(--sienna-fill);cursor:pointer;margin:0}.storyboard .board-card .marker{width:var(--tap-target);height:var(--tap-target);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.storyboard .board-card .marker:after{content:"";border:var(--border-w) solid var(--divider);border-radius:50%;width:13px;height:13px}.storyboard .board-card .marker[aria-pressed=true]:after{background:var(--sienna-fill);border-color:var(--sienna)}.storyboard .board-card .connector{cursor:crosshair;touch-action:none;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:50%;right:-16px;translate:0 -50%}.storyboard .board-card .connector:after{content:"";background:var(--card-surface);border:var(--border-w) solid var(--divider);border-radius:50%;width:12px;height:12px}.storyboard .board-card.is-selected{outline:2px dashed var(--sienna);outline-offset:2px}@media (hover:hover){.storyboard .board-card .connector:hover:after{border-color:var(--sienna);background:var(--sienna-fill)}}@media (pointer:coarse){.storyboard .board-card .connector{width:var(--tap-target);height:var(--tap-target);right:-22px}}.storyboard .marquee{pointer-events:none;border:var(--border-w) dashed var(--sienna);position:absolute}.storyboard .menu-veil{z-index:41;background:0 0;border:0;position:fixed;inset:0}.storyboard .context-menu{z-index:42;width:max-content;color:var(--parchment-light);background:var(--leather-raised);border:var(--border-w) solid var(--ink-outer);border-radius:var(--radius-card);box-shadow:var(--shadow-drop-heavy);padding:4px;position:fixed}.storyboard .context-menu [role=menuitem]{width:100%;min-height:var(--tap-target);font-size:var(--size-desc);text-align:left;border-radius:var(--radius-button);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 12px;display:flex}@media (hover:hover){.storyboard .context-menu [role=menuitem]:hover{background:var(--leather-hover)}}.storyboard .zoom-controls{z-index:2;color:var(--parchment-light);background:var(--leather-raised);border:var(--border-w) solid var(--ink-outer);border-radius:var(--radius-card);box-shadow:var(--shadow-drop-heavy);flex-direction:column;padding:4px;display:flex;position:absolute;bottom:16px;right:16px}.storyboard .zoom-controls button{width:var(--tap-target);height:var(--tap-target);color:inherit;border-radius:var(--radius-button);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.storyboard .zoom-controls button:disabled{opacity:.4;cursor:default}@media (hover:hover){.storyboard .zoom-controls button:enabled:hover{background:var(--leather-hover)}}.storyboard .bulk-bar{z-index:2;width:max-content;color:var(--parchment-light);background:var(--leather-raised);border:var(--border-w) solid var(--ink-outer);border-radius:var(--radius-card);box-shadow:var(--shadow-drop-heavy);padding:4px;position:absolute;bottom:16px;left:50%;translate:-50%}.storyboard .bulk-bar button{min-height:var(--tap-target);font-size:var(--size-desc);border-radius:var(--radius-button);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 12px;display:flex}@media (hover:hover){.storyboard .bulk-bar button:hover{background:var(--leather-hover)}}.storyboard .panel-divider{--_grip-length:36px;--_grip-girth:5px;z-index:1;height:var(--border-w);cursor:row-resize;touch-action:none;background:var(--border-outer);flex:none;position:relative}.storyboard .panel-divider:before{content:"";inset:calc(var(--tap-target) / -2) 0;position:absolute}.storyboard .panel-divider:after{content:"";width:var(--_grip-length);height:var(--_grip-girth);background:var(--divider);border-radius:var(--radius-checkbox);position:absolute;top:50%;left:50%;translate:-50% -50%}@media (min-width:768px){.storyboard .panel-divider{width:var(--border-w);cursor:col-resize;height:auto}.storyboard .panel-divider:before{inset:0 calc(var(--tap-target) / -2)}.storyboard .panel-divider:after{width:var(--_grip-girth);height:var(--_grip-length)}}@media (hover:hover){.storyboard .panel-divider:hover:after{background:var(--sienna)}}.storyboard .card-panel{flex:0 0 var(--_panel-pct,33%);background-color:var(--parchment-deep);flex-direction:column;gap:10px;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.storyboard .card-panel .panel-head{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.storyboard .card-panel .panel-head .panel-tools{gap:8px;margin-inline-start:auto;display:flex}.storyboard .card-panel .panel-title{font-family:var(--font-display);font-weight:600;font-size:var(--size-card-title)}.storyboard .markdown-field{flex:1;overflow-y:auto}.storyboard .md-view{gap:10px;display:grid}.storyboard .md-view>*{margin:0}.storyboard .md-view h1,.storyboard .md-view h2,.storyboard .md-view h3,.storyboard .md-view h4,.storyboard .md-view h5,.storyboard .md-view h6{font-family:var(--font-display);color:var(--heading);font-weight:600}.storyboard .md-view h1{font-size:1.625rem}.storyboard .md-view h2{font-size:1.3125rem}.storyboard .md-view h3,.storyboard .md-view h4,.storyboard .md-view h5,.storyboard .md-view h6{font-size:1.125rem}.storyboard .md-view code{font-size:var(--size-desc);background:var(--card-fill);border:1px solid var(--field-border);border-radius:var(--radius-checkbox);padding:0 4px}.storyboard .md-view hr{border:0;border-top:1px solid var(--rule-accent)}.storyboard .md-view ul,.storyboard .md-view ol{padding-inline-start:20px}.storyboard .md-view blockquote{border-inline-start:2px solid var(--divider);padding-inline-start:10px;font-style:italic}
