:root{color-scheme:dark;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101116;color:#e7e8ec;--muted:#9ca1b0;--line:#2e313d;--surface:#181a23;--accent:#c2f28a}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}.shell{max-width:1480px;padding:32px;margin:auto}.hero{padding:0 0 24px}.eyebrow{color:var(--accent);letter-spacing:.17em;font-size:11px;font-weight:700}h1{font-size:clamp(26px,4vw,40px);line-height:1.1;letter-spacing:-.035em;margin:12px 0}h2{font-size:18px;margin:7px 0 20px}h3{font-size:14px;margin:0 0 5px;font-weight:600;overflow-wrap:anywhere}p{margin:8px 0;color:var(--muted)}.hero>p{max-width:700px}.run-guide{display:inline-block;padding:8px 13px;border:1px solid #40522d;border-radius:8px;color:#d8e9c7!important;font-size:13px}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:24px;align-items:start}.editor{min-width:0}.top-panel,.panel,.node-group,.media-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:12px}.top-panel{margin-bottom:14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{color:#bfc3d0;font-size:12px;overflow-wrap:anywhere}.field>input,.field>select,.field>textarea,input[type=number],#workflow-json{width:100%;min-width:0;border:1px solid #363a49;border-radius:7px;background:#11131b;color:#f1f3f8;padding:9px 11px}input[readonly]{color:var(--muted);background:#1c1e29}textarea{resize:vertical;min-height:88px}select{max-width:100%}.check-field{display:flex;align-items:center;gap:9px;flex-direction:row;font-size:13px}.check-field input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);margin:0}.check-field span{font-size:13px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field:has(textarea),.field.model-field{grid-column:1/-1}.seed-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-top:15px}.seed-controls>.check-field{padding-bottom:10px}.hint,.node-meta,small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.node-meta{display:block;margin-bottom:13px}.node-group>summary,.panel>summary{cursor:pointer;font-size:14px;font-weight:600;padding:1px 0}.node-group[open]>summary,.panel[open]>summary{margin-bottom:16px}.node-card{padding:15px 0;border-top:1px solid var(--line)}.node-card:first-of-type{padding-top:0;border-top:0}.node-card:last-child{padding-bottom:0}.node-card>.check-field{margin:12px 0}.media-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-card{display:flex;flex-direction:column;gap:12px;margin:0 0 12px;min-width:0}.media-card strong{font-size:13px;overflow-wrap:anywhere}.media-card input{width:100%;font-size:12px}.media-card input::file-selector-button{border:1px solid #47553b;border-radius:5px;background:#263422;color:#d9edc5;padding:7px 9px;margin-right:7px}.media-preview{display:grid;gap:8px}.media-preview:empty{display:none}.media-preview img,.media-preview video{width:100%;height:150px;object-fit:contain;border-radius:6px;background:#101116}.media-preview audio{width:100%;height:38px}.lora-row{display:grid;grid-template-columns:minmax(0,1fr) 75px;gap:10px;border-top:1px solid var(--line);padding:12px 0}.lora-row>.field:first-child{grid-column:1/-1}.lora-row>button{align-self:end}button,.file-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #434852;border-radius:7px;background:#272b36;color:#e9edf4;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:600}button:hover,.file-action:hover{background:#343b48}button:disabled{opacity:.45;cursor:default}.json-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.file-action input{display:none}#workflow-json{min-height:240px;font:11px/1.5 ui-monospace,monospace}.output{position:sticky;top:16px;background:#151720;border:1px solid var(--line);border-radius:12px;overflow:hidden}.output-heading{padding:22px 22px 0}.empty-state{text-align:center;padding:60px 16px 90px}.empty-state span{font-size:58px;color:#6f8260}.empty-state p{font-size:13px}.result-card{padding:16px 20px;border-top:1px solid var(--line)}.result-card>img,.result-card>video,.result-card>audio{display:block;width:100%;max-height:560px;object-fit:contain;border-radius:7px;margin:12px 0}.result-card>a{display:inline-block;color:var(--accent);font-size:13px;margin-right:12px}.text-result,.summary{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;font:13px/1.65 ui-monospace,monospace}.error{color:#ffa7a7!important}.status{font-size:12px;padding:10px 4px;white-space:pre-wrap}.output .error{padding:16px}.chat-history{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:13px}.chat-history:empty{display:none}footer{font-size:11px;color:#7f8595;margin:24px 0 0}#quick-controls>.panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#workflow-form>.field{margin:12px 0}[hidden]{display:none!important}@media(max-width:850px){.shell{padding:22px 16px}.workspace{grid-template-columns:minmax(0,1fr)}.output{position:static}.output-heading{padding:18px 18px 0}.empty-state{padding:26px 10px 40px}}@media(max-width:480px){.shell{padding:18px 10px}.top-panel,.panel,.node-group,.media-card{padding:14px}.fields{grid-template-columns:minmax(0,1fr)}.media-list{grid-template-columns:minmax(0,1fr)}.seed-controls{grid-template-columns:minmax(0,1fr);gap:9px}.seed-controls>.check-field{padding-bottom:0}#quick-controls>.panel{grid-template-columns:minmax(0,1fr)}}
.basic-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}.basic-controls:empty{display:none}.basic-controls>.field:has(textarea){grid-column:1/-1}#dialogue-controls{display:grid;gap:14px}#workflow-form>.field{padding:4px 0}.hero{padding-bottom:16px}.hero h1{font-size:28px}.hero p{font-size:13px}.media-list:empty{display:none}@media(max-width:480px){.basic-controls{padding:14px;gap:14px}}

.basic-controls{grid-template-columns:minmax(0,1fr)}.basic-prompts{display:grid;gap:14px}.basic-prompts:empty,.basic-controls>.fields:empty{display:none}

/* This layout belongs to this example repository, not the GPU service. */
html{background:#f4f6f4;color-scheme:light}body{max-width:none;margin:0;padding:24px;background:#f4f6f4;color:#223a30;font-family:system-ui,sans-serif;--surface:#fff;--line:#d8e3db;--muted:#63776a;--accent:#286645}
.shell{max-width:none;width:100%;padding:0;margin:0}.workspace{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.4fr);gap:24px;align-items:start}.editor{min-width:0}.output{min-width:0;background:white;border:1px solid #d8e3db;border-radius:14px;position:sticky;top:20px;overflow:hidden;min-height:440px}.output-heading h2{font-size:17px;color:#284c35}.field>input,.field>select,.field>textarea,input[type=number],#workflow-json{background:white;color:#223a30;border-color:#bed0c4}.field>span{color:#456450}.hero h1{color:#263f30}.hero p{color:#627b68}
.app-execution{margin-top:22px;padding-top:16px;border-top:1px solid #d6e2d8}.app-execution button{display:block;width:100%;min-height:50px;border:0;border-radius:10px;background:#245b43;color:white;font:700 15px system-ui;cursor:pointer;opacity:1}.app-execution button:disabled{background:#dce5de;color:#526757;cursor:default}.app-execution button:focus-visible{outline:3px solid #59aa7b;outline-offset:3px}.app-execution small{font:11px/1.8 system-ui;color:#6b7d71;display:block;margin-top:10px}.app-execution progress{width:100%;margin:10px 0}.output img,.output video{max-width:100%;object-fit:contain}@media(max-width:760px){body{padding:16px}.workspace{grid-template-columns:minmax(0,1fr);gap:20px}.output{position:static;min-height:260px}}

.token-summary{padding:10px 13px;border:1px solid #47556955;border-radius:8px;margin-bottom:12px;font-size:13px}.token-summary p{margin:4px 0}
@media (max-width:850px),(pointer:coarse){input,select,textarea,.media-card input,#workflow-json{font-size:16px}}

.preview-stage{position:relative;min-height:340px}.preview-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:#487ba7;font-size:13px;letter-spacing:.12em;background:radial-gradient(circle at center,#e5f3ff 0,transparent 65%)}.light-ring{display:block;width:84px;height:84px;border-radius:50%;border:3px solid #d9ebfa;border-top-color:#249dff;border-right-color:#74caff;box-shadow:0 0 18px #55b7ff55,inset 0 0 13px #55b7ff33;animation:preview-orbit 1s linear infinite}@keyframes preview-orbit{to{transform:rotate(360deg)}}@media(max-width:760px){.preview-stage{min-height:220px}.light-ring{width:68px;height:68px}}@media(prefers-reduced-motion:reduce){.light-ring{animation:none}}
@media(max-width:760px){.output{margin-bottom:24px}}



.video-loras{margin:16px 0;padding:14px;border:1px solid #cbd5e1;border-radius:12px;min-width:0}.video-lora-control{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:4px 12px;align-items:center;margin:18px 0}.video-lora-control label{grid-column:1;grid-row:1;font-weight:600}.video-lora-control input{min-width:0;width:100%;box-sizing:border-box}.video-lora-control input[type=number]{grid-column:2;grid-row:1;min-height:44px;font-size:16px;text-align:center}.video-lora-control input[type=range]{grid-column:1/-1;grid-row:2;appearance:none;-webkit-appearance:none;height:48px;margin:0;padding:0;background:transparent;border:0;border-radius:8px;cursor:pointer;touch-action:pan-y;accent-color:#286645}.video-lora-control input[type=range]::-webkit-slider-runnable-track{height:10px;background:#c8dfd1;border-radius:999px}.video-lora-control input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:32px;height:32px;margin-top:-11px;border:3px solid white;border-radius:50%;background:#286645;box-shadow:0 1px 5px #153e3540}.video-lora-control input[type=range]::-moz-range-track{height:10px;background:#c8dfd1;border-radius:999px}.video-lora-control input[type=range]::-moz-range-thumb{box-sizing:border-box;width:32px;height:32px;border:3px solid white;border-radius:50%;background:#286645;box-shadow:0 1px 5px #153e3540}.video-lora-control input[type=range]:focus-visible{outline:3px solid #59aa7b;outline-offset:3px}.video-loras>button{min-height:44px}