@import "https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Caveat:wght@400..700&family=Lobster&family=Permanent+Marker&family=Press+Start+2P&family=Special+Elite&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{text-align:left;flex-direction:column;width:100%;max-width:none;height:100%;margin:0;padding:0;display:flex}.custom-tree{color:#ffffffa6;font-family:inherit;background:0 0!important}.custom-tree .ant-tree-treenode{padding-bottom:0;align-items:center!important}.custom-tree .ant-tree-switcher{color:#ffffff73!important;justify-content:center!important;align-items:center!important;display:flex!important}.custom-tree .ant-tree-node-content-wrapper{border-radius:4px;flex:1;align-items:center;min-height:32px;padding:4px 0;transition:all .2s;display:flex;color:#ffffffa6!important}.custom-tree .ant-tree-node-content-wrapper:hover{color:#fff!important;background-color:#ffffff14!important}.custom-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:var(--tree-primary-color)!important;color:#fff!important}.ant-tree-drop-indicator{background-color:var(--tree-primary-color)!important}.edit-btn{opacity:0;z-index:1000;transition:opacity .2s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.outline-btn{opacity:0;z-index:1000;transition:opacity .2s;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.custom-tree .ant-tree-treenode:hover .edit-btn,.custom-tree .ant-tree-treenode:hover .outline-btn{opacity:1}@media (hover:none){.edit-btn,.outline-btn{opacity:.7}.tree-title{padding-right:28px}.tree-title--project{padding-right:56px}}.tree-spinner{width:100%;height:100%}.tree-spinner .ant-spin-nested-loading{height:100%}.tree-spinner .ant-spin-container{scrollbar-width:thin;scrollbar-color:#fff3 transparent;height:100%;overflow:hidden auto}.tree-spinner .ant-spin-container::-webkit-scrollbar{width:6px}.tree-spinner .ant-spin-container::-webkit-scrollbar-track{background:0 0}.tree-spinner .ant-spin-container::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.story-editor{box-sizing:border-box;--sb-gap:10px;width:100%;padding:0 30px;position:relative;overflow-x:clip}.story-editor .ProseMirror{color:var(--sb-text);outline:none;padding-bottom:60px;font-family:inherit;font-size:18px;line-height:1.6}.sb-block{--view:var(--active,0);padding:4px 0 20px;position:relative;container-type:inline-size}.sb-variants{--sb-card-w:800px;align-items:flex-start;gap:var(--sb-gap);width:max-content;transform:translateX(calc(50cqw - var(--view)*(var(--sb-card-w) + var(--sb-gap)) - var(--sb-card-w)/2));transition:transform .35s cubic-bezier(.22,.9,.3,1);display:flex}.sb-variant{box-sizing:border-box;width:var(--sb-card-w);opacity:.4;filter:blur(1px);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:8px;flex:none;min-height:3em;padding:12px 16px;transition:opacity .25s,transform .25s,filter .25s,background-color .2s,border-color .2s,box-shadow .2s;transform:scale(.98)}@container (width<=800px){.sb-variants{--sb-card-w:100cqw}}.ProseMirror-focused .sb-variant.sb-focused{background-color:var(--sb-error-bg);border:1px solid var(--sb-error-border);box-shadow:0 4px 12px #0000001a}.sb-block.ProseMirror-selectednode>.sb-variants>.sb-variant{outline:2px solid var(--sb-primary);outline-offset:2px}.sb-variant p{min-height:1.6em;margin:0;line-height:1.6}.sb-variant ul,.sb-variant ol{margin:0;padding-left:1.5em}.node-storyHeader{-webkit-user-select:none;user-select:none}.node-storyHeader .sb-header-add{display:none}.node-storyHeader:last-child .sb-header-add{display:inline-flex}.node-storyHeader:has(+.node-storyHeader) .sb-header-add{display:inline-flex}.sb-overlay{z-index:30;pointer-events:none;position:absolute}.sb-overlay>*{pointer-events:auto}.sb-save-status{z-index:40;pointer-events:none;justify-content:flex-end;height:0;display:flex;position:sticky;top:8px}.outline-hint{font-size:13px;margin-bottom:14px!important}.outline-empty{padding:12px 0 6px;display:block}.outline-row{border:1px solid var(--outline-border);border-radius:var(--outline-radius);background:var(--outline-card);align-items:center;gap:6px;min-height:40px;padding:4px 6px 4px 4px;transition:border-color .15s,background .15s;display:flex}.outline-row:hover,.outline-row:focus-within{border-color:var(--outline-primary)}.outline-row--project{border-width:2px;border-color:var(--outline-primary);min-height:54px;padding-left:16px}.outline-row--section{min-height:34px}.outline-row__main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.outline-row__title{min-width:0;color:var(--outline-text);font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:auto;margin:0;padding:4px 2px;font-size:14px}.outline-row--chapter .outline-row__title{font-size:15px;font-weight:600}.outline-row--project .outline-row__title{font-size:18px;font-weight:600}.outline-row__title:hover{color:var(--outline-primary)}.outline-row__title:focus-visible{outline:2px solid var(--outline-primary);outline-offset:1px}.outline-row__meta{color:var(--outline-muted);white-space:nowrap;flex:none;font-size:12px}.outline-row__actions{opacity:0;flex:none;gap:2px;transition:opacity .15s;display:flex}.outline-row:hover .outline-row__actions,.outline-row:focus-within .outline-row__actions{opacity:1}.outline-handle{width:22px;height:28px;color:var(--outline-muted);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.outline-handle:hover{background:var(--outline-hover);color:var(--outline-text)}.outline-handle:active{cursor:grabbing}.outline-list{padding-left:30px;position:relative}.outline-list:before{content:"";background:var(--outline-line);opacity:.6;border-radius:1px;width:2px;position:absolute;top:0;bottom:17px;left:11px}.outline-node{position:relative}.outline-node:before{content:"";background:var(--outline-line);opacity:.6;width:18px;height:2px;position:absolute;top:20px;left:-18px}.outline-node--section:before{top:17px}.outline-slot{align-items:center;min-height:22px;display:flex;position:relative}.outline-slot--end{min-height:34px}.outline-slot--end:before{content:"";background:var(--outline-line);opacity:.6;width:18px;height:2px;position:absolute;top:50%;left:-18px}.outline-slot--editing{padding:4px 0}.outline-slot__dot{border:1px solid var(--outline-line);background:var(--outline-bg);width:18px;height:18px;color:var(--outline-muted);cursor:pointer;opacity:.55;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;transition:opacity .15s,transform .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:50%;left:-27px;transform:translateY(-50%)}.outline-slot:hover .outline-slot__dot,.outline-slot__dot:focus-visible{opacity:1;border-color:var(--outline-primary);color:var(--outline-primary);transform:translateY(-50%)scale(1.15)}.outline--dragging .outline-slot__dot,.outline--dragging .outline-row__actions{visibility:hidden}.outline-ghost{width:380px;max-width:100%}.outline-ghost .outline-row{border-color:var(--outline-primary);cursor:grabbing;box-shadow:0 8px 24px #00000047}.outline-ghost .outline-row__title{cursor:grabbing}@media (hover:none){.outline-row__actions{opacity:1}.outline-slot__dot{opacity:.85}}
