
/* Essential component geometry ships with the controls that need it. */
.file-view-tools{display:flex!important;justify-content:flex-end!important;align-items:center;min-height:28px!important;height:28px;margin:0 0 4px!important;padding:0!important;position:relative;z-index:20}.studio-options-button{display:inline-grid!important;place-items:center;flex:0 0 28px;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:5px;background:var(--surface)!important;color:var(--sub)}.studio-options-button:hover,.studio-options-button[aria-expanded=true]{color:var(--text);background:var(--soft)!important}.studio-options-button svg{width:15px;height:15px}.studio-view-popover{position:fixed;z-index:150;display:grid;gap:3px;width:198px;padding:6px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);box-shadow:0 6px 20px color-mix(in srgb,var(--ui_000000, #000000) 27%, transparent)}.studio-view-popover label{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:6px!important;margin:0!important;line-height:18px;font-size:12px;color:var(--text);white-space:nowrap}.studio-view-popover input[type=checkbox]{display:block!important;appearance:auto;width:13px!important;min-width:13px!important;height:13px!important;min-height:13px!important;flex:0 0 13px!important;padding:0!important;margin:0!important}.studio-view-popover button{display:block;width:100%;text-align:left;min-height:27px;padding:5px 6px;font-size:11px;border:0;background:transparent;color:var(--sub);border-radius:4px}.studio-view-popover button:hover{background:var(--soft);color:var(--text)}
.graph-node{display:grid!important;align-items:center!important;height:32px!important;min-height:32px!important;gap:3px!important;padding:3px 4px!important;overflow:hidden!important;box-sizing:border-box}.graph-node>.node-drag{display:flex!important;justify-content:center;align-items:center;width:7px!important;min-width:7px!important;height:22px!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden}.graph-node>.node-drag svg{width:7px!important;height:16px!important}.graph-node>.task-thumb-button{display:block!important;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;padding:0!important;margin:0!important;border:0!important;border-radius:3px!important;overflow:hidden!important;box-sizing:border-box}.graph-node>.task-thumb-button>.thumbnail-box{display:block!important;width:22px!important;height:22px!important;min-width:0!important;max-width:22px!important;padding:0!important;margin:0!important;overflow:hidden;border-radius:3px;background:var(--soft)}.thumbnail-box .task-thumb,.graph-node .task-thumb{display:block!important;position:relative;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;object-fit:contain!important;background:var(--soft);border-radius:0!important}.graph-node>.graph-title.node-main{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;min-width:0!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;max-height:24px!important;padding:0!important;margin:0!important;font-size:9px!important;line-height:12px!important;font-weight:500;white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere;text-align:left}.graph-node>.node-file-link{display:grid!important;place-items:center;width:14px!important;min-width:14px!important;height:20px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:3px!important;background:transparent!important;color:var(--sub)}.graph-node>.node-file-link svg{width:12px!important;height:12px!important;stroke-width:1.7}.graph-node>.node-file-link:hover{background:var(--soft)!important;color:var(--text)}.graph-node>.node-person{display:grid!important;place-items:center;width:15px!important;min-width:15px!important;height:15px!important;min-height:15px!important;padding:0!important;margin:0!important;font-size:7px!important}.graph-node>.node-person svg{width:10px!important;height:10px!important}.graph-node>.node-quick{display:flex!important;align-items:center;justify-content:flex-end;gap:0!important;padding:0!important;margin:0!important}.graph-node>.node-quick>button:not(.person-clock){display:grid;place-items:center;width:16px!important;min-width:16px!important;height:22px!important;min-height:22px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;border-radius:3px;font-size:12px!important}.graph-node .node-quick .stopwatch-icon,.graph-node .branch-toggle svg{width:12px!important;height:12px!important}.graph-controls>.studio-options-button{margin-left:3px!important}
.settings-theme-panel>.panelhead{padding:10px 12px!important}.settings-theme-panel .theme-grid{display:flex!important;flex-wrap:wrap;gap:6px!important;padding:10px 12px!important}.settings-theme-panel .theme-choice{display:flex!important;align-items:center;justify-content:flex-start;gap:7px;padding:5px 8px!important;min-height:34px!important;font-size:11px!important;width:auto;flex:0 1 auto;border-radius:5px}.settings-theme-panel .theme-sample{display:flex;width:43px;min-width:43px;height:20px!important;margin:0!important;border-radius:3px}.theme-editor-details{margin:0 12px 12px;border-top:1px solid var(--line)}.theme-editor-details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:12px;font-weight:550;color:var(--sub)}.theme-editor-details>summary::-webkit-details-marker{display:none}.theme-editor-details>summary::after{content:'＋';font-size:15px}.theme-editor-details[open]>summary::after{content:'−'}.theme-editor-details:not([open])>.theme-editor{display:none!important}.settings-theme-panel .theme-editor{padding:0!important;max-width:880px}.settings-theme-panel .theme-editor .panelhead{padding:0 0 6px!important;border-bottom:0}.settings-theme-panel .theme-editor .panelhead h2{font-size:11px;font-weight:500;color:var(--sub)}.settings-theme-panel .color-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px!important}.settings-theme-panel .color-grid>label{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-height:31px;margin:0!important;padding:3px 0;border-bottom:1px solid var(--line);font-size:11px!important}.settings-theme-panel .color-grid input[type=hidden]{display:none!important}.settings-theme-panel .color-grid .color-field{display:block;width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;flex:0 0 25px;padding:3px!important;border-radius:5px}.settings-theme-panel .color-pick span{display:block;width:100%;height:100%;border-radius:2px;background:var(--swatch)}.settings-theme-panel .theme-editor .actions{margin-top:9px!important;gap:8px}.settings-theme-panel .theme-editor .actions .sub{font-size:10px}.settings-theme-panel .theme-editor .actions button{font-size:11px;min-height:28px;padding:5px 9px}.files-panel .file-name{display:flex!important;align-items:center;flex-wrap:nowrap!important;min-width:0}.files-panel .file-name>.thumbnail-box{display:block;flex:0 0 26px;width:26px!important;min-width:26px!important;height:26px!important;overflow:hidden;border-radius:3px;background:var(--soft)}.files-panel .file-name>.file-open{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.settings-theme-panel .color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-theme-panel .theme-choice{font-size:10px!important}.settings-theme-panel .theme-grid{gap:5px!important}.settings-theme-panel .theme-sample{width:30px;min-width:30px}.settings-theme-panel .theme-editor .actions{flex-wrap:wrap}}

.reference-menu.view-options>summary{display:grid!important;place-items:center;list-style:none;width:28px;height:28px;min-height:28px;padding:0!important;border:1px solid var(--line);border-radius:5px;background:var(--surface);font-size:12px}.reference-menu.view-options>summary::-webkit-details-marker{display:none}.reference-menu.view-options>div{width:210px;min-width:0;padding:6px;gap:3px}.reference-menu.view-options>div button{min-height:27px;font-size:11px;padding:5px 6px;text-align:left}.reference-menu.view-options>div label{font-size:11px;padding:5px}.reference-menu.view-options input[type=checkbox]{width:13px!important;height:13px;min-height:0;margin:0 5px 0 0}.reference-menu.view-options:not([open])>div{display:none!important}

.graph-controls>.studio-options-button svg{width:18px!important;height:18px!important}.graph-controls .graph-add-root{display:grid!important;place-items:center;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;line-height:0;border-radius:5px}.graph-add-root .plus-icon{display:block;width:17px;height:17px}.graph-node .node-quick .plus-icon{width:12px!important;height:12px!important;display:block}.graph-node>.node-file-link.is-empty{opacity:.65}.graph-node>.node-file-link.is-empty:hover{opacity:1}.files-panel .file-task-cell{display:flex!important;align-items:center;gap:4px;min-width:0;overflow:hidden}.files-panel .file-task-cell select{display:block;flex:1 1 0;width:0!important;min-width:0;max-width:100%;height:26px;min-height:26px;padding:3px 18px 3px 5px;font-size:11px;line-height:18px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:4px}.files-panel .file-task-cell .file-task-multi{display:inline-flex!important;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;width:auto;min-width:24px!important;height:26px!important;min-height:26px!important;padding:2px!important;margin:0;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text)}.file-task-multi .plus-icon{display:block;width:12px;height:12px}.file-task-multi small{font-size:9px}.file-task-dialog:has([data-file-task-form]){width:min(var(--file-task-dialog-width,1040px),calc(100vw - 24px));padding:16px;max-height:90dvh}.file-task-dialog .dialoghead{margin-bottom:8px}.file-task-dialog h2{font-size:16px}.file-task-context{font-size:11px;color:var(--sub);margin:0 0 12px;overflow-wrap:anywhere}.file-task-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;max-height:62dvh;overflow:auto;align-items:start}.file-task-branch{min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface)}.file-task-branch h3{font-size:12px;padding:8px 9px;margin:0;background:var(--soft);border-bottom:1px solid var(--line);font-weight:600;overflow-wrap:anywhere}.file-task-choice{display:grid!important;grid-template-columns:13px minmax(0,1fr);align-items:start!important;gap:7px;margin:0!important;padding:6px 9px!important;min-height:29px;border-bottom:1px solid var(--line);font-size:11px!important;line-height:16px;color:var(--text);cursor:pointer}.file-task-choice:last-child{border-bottom:0}.file-task-choice:hover{background:var(--soft)}.file-task-choice input[type=checkbox]{display:block;width:13px!important;min-width:13px!important;height:13px!important;min-height:13px!important;padding:0!important;margin:1px 0 0!important;appearance:auto}.file-task-choice span{min-width:0;overflow-wrap:anywhere}.file-task-dialog .actions{margin-top:12px;gap:6px}.file-task-dialog .actions button{min-height:30px;font-size:12px;padding:5px 10px}@media(max-width:600px){.file-task-branches{grid-template-columns:minmax(0,1fr)}.file-task-dialog:has([data-file-task-form]){padding:12px}.files-panel .file-task-cell select{font-size:10px}}
