2 lines
2.7 KiB
CSS
2 lines
2.7 KiB
CSS
:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.45;color:#eef3ff;background:#0d1119}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,#23385c,#0d1119 45%,#070a11)}.app-shell{width:min(95vw,1440px);margin:0 auto;min-height:100vh;padding:18px 0 22px;display:grid;gap:14px}.topbar{padding:0 4px}.topbar h1{margin:0;font-size:26px;letter-spacing:.2px}.topbar p{margin:4px 0 0;color:#9db1d4}.content-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;align-items:start}.left-column{display:grid;gap:12px}.card{background:#0c1423d1;border:1px solid rgba(116,156,212,.25);border-radius:12px;box-shadow:0 10px 28px #0000003d}.player{overflow:hidden}.preview-canvas{width:100%;aspect-ratio:16 / 9;min-height:260px}.player-bar{border-top:1px solid rgba(124,166,225,.2);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.status-text{color:#9fb4d8;font-size:12px}.player-actions{display:flex;gap:8px}.editor-shell{padding:10px;display:grid;gap:10px}.effect-manager{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;align-items:center}.effect-tab,button{border:none;border-radius:8px;color:#eaf2ff;background:linear-gradient(90deg,#2f67b3,#2f8dc1);padding:8px 12px;cursor:pointer;font:inherit;white-space:nowrap}.effect-tab{background:#2d3e5d;border:1px solid rgba(132,168,221,.24)}.effect-tab.active{background:#f39a34;color:#141a27;font-weight:700;border-color:transparent}.effect-actions{margin-left:auto;display:flex;gap:8px}button:hover{filter:brightness(1.08)}button.secondary{background:#1a273d;border:1px solid rgba(132,168,221,.24)}button.small{padding:7px 10px}button:disabled{opacity:.45;cursor:not-allowed}.field{display:grid;gap:6px}.field span{color:#a6bddf;font-size:12px}.shader-editor textarea{width:100%;min-height:320px;resize:vertical}.editor-actions{display:flex;gap:8px;justify-content:flex-end}.right-column{padding:14px;display:grid;gap:10px}.right-column h3{margin:0}input,select,textarea{border:1px solid rgba(126,165,221,.32);border-radius:8px;color:#ecf2fd;background:#101d32e6;padding:8px;font:inherit}.slider-row{display:grid;grid-template-columns:64px 1fr 56px;align-items:center;gap:10px}.slider-row strong{text-align:right;color:#bad2f4;font-size:12px}.channel-panel{margin-top:6px;display:grid;gap:8px}.channel-panel h4{margin:0;font-size:14px;color:#c5d9f5}.channel-row{display:grid;grid-template-columns:78px 1fr auto auto;align-items:center;gap:8px}.channel-row span{color:#a6bddf;font-size:12px}.channel-row small{color:#8ea6ca;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}@media (max-width: 1100px){.content-grid{grid-template-columns:1fr}.preview-canvas{min-height:220px}}
|