:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf0f5;background:#14171c;font-family:system-ui,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:760px;padding:20px 20px calc(28px + env(safe-area-inset-bottom));margin:auto}header,.section-head,.status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}header{padding:4px 0 22px}.brand{color:inherit;font-size:25px;font-weight:750;text-decoration:none}.brand span{color:#adb5c4;margin-left:12px;font-size:14px;font-weight:400}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:#242b35;border:1px solid #414b59;border-radius:9px;min-height:44px;padding:9px 14px;font-size:14px}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #d9fc75}input,textarea{width:100%;color:inherit;background:#191e26;border:1px solid #495363;border-radius:10px;margin:7px 0 16px;padding:13px;display:block}textarea{resize:vertical;min-height:205px}label{font-size:15px}.status{color:#b9c4d3;border-bottom:1px solid #343d49;padding-bottom:12px;font-size:13px}#notice{overflow-wrap:anywhere;background:#222b2b;border-radius:9px;min-height:46px;margin:16px 0;padding:12px;font-size:14px}#notice.error{color:#ffe1dc;background:#482b2c}nav{border-bottom:1px solid #343d49;gap:12px;margin:18px 0 28px;display:flex}nav button{color:#b4c0d0;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:10px 18px}nav .active{color:#e3ff9d;border-color:#d7fb76}h1{margin:0 0 18px;font-size:22px;line-height:1.4}h2{margin:25px 0 15px;font-size:19px}.tag{color:#d7efab;background:#293321;border:1px solid #47573a;border-radius:20px;margin-bottom:18px;padding:3px 10px;font-size:12px}.primary{color:#18200e;background:#d7fb76;border-color:#d7fb76;width:100%;margin-top:10px;font-weight:700}.muted,small{color:#b4bece;font-size:14px}small{margin-top:-8px;display:block}.attachment{margin:22px 0}.attachment label span{color:#aab6c6;font-size:13px;display:block}input[type=file]{font-size:14px}#reference-list{flex-wrap:wrap;gap:9px;display:flex}#reference-list img{object-fit:cover;border-radius:8px;width:72px;height:72px}article{overflow-wrap:anywhere;background:#1d242d;border:1px solid #374352;border-radius:12px;margin:12px 0;padding:16px}article h3{margin:0 0 8px;font-size:17px}article p{white-space:pre-wrap;margin:8px 0;font-size:14px}article time{color:#a9b6c8;font-size:12px}article video{background:#101318;border-radius:8px;width:100%;max-height:70vh;margin-top:12px}article a{color:#e0ff97;margin-right:20px;padding:10px 0;display:inline-block}article button{margin-top:8px;margin-right:8px}.empty{color:#b6c0cf;border:1px dashed #485364;border-radius:10px;padding:25px 12px;font-size:14px}footer{color:#97a6b8;border-top:1px solid #343d49;margin-top:34px;padding-top:16px;font-size:12px}[hidden]{display:none!important}@media (width<=400px){main{padding:14px}h1{font-size:20px}.brand span{margin-left:0;display:block}}select{font:inherit;width:100%;color:inherit;background:#191e26;border:1px solid #495363;border-radius:10px;min-height:46px;margin:7px 0 16px;padding:12px;display:block}select:focus-visible{outline-offset:3px;outline:3px solid #d9fc75}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid>*{min-width:0}details{border:1px solid #394453;border-radius:10px;margin:16px 0;padding:12px}summary{cursor:pointer;min-height:32px;font-weight:650}details[open]>summary{margin-bottom:14px}textarea[rows="3"]{min-height:90px}textarea[rows="4"]{min-height:120px}.check{align-items:center;gap:10px;margin:12px 0;display:flex}.check input{flex:none;width:20px;height:20px;margin:0}.reference-row img,.reference-row video{object-fit:contain;max-width:100%;max-height:200px;margin-bottom:8px;display:block}.reference-row audio{width:100%}.reference-row strong{display:block}.context-text{white-space:pre-wrap;max-height:350px;font-size:14px;overflow:auto}article>img{border-radius:8px;max-width:100%;height:auto;margin-top:12px}progress{accent-color:#d7fb76;width:100%;height:12px;margin:12px 0;display:block}.error{color:#ffc7c7}nav{z-index:4;background:#14171c;justify-content:space-between;gap:0;position:sticky;top:0}nav button{flex:1;padding:10px 5px}button,select{touch-action:manipulation}#gen-files{font-size:13px}#task-list strong{color:#d9fc75;display:block}@media (width<=480px){.form-grid{gap:10px}#gen-kind,#gen-model{font-size:14px}main{padding-left:14px;padding-right:14px}input,textarea,select{font-size:16px}}#canvas-ground{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#101318;background-image:radial-gradient(#3a414d 1px,#0000 1px);background-size:22px 22px;border:1px solid #444d5d;border-radius:12px;height:60vh;min-height:360px;position:relative;overflow:hidden}#canvas-world{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.canvas-lines{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.canvas-lines path{fill:none;stroke:#7d899d;stroke-width:3px}.canvas-lines path.active{stroke:#d5fb78;stroke-width:5px}.cn{contain:layout style;background:#20262f;width:240px;height:238px;position:absolute;overflow:hidden;box-shadow:0 3px 10px #0006;border:2px solid #637087!important;border-radius:10px!important;margin:0!important;padding:0!important}.cn.selected{border-color:#d5fb78!important}.cn-title{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;background:#2a313c;height:38px;padding:8px 10px;font-size:14px;font-weight:600;overflow:hidden}.cn-preview,.cn-text{box-sizing:border-box;width:240px;height:174px}.cn-text{white-space:pre-wrap;color:#d2d9e4;padding:12px;font-size:13px;line-height:1.5;overflow:hidden}.cn-preview{background-repeat:no-repeat}.cn-state{color:#d5fb78;white-space:nowrap;text-overflow:ellipsis;height:24px;padding:4px 10px;font-size:12px;overflow:hidden}.canvas-tools{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.canvas-tools button{width:auto;min-height:44px}.canvas-tools .primary{margin:0}#canvas-sheet{z-index:40;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));overscroll-behavior:contain;background:#1c222c;border:1px solid #778292;border-radius:16px;max-width:720px;max-height:85dvh;margin:auto;padding:20px;position:fixed;overflow:auto;box-shadow:0 -20px 80px #000b}#canvas-sheet button{min-height:44px;margin:5px 8px 5px 0}#canvas-sheet textarea{width:100%}.canvas-link-row{border-bottom:1px solid #444d5d;align-items:center;gap:12px;padding:8px 0;display:flex}.canvas-link-row span{overflow-wrap:anywhere;flex:1}.danger{color:#ffb4b4}nav{flex-wrap:nowrap;overflow:auto}nav button{flex-shrink:0}