:root{color:#dcecff;font-synthesis:none;text-rendering:optimizelegibility;background:#0b111b;font-family:Segoe UI,system-ui,sans-serif;font-size:15px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:#0b111b;margin:0;overflow:hidden}body[data-theme=light]{color:#172233;background:#edf2f8}button,input,textarea,select{font:inherit}button,.file-button{color:#eef6ff;cursor:pointer;white-space:nowrap;background:#182536;border:1px solid #34465f;border-radius:0;min-height:32px;padding:5px 10px;font-weight:700}button:hover,.file-button:hover{border-color:#5ca7ff}button:disabled{cursor:not-allowed;opacity:.45}button.primary{color:#fff;background:#429af3;border-color:#429af3}button.danger{color:#fff;background:#e65f69;border-color:#e65f69}input,textarea,select{color:#eef6ff;background:#0d1420;border:1px solid #34465f;border-radius:0;width:100%;padding:7px 9px}textarea{resize:none;min-height:38px;overflow:hidden}textarea.large{min-height:86px}.desktop-shell{grid-template-rows:132px 1fr 42px;gap:8px;width:100vw;height:100vh;padding:4px;display:grid;overflow:hidden}.panel{background:#172232;border:1px solid #627086;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff08}body[data-theme=light] .panel{background:#fff;border-color:#8fa4bf;box-shadow:0 1px 4px #1e2d421f}.tutorial-focus{z-index:20;outline-offset:3px;outline:4px solid #ffe95c;position:relative;box-shadow:0 0 0 8px #ffe95c9e,0 0 38px 16px #ffe95cb3,inset 0 0 0 2px #ffffff6b,0 10px 28px #00000047}.windows-top{grid-template-rows:auto auto;grid-template-columns:minmax(360px,1fr) auto;align-items:center;gap:10px 18px;padding:14px 16px;display:grid}.brand h1{margin:0;font-size:28px;line-height:1.1}.brand p{color:#b5cbed;margin:4px 0 0}body[data-theme=light] .brand p,body[data-theme=light] .windows-bottom,body[data-theme=light] .selection-hint,body[data-theme=light] .fast-edit span,body[data-theme=light] .empty,body[data-theme=light] .preview-box,body[data-theme=light] .item-list article span{color:#48617f}.toolbar{align-items:center;gap:10px;display:flex}.toolbar select{width:82px;font-weight:700}.install-guidance{color:#dcecff;background:#102235;border:1px solid #3f5b7d;grid-column:1/-1;align-items:center;gap:10px;min-height:34px;padding:7px 10px;display:flex;overflow:hidden}.install-guidance strong{color:#8fc6ff;flex:none}.install-guidance span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.install-guidance button{flex:none;min-height:28px;padding:3px 8px}.install-help{z-index:45;background:#102235;grid-template-columns:minmax(280px,520px) auto;gap:14px;max-width:min(760px,100vw - 36px);padding:16px;display:grid;position:fixed;top:152px;right:18px}.install-help h2{margin:0 0 8px;font-size:18px}.install-help p{margin:0 0 8px}.install-help ol{margin:0;padding-left:22px}.status-line{z-index:30;background:#1e2f46;justify-content:space-between;align-items:center;padding:10px 12px;display:flex;position:fixed;top:152px;left:18px;right:18px}body[data-theme=light] button,body[data-theme=light] .file-button{color:#172233;background:#f7faff;border-color:#9eb1ca}body[data-theme=light] button.primary{color:#fff;background:#287bd8;border-color:#287bd8}body[data-theme=light] .install-guidance{color:#172233;background:#eef6ff;border-color:#9eb1ca}body[data-theme=light] .install-guidance strong{color:#185fae}body[data-theme=light] .install-help{background:#fff}body[data-theme=light] button.danger{color:#fff;background:#d85661;border-color:#d85661}body[data-theme=light] input,body[data-theme=light] textarea,body[data-theme=light] select,body[data-theme=light] .tree,body[data-theme=light] .item-list,body[data-theme=light] .media-list{color:#172233;background:#f8fbff;border-color:#9eb1ca}body[data-theme=light] .selected,body[data-theme=light] .item-list article:hover,body[data-theme=light] .item-list article.selected-item{background:#dcecff;border-color:#287bd8}.windows-grid{grid-template-columns:590px 6px minmax(420px,1fr) 6px 220px;gap:6px;min-height:0;display:grid;overflow:hidden}.column-resizer{cursor:col-resize;background:linear-gradient(90deg,#0000 2px,#34465f 2px 4px,#0000 4px);border:1px solid #0000;border-radius:6px;min-width:6px}.column-resizer:hover,body.resizing-columns .column-resizer{background:#5ca7ff}body.resizing-columns{cursor:col-resize;-webkit-user-select:none;user-select:none}.folder-pane,.editor-pane,.list-pane{min-height:0;padding:14px 16px}.folder-pane{grid-template-rows:auto 1fr auto;gap:12px;display:grid}.editor-pane{grid-template-rows:auto minmax(0,1fr) 24px 30px 32px;gap:3px;display:grid;overflow:hidden}.list-pane{grid-template-rows:auto 40px 1fr auto;gap:10px;display:grid}.windows-bottom{color:#dcecff;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}h2,h3{margin:0;font-size:20px}.tree,.item-list,.media-list{background:#0d1420;border:1px solid #34465f;align-content:start;gap:10px;padding:10px;display:grid;overflow:auto}.tree button{text-align:left;min-height:30px}.tree-row{grid-template-columns:24px 1fr;align-items:center;gap:4px;display:grid}.tree-toggle{text-align:center;min-width:24px;min-height:30px;padding:0}.tree-name{text-overflow:ellipsis;width:100%;overflow:hidden}.tree-row-root{border-bottom:1px dashed #49647f;padding-bottom:5px}.tree-row-root+.tree-row-root{margin-top:2px}.tree-row-uncategorized{margin-bottom:2px}.selected{background:#223956;border-color:#5ca7ff}.button-row,.tabbar,.highlight-toolbar,.editor-actions,.destination{align-items:center;gap:8px;display:flex}.tabbar{border-bottom:1px solid #34465f}.tabbar button{text-align:center;border-radius:10px 10px 0 0;min-width:58px;min-height:32px}.editor-scroll{border:1px solid #34465f;align-content:start;gap:3px;min-height:0;padding:4px 10px;display:grid;overflow:hidden}.card-editor-grid{grid-template-rows:repeat(3,minmax(0,1fr));font-size:13px}.note-editor-grid{grid-template-rows:minmax(112px,auto) minmax(220px,1fr);font-size:13px}.field-block{gap:2px;min-height:0;display:grid}.field-block label{gap:2px;font-weight:700;display:grid}.card-editor-grid .field-block{grid-template-rows:auto auto auto;gap:1px;overflow:hidden}.card-editor-grid .field-block label{display:contents}.card-editor-grid .highlight-toolbar button{min-height:25px;padding:2px 7px;font-size:13px}.card-editor-grid .highlight-toolbar,.note-editor-grid .highlight-toolbar{flex-wrap:nowrap;gap:6px;overflow:hidden}.card-editor-grid .swatch,.note-editor-grid .swatch{min-width:42px}.card-editor-grid .highlight-toolbar button:not(.swatch),.note-editor-grid .highlight-toolbar button:not(.swatch){min-width:58px}.card-editor-grid .selection-hint{white-space:nowrap;min-height:16px;margin-bottom:4px;font-size:12px;line-height:16px;overflow:hidden}.highlight-input-shell{min-height:28px;position:relative}.highlight-input-shell textarea{z-index:1;color:#0000;caret-color:#eef6ff;white-space:pre-wrap;background:0 0;height:30px;min-height:30px;padding:4px 7px;position:relative}.highlight-input-shell textarea.large{height:112px;min-height:112px}.highlight-input-shell textarea.single-line{height:32px;min-height:32px;overflow:hidden}.highlight-input-overlay{z-index:0;color:#eef6ff;white-space:pre-wrap;pointer-events:none;min-height:30px;font:inherit;background:#0d1420;border:1px solid #34465f;padding:4px 7px;position:absolute;inset:0;overflow:hidden}.highlight-input-overlay mark{color:#06101b;border-radius:3px;padding:0 2px}body[data-theme=light] .highlight-input-overlay{color:#172233;background:#f8fbff;border-color:#9eb1ca}.note-editor-grid .highlight-toolbar button{min-height:26px;padding:2px 7px;font-size:13px}.note-editor-grid .selection-hint{white-space:nowrap;min-height:17px;margin-bottom:3px;font-size:12px;line-height:17px;overflow:hidden}.highlight-toolbar{flex-wrap:wrap}.swatch{min-width:48px}.swatch.blue{border-color:#2c7be5}.swatch.red{border-color:#d64545}.swatch.yellow{border-color:#c89622}.swatch.green{border-color:#2f9d62}.selection-hint{color:#b5cbed;white-space:nowrap;min-height:14px;font-size:12px;line-height:14px;overflow:hidden}.mark-blue{background:#8fc7ff}.mark-red{background:#ff9ba4}.mark-yellow{background:#ffe782}.mark-green{background:#8ee0aa}.mark-stale{outline:1px dashed #ff5f6c}.destination{border-top:1px solid #34465f;border-bottom:1px solid #34465f;justify-content:space-between;min-height:24px;padding:1px 0}.media-panel{min-height:0;display:block;overflow:hidden}.media-layout{justify-content:space-between;align-items:center;gap:8px;min-height:0;display:flex;overflow:hidden}.media-add-button{min-height:24px;padding:1px 7px;font-size:12px}.media-add-row{align-items:center;gap:8px;min-width:0;min-height:28px;display:flex}.media-count{color:#b5cbed;white-space:nowrap;font-size:12px}.media-panel .preview-box{white-space:nowrap;text-overflow:ellipsis;width:220px;min-height:24px;max-height:24px;padding:2px 6px;font-size:12px;line-height:18px;overflow:hidden}.media-panel .preview-box strong{display:none}.media-panel .preview-box p{margin:0}.media-list article,.item-list article{border:1px solid #34465f;gap:5px;padding:8px;display:grid}.item-list article{cursor:pointer}.item-list article:hover,.item-list article.selected-item{background:#223956;border-color:#5ca7ff}.media-list article div{justify-content:space-between;gap:8px;display:flex}.item-list article span{color:#b5cbed;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-box{text-align:center;color:#b5cbed;overflow-wrap:anywhere;border:1px solid #34465f;place-content:center;gap:6px;min-height:48px;padding:6px;line-height:1.35;display:grid;overflow:auto}.preview-box img{object-fit:contain;max-width:190px;max-height:88px;margin:0 auto}.preview-box audio{width:190px}.highlight-list{gap:8px;display:grid}.highlight-list article{border:1px solid #34465f;gap:4px;padding:8px;display:grid}.highlight-list span{white-space:pre-wrap}.editor-actions{justify-content:space-between;align-items:center;min-height:32px;overflow:visible}.media-panel .media-list{display:none}.editor-actions>div{gap:6px;display:flex}.folder-pane .button-row,.list-pane .button-row{flex-wrap:nowrap;gap:6px}.folder-pane .button-row{flex-wrap:nowrap;align-items:center;gap:4px;display:flex;overflow:visible}.folder-pane .button-row button,.editor-actions button,.list-pane .button-row button{min-height:26px;padding:2px 6px;font-size:12px}.folder-pane .button-row button{min-width:max-content;text-overflow:unset;white-space:nowrap;flex:none;padding:2px 7px;font-size:12px;overflow:visible}.fast-edit{text-align:right;white-space:nowrap;align-items:center;gap:8px;max-width:420px;min-height:26px;display:flex}.fast-edit input{width:auto}.fast-edit span{color:#dcecff;font-size:13px}.file-button{place-items:center;display:inline-grid;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.empty{color:#b5cbed}.modal-backdrop{z-index:60;pointer-events:none;background:#09121524;place-items:center;padding:20px;display:grid;position:fixed;inset:0}body[data-theme=light] .modal-backdrop{background:#111e301a}.modal-backdrop.tutorial-folder,.modal-backdrop.tutorial-card-editor,.modal-backdrop.tutorial-note-editor,.modal-backdrop.tutorial-media,.modal-backdrop.tutorial-create-actions,.modal-backdrop.tutorial-fast-edit{place-items:start end}.modal-backdrop.tutorial-item-list{place-items:start}.modal-backdrop.tutorial-open-file,.modal-backdrop.tutorial-templates,.modal-backdrop.tutorial-zip-export,.modal-backdrop.tutorial-help{place-items:end center}.modal{color:#1d2528;pointer-events:auto;background:#fff;border-radius:8px;width:min(620px,92vw);max-height:88vh;padding:18px;overflow:auto}.tutorial-modal .modal{width:min(430px,34vw);margin:18px}.modal-backdrop.tutorial-modal{padding:122px 24px 54px}.modal header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal h2{margin:0}.glossary-list{gap:8px;display:grid}.glossary-list div{border-top:1px solid #d6dee8;padding-top:8px}.glossary-list dt{font-weight:800}.glossary-list dd{margin:2px 0 0}.step-counter{white-space:pre-wrap;font-weight:700}@media (width<=1320px){.windows-grid{grid-template-columns:520px 6px minmax(380px,1fr) 6px 200px}.toolbar{gap:6px}button,.file-button{padding:5px 9px}}@media (width<=1180px){.folder-pane .button-row{flex-wrap:wrap}}@media (height<=820px){.desktop-shell{grid-template-rows:76px 1fr 38px;gap:6px}.windows-top,.folder-pane,.editor-pane,.list-pane{padding:10px 12px}.brand h1{font-size:24px}.editor-pane{grid-template-rows:auto minmax(0,1fr) 24px 30px 32px;gap:3px}.card-editor-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.note-editor-grid{grid-template-rows:minmax(104px,auto) minmax(184px,1fr)}.note-editor-grid textarea.large{height:76px;min-height:76px}.media-layout{gap:6px}.media-panel .preview-box{width:190px}.fast-edit{max-width:none;font-size:13px}}