/* Dedicated desktop answer-workbench skin; kept separate to make the reference screen easy to tune. */
/* Interactive controls use classes so the panel can collapse without leaving a dead button. */
.practice-tutor-panel>header button,.related-kps h3 button{cursor:pointer}
.practice-question-main>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.practice-question-meta{display:grid;gap:9px;min-width:0}.practice-question-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.practice-question-title>b{flex:0 0 auto}.practice-question-title span{margin-left:0!important;white-space:nowrap}
.practice-question-meta small{margin-top:0!important}.practice-clock{display:flex;align-items:center;gap:8px;white-space:nowrap}.practice-clock time{display:inline-block;width:5ch;font-variant-numeric:tabular-nums}.practice-clock button{margin-left:0!important}
@media(max-width:1000px){.practice-question-main>header{grid-template-columns:1fr}.practice-clock{justify-content:flex-start}}
.practice-tutor-panel>header button:hover,.related-kps h3 button:hover{border-color:#8c6aff!important;color:#eee8ff!important;background:#20195a!important}
.practice-tutor-panel.is-collapsed{align-self:start}
.practice-tutor-panel.is-collapsed>:not(header){display:none}
.related-kps.is-collapsed span{display:none}
.practice-source-intro{margin:13px 0 3px;border:1px solid #365b78;border-radius:10px;padding:9px 10px;background:#102c3b;color:#93e3ca;font-size:11px;line-height:1.55}.practice-source-intro i{margin-right:5px;color:#5be0b4}.practice-settings-panel>label.practice-source-field{margin-top:11px}.practice-source-field select,.practice-source-field output{box-sizing:border-box;display:block;width:100%;min-width:0;border:1px solid #334a7f;border-radius:9px;padding:10px 30px 10px 10px;background:#15234b;color:#e2ebff;font:600 12px inherit;line-height:1.25}.practice-source-field select{appearance:auto;cursor:pointer}.practice-source-field select:hover,.practice-source-field select:focus{border-color:#8b6cff;outline:0;box-shadow:0 0 0 3px rgba(130,94,255,.14)}.practice-source-field select:disabled{cursor:wait;opacity:.7}.practice-source-field output{padding-right:10px;color:#a9ddff;background:#122846}.practice-source-field output i{margin-right:5px;color:#aa88ff}.practice-ai-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #35677a;border-radius:8px;padding:7px 10px;background:#102e39;color:#81e8cc;font:600 11px inherit;white-space:nowrap}.practice-ai-badge i{color:#ba9bff}
.master-practice [hidden]{display:none!important}.practice-opl-picker,.practice-chinese-picker{margin-top:12px;border:1px solid #354a7a;border-radius:11px;padding:12px;background:#111f42}.practice-opl-picker .practice-source-field,.practice-chinese-picker .practice-source-field{display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 10px;color:#a7b7da;font-size:12px}.practice-opl-picker input,.practice-opl-picker select,.practice-chinese-picker input,.practice-chinese-picker select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #334a7f;border-radius:9px;padding:10px;background:#15234b;color:#e2ebff;font:inherit}.practice-opl-picker [data-opl-search],.practice-chinese-picker [data-chinese-search]{border:1px solid #7958e7;border-radius:8px;padding:9px;background:#5738c2;color:white;font:600 12px inherit;cursor:pointer}.practice-opl-picker [data-opl-status],.practice-chinese-picker [data-chinese-status]{display:block;color:#ffcb92;font-size:10px;line-height:1.5}.practice-opl-picker [data-opl-status].is-ready,.practice-chinese-picker [data-chinese-status].is-ready{color:#8de2c4}.practice-opl-picker p,.practice-chinese-picker p{margin:8px 0 0;color:#93a7d0;font-size:10px;line-height:1.5}.practice-opl-frame{display:block;width:100%;height:540px;margin-top:18px;border:1px solid #354a7a;border-radius:10px;background:#fff}.practice-source-note{overflow-wrap:anywhere}
.practice-writing-board{margin-top:20px;border:1px solid #3f4d8c;border-radius:12px;overflow:hidden;background:#0b1630}.practice-writing-board>header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid #304577;color:#e8edff}.practice-writing-board>header>span{font-weight:700}.practice-writing-board>header i{margin-right:7px;color:#a88aff}.practice-board-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.practice-writing-board>header small{color:#94a8d1;font-size:11px}.practice-writing-board .practice-board-toggle{border-color:#6f59d4;background:#1b2851;color:#ece6ff;white-space:nowrap}.practice-writing-board .practice-board-toggle:hover{border-color:#ab90ff;background:#30236f}.practice-writing-board.is-collapsed>header{border-bottom:0}.practice-writing-board.is-collapsed>canvas,.practice-writing-board.is-collapsed>footer{display:none}.practice-writing-board canvas{display:block;width:100%;height:210px;touch-action:none;cursor:crosshair;background:#0b1630;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.practice-writing-board footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 11px;border-top:1px solid #304577}.practice-writing-board button{border:1px solid #45588f;border-radius:7px;padding:6px 9px;background:#13234a;color:#cfdcff;font:600 11px inherit;cursor:pointer}.practice-writing-board button.active{border-color:#9a76ff;background:#332176;color:#fff}.practice-writing-board output{margin-left:auto;color:#93a8d1;font-size:10px}@media(max-width:620px){.practice-writing-board>header{display:block}.practice-board-header-actions{justify-content:space-between;margin-top:8px}.practice-writing-board>header small{display:block;margin-top:0}.practice-writing-board canvas{height:175px}.practice-writing-board output{width:100%;margin:2px 0 0}}
.practice-writing-board footer label{display:flex;align-items:center;gap:5px;color:#9eb1dc;font-size:11px}.practice-writing-board input[type="color"]{width:28px;height:25px;padding:1px;border:1px solid #45588f;border-radius:6px;background:#13234a}.practice-writing-board input[type="range"]{width:62px;accent-color:#a88aff}.practice-writing-board button:disabled{cursor:not-allowed;opacity:.45}
.practice-writing-board{box-shadow:inset 0 1px 0 rgba(185,160,255,.09)}.practice-writing-board .canvas-container{display:block!important;width:100%!important;height:310px!important;touch-action:none}.practice-writing-board .canvas-container canvas{width:100%!important;height:310px!important;touch-action:none;cursor:crosshair}.practice-writing-board:fullscreen{box-sizing:border-box;width:100%;height:100%;padding:24px;background:#07112b}.practice-writing-board:fullscreen .canvas-container,.practice-writing-board:fullscreen .canvas-container canvas{height:calc(100vh - 174px)!important}.practice-writing-board:fullscreen>header{border:1px solid #304577;border-bottom:0;border-radius:12px 12px 0 0}.practice-writing-board:fullscreen>footer{border:1px solid #304577;border-top:0;border-radius:0 0 12px 12px;background:#0b1630}.practice-writing-board [data-practice-board-export]{margin-left:auto}@media(max-width:620px){.practice-writing-board .canvas-container,.practice-writing-board .canvas-container canvas{height:245px!important}.practice-writing-board [data-practice-board-export]{margin-left:0}}
.practice-opl-board-jump{display:inline-flex;align-items:center;gap:8px;margin:15px 0 0;border:1px solid #9c77ff;border-radius:9px;padding:10px 14px;background:#332176;color:#f7f1ff;font:700 13px inherit;cursor:pointer;box-shadow:0 0 18px rgba(142,95,255,.2)}.practice-opl-board-jump:hover{background:#4a2d9b}
.master-practice{display:grid;gap:22px}.master-practice-grid{display:grid;grid-template-columns:310px minmax(570px,1fr) 405px;gap:18px}.practice-settings-panel,.practice-question-main,.practice-tutor-panel{border:1px solid #283f75;border-radius:16px;background:#0d1936}.practice-settings-panel{padding:18px}.practice-settings-panel>header{display:flex;align-items:center;justify-content:space-between}.practice-settings-panel h2{margin:0;color:#fff;font-size:18px}.practice-settings-panel h2 i{margin-right:8px;color:#9d84ff}.practice-settings-panel header button{border:0;background:transparent;color:#a5b3d6;font:600 11px inherit}.practice-settings-panel>label{display:grid;grid-template-columns:67px 1fr;align-items:center;gap:8px;margin-top:15px;color:#a7b7da;font-size:12px}.practice-settings-panel>label button{display:flex;align-items:center;justify-content:space-between;border:1px solid #334a7f;border-radius:9px;padding:10px;background:#15234b;color:#e2ebff;font:600 12px inherit;text-align:left}.practice-settings-panel h3{margin:21px 0 9px;color:#cdd9f8;font-size:13px}.practice-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.practice-modes button{display:grid;grid-template-columns:24px 1fr;gap:0 7px;align-items:center;border:1px solid #2e4478;border-radius:9px;padding:10px;background:#142144;color:#d8e3ff;text-align:left}.practice-modes button.active{border-color:#865fff;background:#302175;box-shadow:0 0 17px rgba(122,88,255,.28)}.practice-modes i{grid-row:span 2;color:#9c89ff}.practice-modes b{font-size:12px}.practice-modes small{color:#9aabd2;font-size:10px}.practice-modes button:last-child{grid-column:span 2}.practice-settings-panel .setting-check{display:block;margin-top:14px;color:#bdcbea;font-size:12px}.setting-check input{accent-color:#8464ff}.start-practice{width:100%;margin-top:19px}.practice-question-main{min-height:705px;overflow:hidden}.practice-question-main>header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #223861;padding:22px 24px}.practice-question-main>header b{color:#fff;font-size:22px}.practice-question-main>header span{display:inline-block;margin-left:10px;border-radius:7px;padding:6px 9px;background:#173e78;color:#79bbff;font-size:11px}.practice-question-main>header span+span{background:#174b4d;color:#70e4ca}.practice-question-main>header small{display:block;margin-top:9px;color:#9badd3;font-size:11px}.practice-clock{color:#c9b8ff;font-size:20px}.practice-clock button{margin-left:13px;border:1px solid #364a80;border-radius:8px;padding:7px 11px;background:#121e42;color:#c7d5fa;font:600 11px inherit}.practice-stem{padding:28px 29px 18px}.practice-stem h2{margin:0;color:#fff;font-size:24px;line-height:1.5}.practice-stem p{color:#99a8ce;font-size:13px}.practice-options{display:grid;gap:11px;margin-top:22px}.practice-options button{display:flex;align-items:center;gap:13px;border:1px solid #304977;border-radius:11px;padding:13px;background:#122042;color:#dfebff;text-align:left;font:600 15px inherit;cursor:pointer}.practice-options button:hover,.practice-options button.selected{border-color:#8b6cff;background:#24205f}.practice-options button b{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#37246e;color:#cebfff;font-size:13px}.practice-options button.selected b{background:#8058ef;color:#fff}.practice-feedback{display:flex;gap:12px;margin:0 29px;border-radius:10px;padding:13px;background:#133e39;color:#aef0d6}.practice-feedback.incorrect{background:#462837;color:#ffb4bf}.practice-feedback b{color:#fff}.practice-feedback span{font-size:12px}.practice-question-main footer{padding:16px 25px}.answer-cards{display:flex;align-items:center;gap:9px}.answer-cards span{margin-right:5px;color:#afc0e3;font-size:12px}.answer-cards button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #435584;border-radius:50%;background:#19284e;color:#cbd9f8;font:600 12px inherit}.answer-cards button.answered{border-color:#4797dd;background:#143d69}.answer-cards button.current{border-color:#9675ff;background:#7145e5;box-shadow:0 0 19px rgba(129,81,255,.7)}.practice-main-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr;gap:11px;margin-top:21px}.practice-main-actions button{border:1px solid #394f82;border-radius:10px;padding:13px;background:#16254b;color:#dae5ff;font:600 13px inherit}.practice-main-actions .btn{border-color:#8967ff}.practice-main-actions .submit-outline{border-color:#8c62ff;background:#211652}.practice-tutor-panel{position:relative;overflow:hidden;padding:19px}.practice-tutor-panel>header{display:flex;align-items:center;gap:8px}.practice-tutor-panel>header h2{margin:0;color:#fff;font-size:19px}.practice-tutor-panel>header h2 i{color:#9c7dff}.practice-tutor-panel>header span{color:#acb9df;font-size:11px}.practice-tutor-panel>header button{margin-left:auto;border:1px solid #36487c;border-radius:8px;padding:6px 9px;background:#142047;color:#bdcdf1;font:600 11px inherit}.tutor-chat-bubble{position:relative;z-index:1;margin-top:19px;border:1px solid #3c4d94;border-radius:14px;padding:16px;background:#202a5c;color:#dce6ff;font-size:13px;line-height:1.7}.practice-tutor-panel>img{display:block;width:176px;margin:0 auto;filter:drop-shadow(0 0 17px rgba(121,91,255,.5))}.practice-tutor-panel>p{margin:0 0 9px;color:#b8c6e4;font-size:12px}.tutor-action{display:grid;grid-template-columns:42px 1fr 12px;gap:9px;align-items:center;width:100%;margin-top:9px;border:1px solid #304777;border-radius:11px;padding:11px;background:#142348;color:#dce7ff;text-align:left;cursor:pointer}.tutor-action>i:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#4b3925;color:#ffc96b;font-size:18px}.tutor-action:nth-of-type(2)>i:first-child{background:#214a89;color:#74bdff}.tutor-action:nth-of-type(3)>i:first-child{background:#273a70;color:#92bcff}.tutor-action span{display:grid;gap:3px}.tutor-action b{font-size:13px}.tutor-action small{color:#91a4cd;font-size:10px}.tutor-action>i:last-child{color:#8799c4;font-size:11px}.related-kps h3{display:flex;justify-content:space-between;margin:17px 0 9px;color:#e3ebff;font-size:13px}.related-kps h3 button{border:0;background:transparent;color:#ac9cff;font:600 11px inherit}.related-kps span{display:inline-block;margin:3px;border:1px solid #354978;border-radius:15px;padding:6px 9px;background:#142246;color:#b5c5e8;font-size:10px}.tutor-input{display:flex;align-items:center;gap:6px;margin-top:14px;border:1px solid #5b4cc4;border-radius:11px;padding:7px 9px;background:#111c3c}.tutor-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#e6efff;font:12px inherit}.tutor-input button{border:0;background:transparent;color:#b69dff}@media(max-width:1220px){.master-practice-grid{grid-template-columns:280px 1fr}.practice-tutor-panel{grid-column:span 2}}@media(max-width:820px){.master-practice-grid{grid-template-columns:1fr}.practice-tutor-panel{grid-column:auto}.practice-question-main>header{display:block}.practice-clock{margin-top:13px}.practice-main-actions{grid-template-columns:1fr 1fr}.answer-cards{flex-wrap:wrap}}