*{box-sizing:border-box}body{margin:0;background:#0d1421;color:#eaf0f8;font:14px system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid #37475b;background:#202e41;color:#f2f5fb;padding:9px 12px;border-radius:9px;cursor:pointer}button:hover{background:#304159}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#5579e7;border-color:#6f8df7;color:#fff}.primary:hover{background:#6789f8}input,select,textarea{background:#141f2e;color:#edf3ff;border:1px solid #38485c;padding:9px;border-radius:8px;max-width:100%}input[type=range]{padding:0;width:100%;accent-color:#7190ff}input[type=color]{width:54px;height:38px;padding:3px}input[type=file]{width:100%;font-size:12px}label{display:block;color:#bcc9db;font-size:12px;margin-bottom:5px}.muted{color:#96a7bf}.shell{display:grid;grid-template-rows:64px minmax(0,1fr) 155px;height:100vh;min-height:650px}.header{display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #27364b;background:#111c2b}.logo{font-weight:800;letter-spacing:-.5px;font-size:20px}.logo span{color:#90aaff}.header .right{margin-left:auto;display:flex;gap:8px;align-items:center}.header input{width:240px}.main{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;min-height:0}.side{padding:15px;overflow:auto;background:#121e2d;border-right:1px solid #2c3a4f}.side.right{border-right:0;border-left:1px solid #2c3a4f;margin-left:0}.section{border:1px solid #314055;border-radius:12px;margin-bottom:13px;overflow:hidden;background:#182638}.section h3{font-size:13px;margin:0;padding:13px;border-bottom:1px solid #304054;letter-spacing:.1px}.section .content{padding:12px;display:grid;gap:12px}.buttons{display:flex;flex-wrap:wrap;gap:7px}.buttons>*{flex:1}.tab{flex:1;font-size:12px;padding:10px 4px}.tab.active{background:#536edf;border-color:#8295ff}.viewport{position:relative;background:#dce0e5;min-height:0}.viewport canvas{display:block;width:100%;height:100%}.floatbar{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:6px;background:#142032ed;border-radius:12px;box-shadow:0 12px 30px #0002}.floatbar button{padding:8px}.hint{position:absolute;bottom:15px;left:15px;color:#f6f8ff;background:#142032bd;border-radius:9px;padding:9px 12px;font-size:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:9px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tick{display:flex;gap:8px;align-items:center;color:#e7edf7;font-size:13px}.tick input{accent-color:#7990fa}.timeline{background:#111b29;border-top:1px solid #304054;padding:12px 20px}.timeline-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.timeline input[type=range]{flex:1}.track{height:35px;background:#22324a;border-radius:9px;position:relative;overflow:hidden}.track:before{content:'';position:absolute;left:0;right:0;top:13px;height:8px;background:#627eeb;border-radius:6px}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.status{font-size:12px;color:#afc1d5}.modalwrap{position:fixed;inset:0;background:#050b14c9;z-index:20;display:flex;align-items:center;justify-content:center;padding:15px}.modal{width:min(490px,100%);background:#182638;border:1px solid #3b4c63;border-radius:17px;padding:24px;box-shadow:0 30px 80px #0009}.modal h2{margin:0 0 15px}.modal .stack{display:grid;gap:12px}.modal input{width:100%}.hidden{display:none}.divider{border:0;border-top:1px solid #304054}.gallery{display:grid;gap:7px;max-height:280px;overflow:auto}.projectitem{width:100%;text-align:left}.projectitem small{display:block;color:#a8b8cc;margin-top:4px}.notice{padding:10px;border-radius:8px;background:#243953;color:#dce7fc;font-size:12px;line-height:1.55}.thumb{width:100%;max-height:125px;object-fit:contain;background:#101925;border-radius:8px}.exportProgress{height:7px;background:#233449;border-radius:10px;overflow:hidden}.exportProgress div{height:100%;background:#718df0;width:0}.bottomNote{font-size:11px;color:#aab9ca;line-height:1.5}@media(max-width:1100px){.main{grid-template-columns:240px minmax(0,1fr) 270px}.header input{width:160px}}@media(max-width:760px){.shell{height:auto;min-height:100vh;grid-template-rows:auto auto auto}.header{padding:10px;flex-wrap:wrap}.header .right{margin-left:0;width:100%;flex-wrap:wrap}.header input{flex:1;min-width:90px}.main{display:flex;flex-direction:column}.viewport{height:53vh;min-height:330px;order:0}.side{order:1;overflow:visible;border:0;border-top:1px solid #2c3a4f}.side.right{order:2;border-left:0}.timeline{order:3}.floatbar{top:8px}.hint{font-size:10px}}