*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{background:#e2e8f0;color:#334155;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}button,input,select{font:inherit}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.design-stage{display:flex;align-items:center;justify-content:center;transform-origin:center center}.pen-frame{-webkit-user-select:none;user-select:none}.pen-text{display:inline-block;flex-shrink:0}.pen-icon{color:currentColor}.pen-clickable{cursor:pointer}.pen-clickable:focus-visible,.pen-native-control:focus-visible{outline:2px solid #1e6ae1;outline-offset:2px}.pen-scroll{overflow:auto;scrollbar-width:none}.pen-scroll::-webkit-scrollbar{display:none}.pen-native-control::placeholder{color:#94a3b8;opacity:1}.pen-native-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast-host{position:fixed;top:24px;right:24px;width:min(390px,calc(100vw - 48px));z-index:20;filter:drop-shadow(0 12px 24px rgb(15 23 42 / 12%))}.version-strip{position:fixed;top:24px;left:50%;z-index:18;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 48px);padding:8px 10px;border:1px solid #dbe4ef;border-radius:8px;background:#fffffff0;box-shadow:0 12px 24px #0f172a1a;transform:translate(-50%)}.version-strip__label{color:#64748b;font-size:13px;font-weight:600;white-space:nowrap}.version-chip{min-width:72px;height:30px;border:1px solid #dbe4ef;border-radius:7px;background:#f8fafc;color:#334155;cursor:pointer;font-size:13px;font-weight:600}.version-chip--active{border-color:#1e6ae1;background:#1e6ae1;color:#fff}.version-chip:focus-visible{outline:2px solid #1e6ae1;outline-offset:2px}.version-diff-strip{position:fixed;left:50%;bottom:24px;z-index:18;display:inline-flex;align-items:center;gap:10px;max-width:calc(100vw - 48px);padding:8px 12px;border:1px solid #bae6fd;border-radius:8px;background:#f0f9fff5;color:#075985;box-shadow:0 12px 24px #0f172a1a;font-size:13px;font-weight:600;transform:translate(-50%)}.version-diff-strip strong{color:#0f766e}.regrade-reason-panel,.audit-query-panel{position:fixed;z-index:19;width:min(380px,calc(100vw - 48px));padding:12px;border:1px solid #d7e3ef;border-radius:8px;background:#fffffff5;box-shadow:0 12px 24px #0f172a1f}.regrade-reason-panel{top:86px;left:24px;display:grid;gap:8px}.regrade-reason-panel label,.audit-query-panel strong{color:#0f172a;font-size:14px;font-weight:700}.regrade-reason-panel textarea{min-height:86px;resize:vertical;padding:8px 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#1f2937;font:inherit;font-size:13px;line-height:1.45}.regrade-reason-panel textarea:focus-visible{outline:2px solid #1e6ae1;outline-offset:2px}.regrade-reason-panel small{color:#64748b;font-size:12px}.audit-query-panel{right:24px;bottom:24px;max-height:min(620px,calc(100vh - 48px));overflow:auto}.audit-query-panel__head,.audit-query-panel__title{display:flex;align-items:center}.audit-query-panel__head{justify-content:space-between;gap:10px}.audit-query-panel button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:30px;padding:0 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer;font-size:12px;font-weight:600}.audit-query-panel button:focus-visible{outline:2px solid #1e6ae1;outline-offset:2px}.audit-query-panel__filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.audit-query-panel__chip.audit-query-panel__chip--active{border-color:#1e6ae1;background:#1e6ae1;color:#fff}.audit-query-panel__section{margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}.audit-query-panel__title{gap:6px;color:#334155;font-size:13px;font-weight:700}.audit-query-panel__list,.audit-query-panel__details{display:grid;gap:8px;padding:0;margin:8px 0 0;list-style:none}.audit-query-panel__row{display:grid;gap:5px;padding:8px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.audit-query-panel__row span{color:#1f2937;font-size:13px;font-weight:650}.audit-query-panel__row small,.audit-query-panel__empty,.audit-query-panel__error,.audit-query-panel__details li{color:#64748b;font-size:12px;line-height:1.45}.audit-query-panel__details{gap:4px;margin-top:2px}.audit-query-panel__error{margin:8px 0 0;color:#b91c1c}.audit-query-panel__empty{margin:8px 0 0}.stage-long-strip{position:fixed;right:24px;bottom:24px;z-index:17;display:inline-flex;gap:6px;padding:6px;border:1px solid #dbe4ef;border-radius:8px;background:#fffffff5;box-shadow:0 12px 24px #0f172a1a}.stage-long-chip{min-width:52px;height:30px;border:1px solid #dbe4ef;border-radius:6px;background:#f8fafc;color:#475569;cursor:pointer;font-size:13px;font-weight:600}.stage-long-chip--active{border-color:#1e6ae1;background:#1e6ae1;color:#fff}.teacher-ops-panel,.parent-binding-status{position:fixed;left:24px;bottom:24px;z-index:19;width:min(360px,calc(100vw - 48px));max-height:min(620px,calc(100vh - 48px));overflow:auto;padding:12px;border:1px solid #dbe4ef;border-radius:8px;background:#fffffff5;box-shadow:0 12px 24px #0f172a1f}.teacher-ops-panel__head,.teacher-ops-panel__title,.teacher-ops-panel__actions,.parent-binding-status__row{display:flex;align-items:center}.teacher-ops-panel__head{justify-content:space-between;gap:10px}.teacher-ops-panel strong,.parent-binding-status strong{color:#0f172a;font-size:14px}.teacher-ops-panel button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:30px;padding:0 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer;font-size:12px;font-weight:600}.teacher-ops-panel button:disabled{cursor:not-allowed;opacity:.55}.teacher-ops-panel button:focus-visible{outline:2px solid #1e6ae1;outline-offset:2px}.teacher-ops-panel__section{margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}.teacher-ops-panel__title{gap:6px;color:#334155;font-size:13px;font-weight:700}.teacher-ops-panel__progress{display:grid;gap:8px;margin-top:8px;padding:8px;border:1px solid #c7d2fe;border-radius:7px;background:#eef2ff}.teacher-ops-panel__progress div:first-child{display:grid;gap:2px}.teacher-ops-panel__progress span{color:#475569;font-size:12px}.teacher-ops-panel__progress strong{color:#1e293b;font-size:13px}.teacher-ops-panel__steps{display:flex;flex-wrap:wrap;gap:5px}.teacher-ops-panel__step{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#64748b;font-size:11px;font-weight:650}.teacher-ops-panel__step--running{border-color:#2563eb;color:#1d4ed8}.teacher-ops-panel__step--completed{border-color:#0f766e;color:#0f766e}.teacher-ops-panel__step--failed{border-color:#b91c1c;color:#b91c1c}.teacher-ops-panel__list{display:grid;gap:8px;padding:0;margin:8px 0 0;list-style:none}.teacher-ops-panel__row{display:grid;gap:5px;padding:8px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.teacher-ops-panel__row span,.parent-binding-status__row span{color:#1f2937;font-size:13px;font-weight:650}.teacher-ops-panel__row small,.parent-binding-status__row small,.teacher-ops-panel__empty,.teacher-ops-panel__error,.parent-binding-status__ok{color:#64748b;font-size:12px;line-height:1.45}.teacher-ops-panel__error{margin:8px 0 0;color:#b91c1c}.teacher-ops-panel__empty{margin:8px 0 0}.teacher-ops-panel__actions{gap:6px}.parent-binding-status{left:auto;right:24px;bottom:70px;width:min(300px,calc(100vw - 48px))}.parent-binding-status__row{justify-content:space-between;gap:10px;margin-top:8px;padding:8px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.parent-binding-status__ok{margin:8px 0 0;color:#0f766e}.parent-binding-status button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;margin-top:10px;padding:0 10px;border:1px solid #1e6ae1;border-radius:6px;background:#1e6ae1;color:#fff;cursor:pointer;font-size:12px;font-weight:650}.parent-binding-status button:focus-visible{outline:2px solid #1e6ae1;outline-offset:2px}.upload-queue-panel{position:fixed;left:24px;top:24px;z-index:18;width:min(340px,calc(100vw - 48px));max-height:min(520px,calc(100vh - 48px));overflow:auto;padding:12px;border:1px solid #d7e3ef;border-radius:8px;background:#fffffff5;box-shadow:0 12px 24px #0f172a1f}.upload-queue-panel__head,.upload-queue-panel__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.upload-queue-panel__head strong{color:#0f172a;font-size:14px}.upload-queue-panel__head span,.upload-queue-panel__row small,.upload-queue-panel__more{color:#64748b;font-size:12px}.upload-queue-panel__bar{height:6px;margin-top:10px;overflow:hidden;border-radius:999px;background:#e2e8f0}.upload-queue-panel__bar span{display:block;height:100%;border-radius:inherit;background:#0f766e;transition:width .18s ease}.upload-queue-panel__list{display:grid;gap:8px;padding:0;margin:10px 0 0;list-style:none}.upload-queue-panel__row{padding:8px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.upload-queue-panel__row div{min-width:0}.upload-queue-panel__row span{display:block;overflow:hidden;color:#1f2937;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.upload-queue-panel__row--failed{border-color:#fecaca;background:#fff7ed}.upload-queue-panel__row--failed small{color:#b91c1c}.upload-queue-panel__row--uploaded,.upload-queue-panel__row--duplicated{border-color:#99f6e4}.upload-queue-panel button{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer;font-size:12px;font-weight:600}.upload-queue-panel__more{margin:8px 0 0}.network-error-center{position:fixed;top:86px;right:24px;z-index:17;width:min(390px,calc(100vw - 48px));max-height:min(560px,calc(100vh - 120px));overflow:auto;padding:12px;border:1px solid #fecaca;border-radius:8px;background:#fffffff5;box-shadow:0 12px 24px #0f172a1f}.network-error-center__head,.network-error-center__actions,.network-error-center__title{display:flex;align-items:center}.network-error-center__head{justify-content:space-between;gap:10px}.network-error-center strong{color:#111827;font-size:14px}.network-error-center__actions{gap:6px}.network-error-center button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:30px;padding:0 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer;font-size:12px;font-weight:600}.network-error-center button:focus-visible{outline:2px solid #1e6ae1;outline-offset:2px}.network-error-center__list{display:grid;gap:8px;padding:0;margin:10px 0 0;list-style:none}.network-error-center__row{display:grid;gap:5px;padding:8px;border:1px solid #fee2e2;border-radius:7px;background:#fff7ed}.network-error-center__row span{color:#7f1d1d;font-size:13px;font-weight:700}.network-error-center__row small,.network-error-center__details,.network-error-center__error{color:#64748b;font-size:12px;line-height:1.45}.network-error-center__details{display:grid;gap:3px;padding:0 0 0 16px;margin:2px 0 0}.network-error-center__error{margin:8px 0 0;color:#b91c1c}.network-error-center__server{margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}.network-error-center__title{gap:6px;color:#334155;font-size:13px;font-weight:700}.camera-panel{position:fixed;right:24px;bottom:24px;z-index:16;width:min(320px,calc(100vw - 48px));padding:10px;border:1px solid #dbe4ef;border-radius:8px;background:#fffffff5;box-shadow:0 12px 24px #0f172a1f}.camera-panel__preview{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#64748b;font-size:13px;overflow:hidden}.camera-panel__video{width:100%;height:100%;object-fit:cover}.camera-panel__controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.camera-panel__device{width:100%;min-height:32px;margin-top:8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#1f2937;font-size:12px}.camera-panel button{min-height:32px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer;font-size:13px;font-weight:600}.camera-panel button:disabled{cursor:not-allowed;opacity:.5}.camera-panel__queue{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#334155;font-size:12px}.camera-panel__queue button{min-height:28px;padding:0 8px}.camera-panel p{margin:8px 0 0;color:#64748b;font-size:12px;line-height:1.4}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-fallback{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#334155;font-size:16px}.pen-spin{animation:pen-spin 1s linear infinite}@keyframes pen-spin{to{transform:rotate(360deg)}}@media(max-width:1328px){.app-shell{align-items:flex-start;justify-content:flex-start}}@media(max-width:430px){.app-shell{padding:0;background:#fff}.version-strip{top:8px;left:8px;right:8px;overflow-x:auto;transform:none}.version-diff-strip{left:8px;right:8px;bottom:8px;justify-content:center;transform:none}.stage-long-strip{right:8px;bottom:8px}.teacher-ops-panel,.parent-binding-status,.audit-query-panel,.regrade-reason-panel{left:8px;right:8px;bottom:8px;width:auto;max-height:46vh}.regrade-reason-panel{top:56px;bottom:auto}.audit-query-panel{top:56px;bottom:auto;max-height:42vh}.upload-queue-panel{left:8px;right:8px;top:8px;width:auto;max-height:42vh}.network-error-center{left:8px;right:8px;top:56px;width:auto;max-height:42vh}.camera-panel{right:8px;bottom:8px;width:calc(100vw - 16px)}}