:root{--bg:#f5f3eb;--bg-stage:#eae6d9;--panel:#fffef9;--panel-2:#f2f0e6;--panel-3:#eae7d9;--border:#e2dfd1;--border-strong:#cbcbb6;--ink:#384635;--ink-soft:#68735f;--ink-faint:#798171;--accent:#697d59;--accent-dark:#4d6341;--accent-soft:#e9eedf;--accent-glow:transparent;--danger:#a55444;--track-action:#8eaa7e;--track-emotion:#d2b278;--track-dialogue:#b99aab;--track-scene:#88a9a4;--track-audio:#bda079;--shadow-sm:0 2px 6px #635f4810;--shadow-md:0 5px 20px #635f4812;--shadow-lg:0 20px 60px #635f4826;--radius-sm:8px;--radius-md:12px;--radius-lg:18px}
body{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:13px}body:after{display:none}button{text-transform:none;letter-spacing:0;min-height:34px;font-size:12px}button:hover:not(:disabled){box-shadow:none;text-shadow:none;background:#e9eedf}button.primary{background:#697d59;color:#fffdf4;border-color:#697d59;box-shadow:none;text-shadow:none}button.primary:hover:not(:disabled){background:#4d6341;box-shadow:none;color:white}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #8c9d73;outline-offset:3px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #91a07e30}::-webkit-scrollbar-thumb{border-radius:8px}::-webkit-scrollbar-thumb:hover{box-shadow:none}
.app{grid-template-rows:auto auto minmax(300px,1fr) 245px;grid-template-columns:224px minmax(240px,1fr) 282px;grid-template-areas:"top top top" "guide guide guide" "left center right" "timeline timeline timeline";gap:0;background:var(--bg)}
.topbar{min-height:70px;flex-wrap:wrap;padding:12px 20px;gap:9px;border-bottom:1px solid var(--border);box-shadow:none}.topbar .brand{color:var(--ink);font-size:16px;letter-spacing:0;text-shadow:none}.topbar .brand .logo{background:#e8ecd9;box-shadow:none;border-radius:10px;width:32px;height:32px}.home-link{color:var(--ink-soft);font-size:12px;text-decoration:none;padding:8px 12px;border:1px solid var(--border);border-radius:8px;white-space:nowrap}.home-link:hover{background:var(--accent-soft)}.topbar .project-name{width:165px;font-weight:500;border:1px solid var(--border);background:var(--bg)}.topbar .save-status .dot{box-shadow:none}.topbar .ratio-select{color:var(--ink)}
.cat-days-guide{grid-area:guide;display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:14px 22px;background:#eeefe2;border-bottom:1px solid var(--border)}.cat-days-guide>div:first-child{flex:1}.cat-days-guide strong{font-family:Georgia,"Songti SC",serif;display:block;font-weight:500;font-size:18px;margin-bottom:5px}.cat-days-guide span{font-size:12px;color:var(--ink-soft);line-height:1.7}.cat-days-guide button{background:transparent}.guide-details{flex-basis:100%;border-top:1px solid #d7dcc9;padding-top:9px;line-height:1.9;font-size:13px;color:var(--ink-soft)}
.left-panel,.right-panel{background:var(--panel);min-width:0}.left-panel .tabs{grid-template-columns:repeat(3,1fr);gap:6px;padding:12px}.left-panel .tabs button{font-size:12px;min-height:34px;border-radius:8px}.left-panel .tabs button.active,.category-chips button.active{box-shadow:none;text-shadow:none;background:#e5ead9;color:#45573d;border-color:#a5b28f}.asset-card{border-radius:12px;margin-bottom:8px;box-shadow:none!important;padding:10px}.asset-card:hover{box-shadow:none!important;background:#f1f3e8}.asset-card .thumb{background:#f0ebdf;border-radius:9px}.asset-card .name{font-size:13px}.asset-card .hint,.empty-hint{line-height:1.65}.asset-card .dbl{color:var(--ink-soft);background:#e9eddc}.center-panel{background:#e9e5d7;min-width:0}.stage-wrap canvas{border-radius:12px;box-shadow:0 8px 28px #68644724}.prop-group{padding:17px}.prop-group h3{color:var(--ink);font-size:13px;text-transform:none;letter-spacing:.03em}.prop-row label{color:var(--ink-soft)}.dialog-overlay{background:#343d3066;backdrop-filter:blur(5px)}.dialog{background:var(--panel);border-radius:18px;border-color:var(--border);max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg)}.dialog h2{color:var(--ink);text-shadow:none}.timeline-panel{border-top:1px solid var(--border)}.timeline-toolbar{gap:9px;padding:9px 14px}.timeline-toolbar .hint-text{color:var(--ink-soft)}.track-labels .label{font-size:12px}.clip{color:#293727!important;text-shadow:none!important;border-radius:6px;box-shadow:none!important;border:1px solid #52664730}.clip.selected{outline:2px solid #526647;outline-offset:1px}.playhead{background:#9b654d;box-shadow:none}.ruler .tick{color:var(--ink-soft)}.progress-bar>div{background:#8da37b}.toast{border-radius:12px;box-shadow:var(--shadow-md)}
@media(max-width:1100px){html,body,#root{height:auto;min-height:100%;overflow:auto}.app{height:auto;min-height:100vh;grid-template-columns:210px minmax(0,1fr);grid-template-rows:auto auto 440px auto auto;grid-template-areas:"top top" "guide guide" "left center" "timeline timeline" "right right"}.right-panel{display:flex;flex-wrap:wrap;overflow:visible;border-top:1px solid var(--border)}.right-panel>.prop-group{flex:1;min-width:260px}.timeline-panel{height:260px}.topbar .spacer{display:none}.topbar .save-status{margin-left:auto}.center-panel{min-height:380px}}
@media(max-width:620px){.app{display:flex;flex-direction:column}.topbar{padding:12px;gap:8px}.topbar .brand{font-size:15px;flex-basis:calc(100% - 105px)}.topbar .project-name{width:calc(100% - 88px)}.topbar .save-status{font-size:11px}.cat-days-guide{padding:14px}.cat-days-guide strong{font-size:17px}.cat-days-guide span{display:block;max-width:300px}.center-panel{order:3;height:350px;min-height:350px}.left-panel{order:4;max-height:310px;border-bottom:1px solid var(--border)}.left-panel .content{overflow:auto}.left-panel .tabs{grid-template-columns:repeat(5,1fr);padding:8px}.timeline-panel{order:5;min-height:270px;overflow:hidden}.right-panel{order:6;display:block}.right-panel>.prop-group{min-width:0}.timeline-toolbar{flex-wrap:wrap}.hint-text{display:none}.stage-wrap{min-width:0}.dialog{padding:20px}.prop-row{gap:8px}}
/* Keep every timeline track reachable on short laptop screens, including with help expanded. */
@media(min-width:1101px){html,body,#root{height:auto;min-height:100%;overflow:auto}.app{height:auto;min-height:100vh;grid-template-rows:auto auto minmax(380px,1fr) 245px}}
.stage-wrap{background:#e9e5d7;box-shadow:0 8px 28px #68644724}.stage-hud{background:#fffdf3ed;border-color:var(--border);border-radius:20px;box-shadow:var(--shadow-sm)}.stage-hud .hud-time{color:var(--ink);text-shadow:none}.stage-hud button.play-btn{box-shadow:none;color:white}.stage-ratio-badge{color:var(--ink-soft);background:#fffdf3e6;border-radius:6px;text-shadow:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}