:root{color-scheme:dark;--bg:#0c1218;--panel:#141d25;--line:#27333c;--muted:#8b9daa;--white:#e8f1f4;--accent:#a3efcf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:14px 'Avenir Next','PingFang TC',sans-serif}header{height:104px;display:flex;align-items:center;gap:23px;border-bottom:1px solid var(--line);max-width:1480px;margin:auto;padding:0 40px}.brand{font-size:44px;letter-spacing:-8px;color:var(--white);text-decoration:none;font-weight:700}.brand span{color:var(--accent)}h1{font-size:21px;letter-spacing:3px;margin:0 0 7px;font-weight:500}header p{font-size:10px;letter-spacing:2.4px;color:var(--muted);margin:0}.edition{margin-left:12px;color:var(--accent)}.status{margin-left:auto;font-size:10px;letter-spacing:1.8px;color:var(--muted)}.status i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}main{max-width:1480px;margin:0 auto;padding:30px 40px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px}.workspace{min-width:0}.viewer-head{height:35px;display:flex;gap:22px;align-items:flex-start;font-size:11px;color:var(--muted)}.eyebrow{letter-spacing:1.6px;color:var(--accent);font-size:9px}.viewer-head button{margin-left:auto;margin-top:-4px;padding:4px 10px}.viewport{position:relative;aspect-ratio:960/660;background:#172c36;border:1px solid #354750;border-radius:3px;overflow:hidden}.viewport iframe{border:0;width:100%;height:100%;display:block}.viewer-caption{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;font-size:11px;letter-spacing:1px;color:#d9e6e8;text-shadow:0 1px 5px #000}.viewer-caption span+span{font-size:9px;color:#a5c2c8}button,.import{cursor:pointer;font:inherit;color:inherit;border:1px solid var(--line);background:transparent;border-radius:3px}button:hover,.import:hover{border-color:#709083;background:#1c2c30}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.transport{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.transport button{font-size:11px;min-width:74px;height:30px}.transport input[type=range]{flex:1;min-width:30px}.transport span{font-size:10px;color:var(--muted);min-width:85px;font-variant-numeric:tabular-nums}.loop{font-size:10px;white-space:nowrap;color:var(--muted)}input[type=range]{appearance:none;height:3px;background:#34464f;border-radius:5px;accent-color:var(--accent);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent)}input[type=checkbox]{accent-color:var(--accent);vertical-align:middle}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 12px}.metrics div{padding:0 20px;border-right:1px solid var(--line)}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics span{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.metrics strong{font-size:22px;font-weight:400;font-variant-numeric:tabular-nums}.footnote{color:#657d8b;font-size:10px}aside{padding-left:23px;border-left:1px solid var(--line)}.panel-label{font-size:11px;letter-spacing:1.5px;display:flex;justify-content:space-between;margin:6px 0 15px}.panel-label span{color:#718996;font-size:10px}.presets{display:grid;gap:5px}.presets button{display:flex;align-items:center;text-align:left;padding:10px 9px;gap:13px;border-color:transparent;min-height:48px}.presets b{font-size:10px;font-weight:400;color:#64818e}.presets span{font-size:12px;letter-spacing:.5px}.presets small{display:block;font-size:9px;color:#8399a4;margin-top:4px}.presets i{font-style:normal;margin-left:auto;opacity:0}.presets .selected{border-color:#41645b;background:#1a302d}.presets .selected b,.presets .selected i{color:var(--accent);opacity:1}.parameters{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.control{display:block;font-size:11px;color:#b8c8d0;margin:17px 0}.control output{float:right;color:var(--accent);font-size:10px}.control input{display:block;width:100%;margin-top:13px}.toggles{display:flex;gap:5px 14px;flex-wrap:wrap;margin-top:24px;font-size:10px;color:var(--muted)}.actions{display:flex;gap:8px;margin-top:24px}.actions>*:not(input){padding:9px;font-size:10px;flex:1;text-align:center}#message{font-size:10px;color:#7e96a4;line-height:1.9;margin-top:14px}footer{max-width:1480px;margin:0 auto;padding:22px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#526d7c;font-size:9px;letter-spacing:1.8px}@media(min-width:1500px){main{padding-top:40px}}@media(max-width:900px){header{padding:0 20px;height:85px}main{padding:20px;grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line);padding:20px 0}.presets{grid-template-columns:repeat(2,1fr)}.metrics div{padding:0 12px}.metrics strong{font-size:18px}footer{padding:20px}.status{font-size:8px}.transport{gap:8px}footer span:last-child{display:none}}

.library-filters{display:grid;gap:9px}.library-filters label{font-size:10px;color:var(--muted)}.library-filters select,.library-filters input{width:100%;min-width:0;border:1px solid var(--line);border-radius:3px;background:#101a23;color:var(--white);font:inherit;font-size:11px;padding:10px}.library-filters input::placeholder{color:#718996}.list-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin:12px 0 8px}.list-meta button{padding:4px 10px;margin-left:4px}.presets{max-height:300px;overflow:auto;scrollbar-width:thin;scrollbar-color:#41645b transparent}.presets button[hidden]{display:none}.presets small{line-height:1.5;letter-spacing:0}.presets b{font-variant-numeric:tabular-nums}.presets button{width:100%;gap:10px}#effect-detail{border-top:1px solid var(--line);padding-top:15px;margin-top:12px}#effect-category{color:var(--accent);font-size:9px;letter-spacing:1px}#effect-title{font-size:15px;font-weight:500;margin:8px 0}#effect-usecase{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.parameters{margin-top:18px;padding-top:16px}.viewer-head{gap:12px}.viewer-head #scene-label{margin-right:auto;color:var(--white)}.viewer-head button{margin-left:0;white-space:nowrap}button:disabled{opacity:.35;cursor:default}.toggles label:has(input:disabled){opacity:.4}main{grid-template-columns:minmax(0,1fr) 300px}.control{margin:14px 0}aside{min-width:0}@media(max-width:1000px){main{grid-template-columns:1fr}.presets{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.viewer-head .eyebrow{display:none}aside{border-left:0;border-top:1px solid var(--line);padding:20px 0}}@media(max-width:500px){.presets{grid-template-columns:1fr}.viewer-head{font-size:10px}.viewer-head button{font-size:9px;padding:4px 5px}.metrics strong{font-size:15px}.viewer-caption span+span{display:none}}

.gallery-link{display:block;color:var(--accent);font-size:11px;margin:-1px 0 16px;text-decoration:none}.gallery-link:hover{text-decoration:underline}