:root{color-scheme:dark;--bg:#0b1020;--panel:#11192b;--panel2:#151f34;--line:#26344b;--muted:#8496b5;--txt:#edf3ff;--blue:#79a7ff;--cyan:#69dfdf;--green:#72d5a7;--red:#fc938f;--amber:#f5cb79;--shadow:0 10px 35px #03091535;font-family:Inter,"SF Pro Display","Noto Sans TC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 13% -10%,#22335490,transparent 33rem),radial-gradient(circle at 100% 30%,#103b5155,transparent 30rem),var(--bg);color:var(--txt);font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #77a7ff;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue)}.hidden{display:none!important}.shell{max-width:1460px;margin:auto;padding:0 30px 26px}.topbar{min-height:99px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:13px}.brand-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#536af033,#2edec733);border:1px solid #83a6ff55;color:#b0cbff;font-size:31px;line-height:1}.brand-eyebrow,.overline{font-size:10px;letter-spacing:1.8px;color:#7e96c0;font-weight:750}.brand-name{font-size:25px;letter-spacing:.2px;font-weight:850;line-height:1.27}.brand-name span{color:#8fb9ff}.header-right{display:flex;align-items:center;gap:14px}.env-label{font-size:12px;color:#bfd0e9;padding:9px 11px;border-radius:9px;background:#18243a;border:1px solid #314563;white-space:nowrap}.live-dot{display:inline-block;background:#f1cc7f;width:7px;height:7px;border-radius:50%;margin-right:7px;box-shadow:0 0 8px #ffcc6990}.notice{display:flex;gap:14px;background:#151f32;border:1px solid #30425d;border-left:3px solid #6d9fed;color:#bdcde5;border-radius:12px;padding:13px 18px;margin:19px 0 22px;font-size:12px;line-height:1.7}.notice strong{color:#ebf3ff}.notice b{color:#a7c4ff}.notice-symbol{font-size:17px;color:#a7c4ff}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:20px;align-items:start}.left-column,.right-column{min-width:0;display:grid;gap:20px}.panel{background:linear-gradient(180deg,#151f31,#101829);border:1px solid #2b3951;border-radius:16px;padding:19px;box-shadow:var(--shadow)}.panel-title-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:15px}.panel h2{margin:4px 0 0;font-size:17px;letter-spacing:.1px;font-weight:760}.dim{color:#586a88}.count-label,.tiny-tag,.direction-meta{color:#8fa5c6;font-size:11px;white-space:nowrap}.tiny-tag{background:#22304a;border-radius:8px;padding:5px 8px}.action-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.action-button{border:1px solid #324158;background:#19253a;border-radius:10px;min-height:67px;padding:10px 5px;display:grid;gap:4px;align-content:center;color:#98abc6;position:relative;text-align:center}.action-button span:first-child{font-weight:700;font-size:12px}.action-button small{font-size:10px;color:#7287a3}.action-button.active{background:#193458;border-color:#80aeff;color:#e3f0ff;box-shadow:inset 0 0 0 1px #709cff55}.action-button.active small{color:#9ee0c5}.action-button.locked{opacity:.57}.action-button.locked:after{content:'·';position:absolute;right:8px;top:2px;font-size:13px;color:#667b99}.stage-title-row{margin-bottom:14px}.mode-tabs{display:flex;background:#11192a;border:1px solid #31405a;border-radius:9px;padding:3px;gap:3px;white-space:nowrap}.mode-tab{background:none;border:none;color:#8a9ebc;border-radius:7px;padding:6px 10px;font-size:11px}.mode-tab.active{background:#335581;color:#fff}.canvas-wrap{position:relative;max-width:580px;width:100%;margin:auto}.stage-back{aspect-ratio:1/1;overflow:hidden;position:relative;border-radius:13px;border:1px solid #486084;display:grid;place-items:center;box-shadow:inset 0 0 60px #0005;transition:background .2s;cursor:crosshair}.stage-back.checker{background-color:#1d293b;background-image:linear-gradient(45deg,#263449 25%,transparent 25%),linear-gradient(-45deg,#263449 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#263449 75%),linear-gradient(-45deg,transparent 75%,#263449 75%);background-position:0 0,0 13px,13px -13px,-13px 0;background-size:26px 26px}.stage-back.dark{background:#0b1020}.stage-back.light{background:#f3f5f9}#stageCanvas{display:block;width:100%;height:100%;touch-action:manipulation}.frame-badge,.view-badge{position:absolute;pointer-events:none;background:#07101cba;border:1px solid #a8bfe02b;backdrop-filter:blur(7px);border-radius:8px;color:#dce8ff}.frame-badge{top:13px;left:13px;padding:5px 10px;font-weight:850;font-size:18px;font-variant-numeric:tabular-nums}.frame-total{font-size:11px;color:#92a8c5;font-weight:600;margin-left:3px}.view-badge{top:15px;right:13px;padding:5px 9px;font-size:11px;letter-spacing:1px;color:#b7cde9}.loading-overlay{position:absolute;inset:0;background:#111b2be9;border-radius:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;z-index:3;text-align:center;font-size:13px;color:#d8e6ff}.loading-overlay span{font-size:11px;color:#8da2be}.spinner{width:29px;height:29px;border:3px solid #4b6190;border-right-color:#9cc0fa;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-caption{display:flex;justify-content:space-between;gap:8px;color:#7991b3;font-size:10px;margin:11px 3px 8px;flex-wrap:wrap}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.overview-item{border:1px solid #30435e;background:#111a2b;border-radius:10px;color:#b6c8e5;padding:7px;display:grid;gap:3px}.overview-item.active{border-color:#8cb9ff;background:#1e3453}.overview-item canvas{width:100%;aspect-ratio:1;display:block;background:#1d293a;border-radius:6px}.overview-item strong{font-size:11px}.overview-item span{font-size:10px;color:#7d97b6}.transport{display:flex;align-items:center;gap:9px}.round-control{width:37px;height:37px;flex:none;display:grid;place-items:center;border:1px solid #3c5270;border-radius:10px;color:#cadcff;background:#19263d;font-size:18px}.round-control:hover,.btn-outline:hover{background:#273b5c}.play-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:112px;height:38px;padding:0 17px;background:#7aafff;color:#091c36;font-weight:850;border:0;border-radius:10px}.play-button:hover{background:#9fc8ff}.transport-hint{margin-left:auto;font-size:12px;color:#778fab;white-space:nowrap;font-variant-numeric:tabular-nums}.transport-hint strong{color:#d6e3f7}.timeline-wrap{padding:10px 2px 5px}.timeline{width:100%;height:5px;accent-color:#90b8ff;cursor:pointer;display:block}.timeline-marks{display:flex;justify-content:space-between;color:#647a99;font-size:10px;margin-top:6px}.thumbnail-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:13px}.timeline-thumb{border:1px solid #2b3f5c;border-radius:8px;padding:3px;background:#172237;color:#8fa5c7}.timeline-thumb canvas{width:100%;display:block;aspect-ratio:1}.timeline-thumb.active{border-color:#84b4ff}.timeline-thumb small{display:block;font-size:9px;text-align:center}.toolbox{border-top:1px solid #283851;padding-top:15px;display:grid;grid-template-columns:1fr 1fr minmax(95px,.8fr);gap:15px 14px}.tool-group{min-width:0}.tool-group label{font-size:11px;color:#9ab0cf;display:flex;justify-content:space-between;margin-bottom:7px;gap:7px}.tool-group label strong{color:#deebff}.tool-group input[type=range]{width:100%;accent-color:#8ab4fb}.tool-group select{background:#1a293e;color:#dbe8fc;border:1px solid #3c4f6b;border-radius:7px;width:100%;height:29px;padding:0 8px;font-size:11px}.switches{grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap}.switches .switch-line{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0;color:#a5b9d4;cursor:pointer}.switch-line input{accent-color:#83b1ff}.dir-layout{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center}.dir-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dir-btn{border:1px solid #3a4e6b;border-radius:9px;background:#1b2a43;color:#d1dff5;min-height:52px;display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column}.dir-btn small{font-size:9px;color:#91a7c5}.dir-btn strong{font-size:13px}.dir-btn.selected{background:#25456c;border-color:#8ab6ff;color:#fff;box-shadow:inset 0 0 0 1px #83afff44}.dir-btn .dir-dot{position:absolute;transform:translate(22px,-13px);width:6px;height:6px;border-radius:100%;background:#7d94b5}.dir-btn .dir-dot.pass{background:var(--green)}.dir-btn .dir-dot.fail{background:var(--red)}.dir-pad-center{border:1px dashed #2f425d;background:#121d30;border-radius:9px;display:grid;place-items:center;color:#4e6180;font-size:17px}.dir-help{font-size:12px;color:#93a8c5;line-height:1.8}.dir-help strong{font-size:13px;color:#dce7f7}.dir-help p{margin:4px 0 9px}.btn{border-radius:9px;border:1px solid transparent;padding:10px 12px;font-size:12px;font-weight:690}.btn-outline{color:#cce1ff;background:#1c2d48;border-color:#3c5679}.btn.small{padding:9px 13px}.btn-text{background:transparent;color:#8197b4;border:none;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.btn-primary{background:#80b1ff;color:#0c203a}.btn-primary:hover{background:#a0c6ff}.full{width:100%}.current-target{display:flex;align-items:center;gap:11px;padding:13px;background:#192940;border:1px solid #2d486c;border-radius:11px}.current-target-icon{height:35px;width:35px;display:grid;place-items:center;border-radius:9px;background:#294c7a;color:#bdd7ff;font-size:21px}.current-target div:nth-child(2){display:flex;flex-direction:column;gap:1px;min-width:0}.current-target div:nth-child(2) span{font-size:10px;color:#8ea4c3}.current-target div:nth-child(2) strong{font-size:13px;white-space:nowrap}.review-indicator{margin-left:auto;font-size:10px;padding:5px 8px;border-radius:8px;white-space:nowrap}.review-indicator.pending{background:#2d3546;color:#b4c1d6}.review-indicator.pass{background:#153e36;color:#8ce0ba}.review-indicator.fail{background:#4a2933;color:#ffaea7}.qa-intro{font-size:11px;color:#93a6c3;margin:15px 0;line-height:1.85}.criteria-list{display:grid;gap:8px}.criterion{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 11px;background:#172236;border:1px solid #283951;border-radius:9px}.criterion-left{min-width:0}.criterion-name{font-size:12px;font-weight:740;color:#e4ecf9}.criterion-desc{margin-top:2px;font-size:10px;color:#879bb9}.criterion-buttons{display:flex;gap:5px}.criterion-buttons button{border:1px solid #3b4e6b;border-radius:7px;min-width:35px;height:31px;background:#20304a;color:#a4b7d1;font-size:13px}.criterion-buttons button.good.active{background:#17453b;border-color:#56ad89;color:#aaf5ce}.criterion-buttons button.bad.active{background:#4c2e37;border-color:#be7078;color:#ffd0ca}.criterion-buttons button.unknown.active{background:#334360;border-color:#607da4;color:#d6e6ff}.overall-verdict{border-top:1px solid #30405a;margin-top:15px;padding-top:14px}.overall-verdict>span{font-size:11px;color:#b5c8e3}.verdict-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:9px}.verdict{padding:10px 5px;border:1px solid #375074;border-radius:8px;background:#1c2b43;color:#bdcde3;font-size:11px;white-space:nowrap}.verdict.pass.selected{background:#1e5344;border-color:#75dcae;color:#c5fbe2}.verdict.fail.selected{background:#643640;border-color:#ff9e96;color:#ffdcda}.verdict.pending.selected{background:#34445d;border-color:#b0c5e0;color:#fff}.field-label{font-size:12px;color:#ccdcf1;font-weight:650;display:block;margin:8px 0}.feedback-panel textarea{display:block;width:100%;resize:vertical;min-height:100px;background:#101a2c;border:1px solid #3b4d66;border-radius:9px;color:#e9f1ff;padding:12px;line-height:1.7;font-size:12px}.feedback-panel textarea::placeholder{color:#6d829f}.note-detail{display:flex;justify-content:space-between;gap:8px;color:#7e95b3;font-size:10px;margin:9px 0 17px}.issue-location{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:0 0 12px}.issue-location strong{font-size:12px}.issue-location span{color:#8399b7;font-size:10px;text-align:right}.markers-list{display:grid;gap:6px}.empty-state{border:1px dashed #35445d;border-radius:8px;text-align:center;padding:17px;color:#8296b4;font-size:11px}.marker-item{display:flex;align-items:center;gap:7px;background:#1c2940;border-radius:8px;border:1px solid #364863;padding:8px}.marker-item .marker-num{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#ebac5f;color:#172032;font-weight:850;font-size:10px}.marker-item input{flex:1;min-width:0;background:#131f33;border:1px solid #3a4c66;color:#e5f0ff;border-radius:6px;padding:7px;font-size:11px}.marker-item .marker-frame{font-size:10px;color:#94aac7;white-space:nowrap}.marker-item button{border:0;background:transparent;color:#fa9a99;font-size:17px}.progress-rows{display:grid;gap:6px}.progress-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #2e3e57;border-radius:8px;background:#1a283d;padding:9px 11px;font-size:11px;color:#c1d1e9;cursor:pointer}.progress-row:hover{background:#223553}.progress-row .name{font-weight:750}.progress-row .status.pass{color:#80d9b5}.progress-row .status.fail{color:#ffa29d}.progress-row .status.pending{color:#91a5c3}.summary-buckets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.summary-buckets div{padding:13px 5px;text-align:center;background:#17253b;border:1px solid #30435c;border-radius:9px}.summary-buckets strong{font-size:25px;display:block;line-height:1.2;font-variant-numeric:tabular-nums}.summary-buckets span{font-size:11px;color:#92a8c6}.summary-buckets div:nth-child(1) strong{color:#81d6b0}.summary-buckets div:nth-child(2) strong{color:#ff9c98}.summary-buckets div:nth-child(3) strong{color:#abbcd8}.import-line{padding:11px;text-align:center}.import-trigger{font-size:12px;color:#a8c8fc;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.privacy-note{font-size:10px;color:#7f92af;line-height:1.8;margin:3px 0 0}.footer{padding:26px 0 5px;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.35px;color:#637894}.toast{position:fixed;bottom:max(23px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:min(90vw,500px);background:#243c5b;border:1px solid #5b88bd;box-shadow:0 12px 38px #0009;color:#eaf5ff;padding:12px 18px;border-radius:11px;text-align:center;z-index:10;font-size:12px;line-height:1.6}
@media(min-width:1200px){.layout{grid-template-columns:minmax(0,1.53fr) minmax(370px,1fr)}}
@media(max-width:1040px){.shell{padding:0 18px 22px}.layout{grid-template-columns:minmax(0,1.38fr) minmax(300px,1fr);gap:12px}.left-column,.right-column{gap:12px}.panel{padding:14px}.action-list{grid-template-columns:repeat(5,1fr);gap:5px}.action-button{min-height:61px}.dir-layout{grid-template-columns:165px 1fr;gap:11px}.toolbox{gap:12px}.criterion{grid-template-columns:minmax(0,1fr);gap:7px}.criterion-buttons{justify-content:flex-start}.criterion-buttons button{min-width:44px}}
@media(max-width:760px){.shell{padding:0 12px 15px}.topbar{min-height:76px}.brand-icon{width:37px;height:37px;border-radius:11px;font-size:25px}.brand-eyebrow{font-size:8px;letter-spacing:1px}.brand-name{font-size:20px}.header-right .btn{display:none}.env-label{padding:6px 8px;font-size:10px}.notice{padding:11px;margin:12px 0 14px;font-size:11px;gap:9px}.layout{display:flex;flex-direction:column;gap:13px}.left-column,.right-column{display:contents}.action-panel{order:0;width:100%}.stage-panel{order:1;width:100%}.direction-panel{order:2;width:100%}.qa-panel{order:3;width:100%}.feedback-panel{order:4;width:100%}.progress-panel{order:5;width:100%}.panel{padding:14px}.panel h2{font-size:16px}.action-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.action-button{padding:7px 3px;min-height:57px}.action-button span:first-child{font-size:11px}.action-button small{font-size:9px}.stage-title-row{align-items:flex-start}.stage-title-row h2{font-size:15px}.mode-tabs{margin-top:4px}.mode-tab{padding:5px 7px;font-size:10px}.canvas-wrap{max-width:510px}.toolbox{grid-template-columns:1fr 1fr}.tool-group.short{grid-column:1}.dir-layout{grid-template-columns:200px 1fr}.footer{flex-direction:column;gap:3px}.criterion{grid-template-columns:minmax(0,1fr) auto}.criterion-buttons button{min-width:37px}}
@media(max-width:400px){.brand-name{font-size:18px}.brand-eyebrow{font-size:7px}.env-label{font-size:9px}.dir-layout{grid-template-columns:155px 1fr}.dir-btn{min-height:43px}.action-list{gap:3px}.action-button span:first-child{font-size:10px}.action-button small{font-size:8px}.mode-tab{font-size:9px}.play-button{min-width:90px}.transport{gap:6px}.round-control{width:33px;height:35px}.transport-hint{font-size:10px}.criterion{padding:9px}.criterion-desc{font-size:9px}.criterion-buttons button{min-width:33px}}
@media print{body{background:#fff;color:#111}.topbar,.notice,.action-panel,.player-controls,.toolbox,.direction-panel,.buttons,.footer,.progress-panel,.btn,.mode-tabs{display:none!important}.layout{display:block}.panel{border:1px solid #777;box-shadow:none}.qa-panel,.feedback-panel{margin-top:15px}.current-target,.criterion,.overall-verdict,.feedback-panel textarea{color:#111;background:#fff}}