.metis-app .comic-status{width:-moz-fit-content;width:fit-content;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap}.metis-app .comic-status,.metis-app .comic-status.pending{background:oklch(95% .008 255);color:var(--muted)}.metis-app .comic-status.running{color:var(--blue);background:var(--blue-soft)}.metis-app .comic-status.generated,.metis-app .comic-status.referenced{color:oklch(48% .12 155);background:oklch(96% .03 155)}.metis-app .comic-status.failed{color:oklch(58% .18 24);background:oklch(97% .025 24)}.metis-app .comic-pipeline-steps{display:grid;gap:12px;margin:18px 0 4px}.metis-app .comic-pipeline-step{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--card);transition:border-color .16s ease}.metis-app .comic-pipeline-step-main{display:grid;gap:8px;min-width:0;flex:1}.metis-app .comic-pipeline-step-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}.metis-app .comic-pipeline-step-head b{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:.01em}.metis-app .comic-pipeline-step-meta{display:grid;gap:4px}.metis-app .comic-pipeline-step-eta{color:var(--muted);font-size:12px;line-height:1.5}.metis-app .comic-pipeline-step-error{color:oklch(52% .16 24);font-size:12px;line-height:1.5;word-break:break-word}.metis-app .comic-pipeline-step[data-status=running]{border-color:color-mix(in oklch,var(--blue) 34%,var(--line))}.metis-app .comic-pipeline-step[data-status=succeeded]{border-color:color-mix(in oklch,var(--green) 40%,var(--line))}.metis-app .comic-pipeline-step[data-status=failed]{border-color:color-mix(in oklch,#c44 40%,var(--line))}.metis-app .comic-node-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px}.metis-app .comic-upload-drop{min-height:290px;border:1px dashed var(--line-strong);border-radius:15px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:30px;transition:border-color .15s ease,background .15s ease,color .15s ease}.metis-app .comic-upload-drop.dragging,.metis-app .comic-upload-drop.has-file{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.metis-app .comic-upload-drop b{display:block;color:var(--fg);margin-bottom:6px}.metis-app .comic-upload-drop.dragging b,.metis-app .comic-upload-drop.has-file b{color:var(--blue)}.metis-app .comic-upload-drop span{display:inline-block;margin-bottom:12px;font-size:12px;line-height:1.55}.metis-app .comic-editor{width:100%;min-height:180px;resize:vertical;border:1px solid var(--line);border-radius:15px;padding:15px;color:var(--fg);background:oklch(99% .002 255);font:inherit;line-height:1.75;outline:0;box-sizing:border-box}.metis-app .comic-editor:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in oklch,var(--blue) 14%,transparent)}.metis-app .comic-editor::-moz-placeholder{color:var(--muted);opacity:.85}.metis-app .comic-editor::placeholder{color:var(--muted);opacity:.85}.metis-app .comic-inline-error{margin-top:10px;color:oklch(58% .18 24);font-size:12px;font-weight:720}.metis-app #comicNodeScript #comicScriptSourceStage .source-h2,.metis-app #comicNodeScript #comicSourceTitle{display:block;margin:0;font-size:17px;line-height:1.35;font-weight:900;letter-spacing:-.01em;color:var(--fg)}.metis-app #comicNodeScript #comicScriptSourceStage .comic-board-card>p,.metis-app #comicNodeScript #comicSourceIntro{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.metis-app #comicNodeScript #comicScriptSourceStage .comic-board-source-head{margin-bottom:0}.metis-app #comicNodeScript #comicScriptSourceStage .comic-inline-error{margin-top:0}.metis-app #comicNodeScript #comicScriptSourceStage .comic-board-card>.source-h2+p{margin:0}.metis-app #comicNodeScript .comic-source-options .btn{width:100%;min-height:58px;padding:9px 16px;display:grid;justify-items:center;align-content:center;gap:4px;border-radius:14px;font-size:13px;font-weight:850;box-shadow:none;transform:none}.metis-app #comicNodeScript .comic-source-options .btn:hover{transform:none}.metis-app #comicNodeScript .comic-source-options .btn:before{content:"";font-size:18px;line-height:1;font-weight:700}.metis-app #comicNodeScript #comicUploadSourceTab:before{content:"↑"}.metis-app #comicNodeScript #comicPasteSourceTab:before{content:"✎"}.metis-app #comicNodeScript .comic-source-options .btn>span{line-height:1.2}.metis-app #comicNodeScript .comic-source-options .btn.active{color:var(--blue);border-color:var(--blue);background:color-mix(in oklch,var(--blue-soft) 76%,white);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--blue) 12%,transparent)}.metis-app #comicNodeScript .comic-node-actions{width:100%;margin-top:0;padding-top:4px;display:flex;justify-content:flex-end}.metis-app #comicNodeScript .comic-node-actions .btn.primary{min-height:38px;padding-inline:18px;border-radius:12px;box-shadow:none;font-size:13px;font-weight:850}.metis-app #comicNodeScript #comicRawScript{min-height:132px;height:132px;resize:vertical}.metis-app #comicNodeScript .comic-upload-drop{min-height:180px;padding:20px}.metis-app #comicNodeScript #comicStructuredPanel>.comic-board-preview-head .source-h2{margin:0;font-size:20px;line-height:1.3;font-weight:900;color:var(--fg)}.metis-app .comic-outline-pipeline-banner{margin-bottom:14px}.metis-app .comic-outline-pipeline-banner>.comic-board-card{margin:0;box-shadow:none}.metis-app #comicStructuredPanel .comic-script-config-section-head{margin-bottom:12px}.metis-app #comicNodeOutline .comic-script-config,.metis-app #comicStructuredPanel .comic-script-config,.metis-app .comic-script-config.comic-script-config-top,.metis-app .comic-script-outline .comic-script-config{width:100%;max-width:none;margin:0 0 22px;padding:18px 22px;border:1px solid color-mix(in oklch,var(--line) 72%,white);border-radius:22px;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;background:color-mix(in oklch,#fff 88%,oklch(97% .008 255));box-shadow:0 10px 28px rgb(35 48 70/.05)}.metis-app .comic-script-config-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));align-items:end;gap:14px 16px}.metis-app .comic-script-config-fields-dialog{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:4px}.metis-app .comic-script-config-field{display:grid;gap:8px;min-width:0}.metis-app .comic-script-config-field>label{color:oklch(42% .02 255);font-size:12px;font-weight:700;line-height:1.3}.metis-app .comic-script-config-fields .comic-script-config-model-pill,.metis-app .comic-script-config-fields .comic-style-pill-picker,.metis-app .comic-script-config-fields .composer-pill-picker{width:100%;min-width:0}.metis-app .comic-script-config-fields .comic-script-config-model-pill .select-trigger,.metis-app .comic-script-config-fields .comic-style-pill-picker .select-trigger,.metis-app .comic-script-config-fields .composer-pill-picker .select-trigger{width:100%;min-height:40px;justify-content:space-between}.metis-app .comic-script-config-model-pill .select-trigger:disabled{opacity:1;cursor:default;color:var(--fg,#1b2430)}.comic-lock-confirm-summary{margin:0;display:grid;gap:10px}.comic-lock-confirm-summary>div{display:grid;grid-template-columns:4.5rem 1fr;gap:8px;align-items:baseline}.comic-lock-confirm-summary dt{margin:0;color:oklch(48% .02 255);font-size:13px;font-weight:600}.comic-lock-confirm-summary dd{margin:0;color:var(--fg,#1b2430);font-size:14px;font-weight:700;word-break:break-word}.comic-lock-confirm-hint{margin:12px 0 0;color:oklch(48% .02 255);font-size:12px;line-height:1.5}@media (max-width:600px){.metis-app .comic-script-config-fields,.metis-app .comic-script-config-fields-dialog{grid-template-columns:1fr;align-items:stretch}}.metis-app #comicNodeOutline .comic-script-config-copy b,.metis-app .comic-script-outline .comic-script-config-copy b{color:var(--fg);font-size:15px;font-weight:900;line-height:1.35}.metis-app #comicNodeOutline .comic-script-config-copy span,.metis-app .comic-script-outline .comic-script-config-copy span{color:oklch(48% .02 255);font-size:12px;line-height:1.5}.metis-app .comic-outline-episode p{grid-column:3/-1;margin:0;color:oklch(44% .024 255);font-size:12px;line-height:1.55}.metis-app .comic-outline-episode.collapsed .comic-outline-script,.metis-app .comic-outline-episode.collapsed p,.metis-app .comic-outline-episode.collapsed small,.metis-app .comic-outline-episodes.collapsed .comic-outline-episode p,.metis-app .comic-outline-episodes.collapsed .comic-outline-episode small,.metis-app .comic-outline-episodes.collapsed .comic-outline-script{display:none}.metis-app .comic-outline-stage .comic-outline-episode>.comic-outline-script{grid-column:1/-1}.metis-app .comic-outline-status{border-radius:999px;padding:2px 7px;color:oklch(48% .12 155);background:oklch(96% .03 155);font-size:10px;font-weight:860;white-space:nowrap}.metis-app #comicNodeOutline .comic-outline-directory-list{list-style:none}.metis-app .comic-script-config,.metis-app .comic-script-config-field,.metis-app .comic-script-config-field .comic-style-helper{overflow:visible;position:relative}.metis-app .comic-script-config-field .comic-style-helper.comic-style-inline{display:block;width:100%;min-width:0;margin-top:0}.metis-app #comicNodeScript .comic-script-config-field .comic-style-inline-panel,.metis-app .comic-script-config-field .comic-style-inline-panel{position:absolute;z-index:40;top:auto;bottom:calc(100% + 10px);left:auto;right:0;transform:none;margin-top:0;width:min(560px,calc(100vw - 56px))}.metis-app .comic-script-config-field .comic-style-inline-panel.comic-style-inline-panel-down{top:calc(100% + 10px);bottom:auto;right:auto;left:0}.comic-style-inline-panel.comic-style-inline-panel-floating,.metis-app .comic-style-inline-panel.comic-style-inline-panel-floating{position:fixed;z-index:1300;top:auto;right:auto;bottom:auto;left:auto;transform:none;margin:0;display:flex;flex-direction:column;min-height:0;width:min(560px,calc(100vw - 32px));padding:14px;border:1px solid var(--line,oklch(90% .01 255));border-radius:16px;background:#fff;box-shadow:0 22px 50px rgb(35 48 70/.18);overflow:hidden}.comic-style-inline-panel.comic-style-inline-panel-floating .comic-style-grid,.metis-app .comic-style-inline-panel.comic-style-inline-panel-floating .comic-style-grid{flex:1 1 auto;min-height:0;max-height:none;overflow:auto}.metis-app .comic-outline-section-head h3{margin:0;color:var(--fg);font-size:15px;line-height:1.45;font-weight:900}.metis-app #comicNodeOutline .comic-outline-stage,.metis-app #comicNodeScript .comic-outline-stage{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-auto-columns:minmax(0,1fr);justify-content:stretch;align-items:start;gap:0;-moz-column-gap:4px;column-gap:4px;margin:0 0 26px;overflow:visible;width:100%}.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail{position:sticky;top:20px;left:auto;grid-column:1;width:36px;height:auto;min-height:132px;margin:38px 0 0;padding:16px 0 18px;display:grid;justify-items:center;align-content:start;gap:11px;border:0;border-radius:0;background:transparent;box-shadow:none;z-index:20;cursor:pointer}.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail:before,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail:before{width:16px;height:3px;border-radius:999px;background:color-mix(in oklch,var(--blue) 78%,var(--line-strong));box-shadow:0 0 0 3px color-mix(in oklch,var(--blue) 12%,transparent)}.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail i,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail i{width:12px;height:3px;border-radius:999px;background:color-mix(in oklch,var(--blue) 38%,var(--line-strong));opacity:.92}.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail:focus,.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail:focus-within,.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail:hover,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail:focus,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail:focus-within,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail:hover{border:0;background:transparent;box-shadow:none;transform:none}.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail .comic-outline-directory,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail .comic-outline-directory{top:0;left:calc(100% + 12px);width:min(286px,calc(100vw - 120px))}.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-paper,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-paper{grid-column:2;min-width:0;width:auto;max-width:none}.metis-app .comic-outline-directory-trigger{display:none}@media (max-width:900px){.metis-app #comicNodeOutline .comic-outline-stage,.metis-app #comicNodeScript .comic-outline-stage{grid-template-columns:minmax(0,1fr)}.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail{position:absolute;top:0;left:0;width:0;height:0;min-height:0;margin:0;padding:0;overflow:visible;pointer-events:none;z-index:40}.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail i,.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail:before,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail i,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail:before{display:none}.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail .comic-outline-directory,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail .comic-outline-directory{top:8px;left:12px;width:min(320px,calc(100vw - 24px));max-height:min(70dvh,520px)}.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-rail .comic-outline-directory.is-open,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-rail .comic-outline-directory.is-open{opacity:1;pointer-events:auto;transform:translateX(0)}.metis-app #comicNodeOutline .comic-outline-stage>.comic-outline-paper,.metis-app #comicNodeScript .comic-outline-stage>.comic-outline-paper{grid-column:1}.metis-app .comic-outline-directory-trigger{display:inline-flex}}@media (max-width:600px){.metis-app #comicNodeScript .comic-node-actions{justify-content:stretch}.metis-app #comicNodeScript .comic-node-actions .btn.primary{width:100%}.metis-app .comic-outline-brief-grid,.metis-app .comic-outline-character-grid{grid-template-columns:1fr}}.metis-app #comicNodeOutline .comic-outline-textarea,.metis-app #comicStructuredPanel .comic-outline-textarea,.metis-app .comic-outline-stage .comic-outline-textarea{min-height:min(58vh,560px);height:min(58vh,560px);max-height:min(82vh,900px);outline:none}@media (max-width:900px){.metis-app #comicNodeOutline .comic-outline-textarea,.metis-app #comicStructuredPanel .comic-outline-textarea,.metis-app .comic-outline-stage .comic-outline-textarea{min-height:min(36dvh,320px);height:min(36dvh,320px);max-height:min(56dvh,480px)}.metis-app .comic-outline-directory.is-open{opacity:1;pointer-events:auto;transform:translateX(0)}}@media (max-width:1120px){.metis-app .comic-shell .comic-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.metis-app .comic-shell .comic-step{padding:0 10px;gap:8px;min-height:48px}.metis-app .comic-shell .comic-step b{font-size:12px}.metis-app .comic-shell .comic-step small{display:none}}@media (max-width:720px){.metis-app .comic-list-shell .comic-project-grid,.metis-app .comic-shell .comic-project-grid{grid-template-columns:1fr}.metis-app #comicNodeAssets .comic-asset-list,.metis-app .comic-shell .comic-asset-list{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.metis-app .comic-shell .comic-steps{gap:6px}.metis-app .comic-shell .comic-step{padding:0 8px;gap:6px;min-height:44px}.metis-app .comic-shell .comic-step span{width:22px;height:22px;font-size:10px}.metis-app .comic-shell .comic-step b{font-size:11px}}.metis-app #comicNodeOutline .comic-outline-textarea:focus,.metis-app #comicNodeOutline .comic-outline-textarea:focus-visible,.metis-app #comicStructuredPanel .comic-outline-textarea:focus,.metis-app #comicStructuredPanel .comic-outline-textarea:focus-visible,.metis-app .comic-outline-stage .comic-outline-textarea:focus,.metis-app .comic-outline-stage .comic-outline-textarea:focus-visible{border-color:color-mix(in oklch,var(--line) 80%,white);background:#fff;outline:none;box-shadow:none}