:root{--ceramic-white:#f7f5ef;--glaze-gray:#e1e5e0;--celadon:#4f7165;--ink:#28312e;--secondary-ink:#686e69;--hairline:#d3cec4;--warning-ochre:#b27a3a;--error-cinnabar:#c27a61}.identity-page{background:var(--ceramic-white);width:100%;height:100dvh;min-height:320px;color:var(--ink);grid-template-rows:64px minmax(0,1fr);display:grid;overflow:auto}body:has(.identity-page){background:var(--ceramic-white);display:block;overflow:auto}.identity-header{box-sizing:border-box;border-bottom:1px solid var(--hairline);background:var(--ceramic-white);justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.identity-brand{align-items:center;gap:12px;min-width:0;display:flex}.identity-brand>span{border:1px solid var(--celadon);width:38px;height:38px;color:var(--celadon);border-radius:50%;flex:none;place-items:center;font-family:Source Han Serif SC,Songti SC,STSong,serif;display:grid}.identity-brand strong{font-family:Source Han Serif SC,Songti SC,STSong,serif;font-size:18px;font-weight:600;line-height:1.15;display:block}.identity-brand small{color:var(--secondary-ink);margin-top:3px;font-size:9px;line-height:1;display:block}.identity-header>p{color:var(--secondary-ink);margin:0;font-size:12px}.identity-layout{grid-template-columns:58% 42%;min-height:0;display:grid}.identity-visual{background:var(--glaze-gray);min-width:0;padding:clamp(48px,7vh,72px) 7%;position:relative;overflow:hidden}.identity-visual-copy{z-index:1;max-width:35rem;position:relative}.identity-kicker{color:var(--celadon);margin:0;font-size:11px}.identity-visual h1{letter-spacing:0;text-wrap:balance;margin:16px 0;font-family:Source Han Serif SC,Songti SC,STSong,serif;font-size:34px;font-weight:500;line-height:1.28}.identity-visual-copy>p:last-child{max-width:32rem;color:var(--secondary-ink);margin:0;font-size:14px;line-height:1.75}.identity-visual img{aspect-ratio:1;object-fit:cover;border:1px solid var(--hairline);width:min(66%,540px);box-shadow:0 24px 48px color-mix(in srgb, var(--ink) 14%, transparent);border-radius:50%;position:absolute;bottom:-24%;right:-8%}.identity-form-column{background:var(--ceramic-white);overscroll-behavior:contain;place-items:center;min-width:0;min-height:0;padding:48px 8%;display:grid;overflow-y:auto}.identity-form-column form{width:min(100%,420px);position:relative}.identity-loading-content{align-items:flex-start;gap:16px;width:min(100%,420px);display:flex}.identity-loading-content h2{max-width:none}.identity-step{color:var(--celadon);margin:0 0 10px;font-size:12px}.identity-form-column h2{letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;max-width:calc(100% - 48px);margin:0;font-family:Source Han Serif SC,Songti SC,STSong,serif;font-size:24px;font-weight:600;line-height:1.35}.identity-guidance{color:var(--secondary-ink);margin:10px 0 24px;font-size:13px;line-height:1.6}.identity-form-column label{gap:8px;margin-top:16px;font-size:13px;font-weight:500;display:grid}.identity-form-column input{box-sizing:border-box;border:1px solid var(--hairline);background:var(--ceramic-white);width:100%;height:48px;color:var(--ink);font:inherit;touch-action:manipulation;border-radius:6px;padding:0 14px;font-size:14px}.identity-form-column input:hover{border-color:var(--secondary-ink)}.identity-form-column input:focus-visible,.identity-submit:focus-visible,.identity-back:focus-visible,.student-classroom-card:focus-visible,.takeover-actions button:focus-visible{outline:3px solid color-mix(in srgb, var(--celadon) 34%, transparent);outline-offset:2px}.student-classroom-picker{gap:10px;margin-top:18px;display:grid}.student-classroom-card{border:1px solid var(--hairline);background:color-mix(in srgb, var(--ceramic-white) 86%, var(--glaze-gray));width:100%;min-height:82px;color:var(--ink);text-align:left;cursor:pointer;touch-action:manipulation;border-radius:6px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;padding:13px 14px;display:grid}.student-classroom-card:hover{border-color:var(--secondary-ink)}.student-classroom-card.selected{border-color:var(--celadon);background:color-mix(in srgb, var(--celadon) 9%, var(--ceramic-white))}.classroom-card-radio{border:1px solid var(--secondary-ink);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.student-classroom-card.selected .classroom-card-radio{border:5px solid var(--celadon)}.student-classroom-card strong,.student-classroom-card small,.student-classroom-card em{overflow-wrap:anywhere;display:block}.student-classroom-card strong{font-family:Source Han Serif SC,Songti SC,STSong,serif;font-size:16px}.student-classroom-card small{color:var(--secondary-ink);margin-top:5px;font-size:12px;line-height:1.45}.student-classroom-card em{color:var(--celadon);margin-top:5px;font-size:11px;font-style:normal}.student-classroom-empty{border:1px solid var(--hairline);background:var(--glaze-gray);border-radius:6px;padding:18px}.student-classroom-empty strong,.student-classroom-empty span{display:block}.student-classroom-empty span{color:var(--secondary-ink);margin-top:6px;font-size:12px;line-height:1.55}.identity-back:disabled{cursor:not-allowed;opacity:.55}.identity-submit{border:1px solid var(--celadon);background:var(--celadon);width:100%;height:48px;color:var(--ceramic-white);cursor:pointer;touch-action:manipulation;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:14px;display:flex}.identity-submit:hover:not(:disabled),.takeover-actions button:last-child:hover:not(:disabled){background:color-mix(in srgb, var(--celadon) 88%, var(--ink))}.identity-submit:active:not(:disabled),.takeover-actions button:active:not(:disabled){transform:translateY(1px)}.identity-submit:disabled,.takeover-actions button:disabled{cursor:not-allowed;opacity:.62}.identity-back{border:1px solid var(--hairline);background:var(--ceramic-white);width:44px;height:44px;color:var(--celadon);cursor:pointer;touch-action:manipulation;border-radius:6px;place-items:center;display:grid;position:absolute;top:0;right:0}.identity-error{border:1px solid var(--error-cinnabar);background:color-mix(in srgb, var(--error-cinnabar) 13%, var(--ceramic-white));color:color-mix(in srgb, var(--error-cinnabar) 56%, var(--ink));border-radius:6px;margin-top:14px;padding:12px;font-size:13px;line-height:1.5}.identity-trust{min-height:44px;color:var(--secondary-ink);justify-content:center;align-items:center;gap:6px;margin:8px 0 0;font-size:11px;display:flex}.takeover-actions{grid-template-columns:1fr 1.4fr;gap:12px;margin-top:20px;display:grid}.takeover-actions button{border:1px solid var(--celadon);background:var(--ceramic-white);height:48px;color:var(--celadon);cursor:pointer;touch-action:manipulation;border-radius:6px;font-size:14px}.takeover-actions button:last-child{background:var(--celadon);color:var(--ceramic-white)}.identity-spin{animation:.8s linear infinite identity-spin}@keyframes identity-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.identity-header{padding:0 24px}.identity-layout{grid-template-columns:55% 45%}.identity-visual{padding-left:6%;padding-right:6%}.identity-visual img{width:min(70%,500px)}}@media (width<=900px) and (orientation:portrait){.identity-header{padding:0 24px}.identity-header>p{display:none}.identity-layout{grid-template-rows:minmax(330px,38fr) minmax(0,62fr);grid-template-columns:1fr;min-height:0}.identity-visual{padding:40px 32px}.identity-visual h1{font-size:28px}.identity-visual img{width:min(68%,520px);bottom:-50%;right:-6%}.identity-form-column{place-items:start center;min-height:0;padding:40px 32px 64px;overflow-y:auto}.identity-form-column form,.identity-loading-content{width:100%;max-width:none}}@media (height<=640px) and (orientation:landscape){.identity-visual{padding-top:32px;padding-bottom:32px}.identity-visual h1{font-size:28px}.identity-form-column{place-items:start center;padding-top:32px;padding-bottom:48px}}@media (width<=520px){.identity-header{padding:0 16px}.identity-brand strong{font-size:16px}.identity-brand small{display:none}.identity-visual{padding:32px 24px}.identity-form-column{padding:32px 24px 56px}}@media (prefers-reduced-motion:reduce){.identity-spin{animation:none}.identity-submit:active:not(:disabled),.takeover-actions button:active:not(:disabled){transform:none}}.classroom-state,.teacher-classes,.session-frame{background:var(--ceramic-white,#f7f5ef);width:100%;min-height:100dvh;color:var(--ink,#28312e)}.classroom-state{grid-template-rows:64px 1fr;display:grid}.classroom-state-brand,.teacher-classes-header{border-bottom:1px solid var(--hairline,#d3cec4);justify-content:space-between;align-items:center;gap:24px;display:flex}.classroom-state-brand{padding:0 32px;font-family:Source Han Serif SC,Songti SC,STSong,serif;font-size:18px;font-weight:600}.classroom-state button,.teacher-classes button,.teacher-classes select,.teacher-classes input,.session-gate button{border:1px solid var(--hairline,#d3cec4);min-height:44px;font:inherit;touch-action:manipulation;border-radius:6px}.classroom-state button,.teacher-classes button,.session-gate button{color:var(--ink,#28312e);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.classroom-state button:hover,.teacher-classes button:hover:not(:disabled),.session-gate button:hover{border-color:var(--celadon,#4f7165);color:var(--celadon,#4f7165)}.classroom-state button:focus-visible,.teacher-classes button:focus-visible,.teacher-classes select:focus-visible,.teacher-classes input:focus-visible,.session-gate button:focus-visible{outline:3px solid color-mix(in srgb, var(--celadon,#4f7165) 32%, transparent);outline-offset:2px}.classroom-state-content{flex-direction:column;align-self:center;align-items:flex-start;gap:16px;width:min(620px,100% - 48px);margin:0 auto;display:flex}.classroom-state-content>svg{color:var(--celadon,#4f7165)}.classroom-state-content h1,.session-gate h1,.teacher-classes h1,.teacher-classes h2,.teacher-classes h3{letter-spacing:0;margin:0;font-family:Source Han Serif SC,Songti SC,STSong,serif}.classroom-state-content h1{overflow-wrap:anywhere;text-wrap:balance;font-size:30px;line-height:1.3}.classroom-state-content>p:not(.classroom-eyebrow),.session-gate p{max-width:58ch;color:var(--secondary-ink,#686e69);margin:0;line-height:1.7}.classroom-eyebrow{color:var(--celadon,#4f7165);margin:0;font-size:13px}.classroom-connection{color:var(--secondary-ink,#686e69);align-items:center;gap:8px;font-size:13px;display:inline-flex}.teacher-classes{box-sizing:border-box;height:100dvh;padding:0 32px 32px;overflow:auto}.teacher-classes-header{min-height:96px;margin-bottom:24px}.teacher-classes-header p{color:var(--celadon,#4f7165);margin:0 0 4px;font-size:12px}.teacher-classes-header h1{overflow-wrap:anywhere;text-wrap:balance;font-size:26px}.teacher-classes-header span{color:var(--secondary-ink,#686e69);overflow-wrap:anywhere;margin-top:5px;font-size:13px;display:block}.teacher-classes-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:32px;display:grid}.teacher-workspace-tabs{border-bottom:1px solid var(--hairline,#d3cec4);align-items:end;gap:4px;min-height:52px;display:flex}.teacher-workspace-tabs button{min-height:44px;color:var(--secondary-ink,#686e69);border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 18px}.teacher-workspace-tabs button[aria-selected=true]{border-bottom-color:var(--celadon,#4f7165);color:var(--ink,#28312e);font-weight:700}.teacher-workspace>[role=tabpanel]{padding-top:28px}.class-session-list,.create-classroom-form{min-width:0}.create-classroom-form{border-left:1px solid var(--hairline,#d3cec4);padding-left:32px}.section-heading{border-bottom:1px solid var(--hairline,#d3cec4);align-items:center;gap:10px;min-height:44px;display:flex}.section-heading svg{color:var(--celadon,#4f7165)}.section-heading h2{font-size:18px}.class-session-row,.authorized-classes>div{border-bottom:1px solid var(--hairline,#d3cec4);justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.class-session-row>div,.authorized-classes>div{min-width:0}.class-session-row strong,.class-session-row span,.authorized-classes strong,.authorized-classes span{overflow-wrap:anywhere;display:block}.class-session-row span,.authorized-classes span{color:var(--secondary-ink,#686e69);overflow-wrap:anywhere;margin-top:4px;font-size:12px}.authorized-classes{margin-top:28px}.authorized-classes h3{font-size:15px}.authorized-classes>div{padding:12px 0;display:block}.classroom-empty{color:var(--secondary-ink,#686e69);margin:20px 0;font-size:13px}.create-classroom-form label,.classroom-form-field{gap:8px;margin-top:16px;font-size:13px;font-weight:600;display:grid}.classroom-form-field label{margin-top:0}.classroom-field-help,.classroom-field-error{font-size:11px;font-weight:400;line-height:1.5}.classroom-field-help{color:var(--secondary-ink,#686e69)}.classroom-field-error{color:var(--error-cinnabar,#a84f38)}.create-classroom-form input[aria-invalid=true]{border-color:var(--error-cinnabar,#c27a61)}.classroom-task-picker{border:0;min-width:0;margin:18px 0 0;padding:0}.classroom-task-picker legend{padding:0;font-size:13px;font-weight:700}.classroom-task-picker>p{color:var(--secondary-ink,#686e69);margin:5px 0 10px;font-size:12px;line-height:1.5}.classroom-task-options{gap:8px;display:grid}.classroom-task-options button{text-align:left;border:1px solid var(--hairline,#d3cec4);background:color-mix(in srgb, var(--ceramic-white,#f7f5ef) 76%, transparent);border-radius:6px;grid-template-columns:24px 1fr;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 12px;display:grid}.classroom-task-options button.selected{border-color:var(--celadon,#4f7165);background:color-mix(in srgb, var(--celadon,#4f7165) 9%, var(--ceramic-white,#f7f5ef))}.classroom-task-options button>span:last-child,.classroom-task-options strong,.classroom-task-options small{display:block}.classroom-task-options small{color:var(--secondary-ink,#686e69);margin-top:3px;font-size:11px;font-weight:400}.task-check{border:1px solid var(--hairline,#d3cec4);width:20px;height:20px;color:var(--ceramic-white,#f7f5ef);border-radius:4px;place-items:center;display:grid}.selected .task-check{border-color:var(--celadon,#4f7165);background:var(--celadon,#4f7165)}.create-classroom-form select,.create-classroom-form input,.classroom-form-field input{width:100%;color:inherit;border-color:var(--hairline,#d3cec4);background:0 0;padding:0 12px}.start-classroom,.current-classroom-action button{width:100%;margin-top:20px;border-color:var(--celadon,#4f7165)!important;background:var(--celadon,#4f7165)!important;color:var(--ceramic-white,#f7f5ef)!important}.teacher-classes button:disabled{cursor:not-allowed;opacity:.55}.classroom-state button:disabled{cursor:wait;opacity:.62}.classroom-success{border:1px solid color-mix(in srgb, var(--celadon,#4f7165) 45%, transparent);background:color-mix(in srgb, var(--celadon,#4f7165) 10%, transparent);color:var(--ink,#28312e);border-radius:6px;margin-bottom:14px;padding:10px 14px;font-size:13px}.current-classroom-action{border-top:1px solid var(--hairline,#d3cec4);gap:6px;margin-top:18px;padding-top:16px;display:grid}.current-classroom-action strong{font-size:15px}.current-classroom-action span,.current-classroom-action small{color:var(--secondary-ink,#686e69);line-height:1.5}.current-classroom-action button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.classroom-error{border:1px solid var(--error-cinnabar,#c27a61);background:color-mix(in srgb, var(--error-cinnabar,#c27a61) 10%, transparent);border-radius:6px;margin-bottom:20px;padding:12px 14px}.teacher-management-panel{width:min(980px,100%)}.management-panel-heading{border-bottom:1px solid var(--hairline,#d3cec4);align-items:flex-start;gap:12px;padding-bottom:18px;display:flex}.management-panel-heading>svg{color:var(--celadon,#4f7165);flex:none;margin-top:2px}.management-panel-heading h2{font-size:21px}.management-panel-heading p{max-width:58ch;color:var(--secondary-ink,#686e69);margin:5px 0 0;font-size:13px;line-height:1.6}.management-success,.management-muted-state{border:1px solid color-mix(in srgb, var(--celadon,#4f7165) 36%, var(--hairline,#d3cec4));background:color-mix(in srgb, var(--celadon,#4f7165) 8%, var(--ceramic-white,#f7f5ef));border-radius:6px;margin-top:16px;padding:12px 14px;font-size:13px;line-height:1.5}.management-muted-state{color:var(--secondary-ink,#686e69);background:color-mix(in srgb, var(--hairline,#d3cec4) 22%, var(--ceramic-white,#f7f5ef))}.class-lifecycle-next,.classroom-next-step{border:1px solid color-mix(in srgb, var(--celadon,#4f7165) 34%, var(--hairline,#d3cec4));background:color-mix(in srgb, var(--celadon,#4f7165) 7%, var(--ceramic-white,#f7f5ef));border-radius:6px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:16px;display:flex}.class-lifecycle-next p,.classroom-next-step span{color:var(--secondary-ink,#686e69);margin:4px 0 0;font-size:13px;line-height:1.55;display:block}.class-lifecycle-next .management-primary,.classroom-next-step .management-secondary{flex:none}.classroom-next-step{flex-direction:column;align-items:flex-start;gap:10px;margin-top:0}.roster-toolbar,.class-settings-mode{flex-wrap:wrap;align-items:end;gap:12px;margin-top:20px;display:flex}.management-class-select,.class-settings-mode label{flex:280px;gap:8px;max-width:420px;font-size:13px;font-weight:600;display:grid}.management-class-select select,.class-settings-mode select{background:var(--ceramic-white,#f7f5ef);width:100%;padding:0 12px}.teacher-management-form,.student-create-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.teacher-management-form label,.student-create-row label{gap:8px;font-size:13px;font-weight:600;display:grid}.teacher-management-form input,.student-create-row input{background:var(--ceramic-white,#f7f5ef);width:100%;padding:0 12px}.teacher-management-form .management-primary,.student-create-row .management-primary{align-self:end;width:fit-content;min-width:176px}.management-primary,.management-secondary,.management-danger,.row-action{transition:border-color .16s,background-color .16s,color .16s}.management-primary{border-color:var(--celadon,#4f7165)!important;background:var(--celadon,#4f7165)!important;color:var(--ceramic-white,#f7f5ef)!important}.management-secondary{border-color:var(--celadon,#4f7165)!important;color:var(--celadon,#4f7165)!important}.management-danger{margin-top:18px;border-color:var(--error-cinnabar,#a84f38)!important;color:var(--error-cinnabar,#a84f38)!important}.class-disable-confirmation{border:1px solid color-mix(in srgb, var(--error-cinnabar,#a84f38) 42%, var(--hairline,#d3cec4));background:color-mix(in srgb, var(--error-cinnabar,#a84f38) 7%, var(--ceramic-white,#f7f5ef));border-radius:6px;margin-top:18px;padding:16px}.class-disable-confirmation h3,.class-disable-confirmation p{margin:0}.class-disable-confirmation p{color:var(--secondary-ink,#686e69);margin-top:6px;font-size:13px;line-height:1.5}.class-disable-confirmation>div{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.class-disable-confirmation .management-danger{margin-top:0}.class-settings-mode button.selected{border-color:var(--celadon,#4f7165);background:color-mix(in srgb, var(--celadon,#4f7165) 10%, var(--ceramic-white,#f7f5ef));color:var(--celadon,#4f7165)}.roster-table,.import-rows{border-top:1px solid var(--hairline,#d3cec4);margin-top:22px}.roster-head,.roster-row{border-bottom:1px solid var(--hairline,#d3cec4);grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) 100px 100px;align-items:center;gap:16px;min-height:58px;font-size:13px;display:grid}.roster-head{min-height:42px;color:var(--secondary-ink,#686e69);font-size:12px;font-weight:600}.roster-row strong,.roster-row span{overflow-wrap:anywhere}.roster-actions{justify-content:flex-start;display:flex}.row-action{min-height:36px!important;color:var(--celadon,#4f7165)!important;border-color:#0000!important;padding:0 9px!important}.row-action:hover:not(:disabled){background:color-mix(in srgb, var(--celadon,#4f7165) 8%, var(--ceramic-white,#f7f5ef))}.management-loading{min-height:120px;color:var(--secondary-ink,#686e69);align-items:center;gap:10px;font-size:13px;display:flex}.roster-import-backdrop{z-index:30;background:#28312e61;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.roster-import-dialog{border:1px solid var(--hairline,#d3cec4);background:var(--ceramic-white,#f7f5ef);border-radius:8px;flex-direction:column;width:min(780px,100%);max-height:min(760px,100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 20px 52px #28312e38}.roster-import-dialog>header,.roster-import-dialog>footer{border-bottom:1px solid var(--hairline,#d3cec4);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.roster-import-dialog>footer{border-top:1px solid var(--hairline,#d3cec4);border-bottom:0;justify-content:flex-end}.dialog-kicker{color:var(--celadon,#4f7165);margin-bottom:3px;font-size:12px;display:block}.roster-import-dialog h2{font-size:21px}.dialog-close{width:44px;padding:0!important}.dialog-intro{color:var(--secondary-ink,#686e69);margin:18px 22px 0;font-size:13px;line-height:1.6}.roster-import-dialog .classroom-error,.roster-import-dialog .management-loading,.roster-import-dialog .import-complete{margin:16px 22px}.file-picker{border:1px dashed color-mix(in srgb, var(--celadon,#4f7165) 60%, var(--hairline,#d3cec4));min-height:80px;color:var(--celadon,#4f7165);cursor:pointer;border-radius:6px;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;margin:18px 22px;padding:16px;display:grid;position:relative}.file-picker span{color:var(--ink,#28312e);overflow-wrap:anywhere}.file-picker small{color:var(--secondary-ink,#686e69)}.file-picker input{opacity:0;cursor:pointer;width:100%;min-height:100%;position:absolute;inset:0}.import-preview{min-height:0;padding:0 22px 4px;overflow:auto}.import-summary{color:var(--secondary-ink,#686e69);flex-wrap:wrap;gap:8px 18px;margin:4px 0 12px;font-size:12px;display:flex}.import-summary strong{color:var(--ink,#28312e)}.import-summary .has-issues strong,.import-row.has-error [data-label=处理结果]{color:var(--error-cinnabar,#a84f38)}.import-row{border-bottom:1px solid var(--hairline,#d3cec4);grid-template-columns:48px minmax(100px,.9fr) minmax(100px,.9fr) minmax(200px,1.8fr);align-items:center;gap:12px;min-height:46px;font-size:12px;display:grid}.import-row [data-label=处理结果]{overflow-wrap:anywhere;align-items:center;gap:5px;display:flex}.import-row-head{min-height:36px;color:var(--secondary-ink,#686e69);font-weight:600}.import-complete{border:1px solid color-mix(in srgb, var(--celadon,#4f7165) 35%, var(--hairline,#d3cec4));background:color-mix(in srgb, var(--celadon,#4f7165) 8%, var(--ceramic-white,#f7f5ef));border-radius:6px;align-items:flex-start;gap:10px;padding:16px;display:flex}.import-complete svg{color:var(--celadon,#4f7165)}.import-complete strong,.import-complete span{display:block}.import-complete span{color:var(--secondary-ink,#686e69);margin-top:3px;font-size:13px}.teacher-classes-loading,.session-gate,.analytics-state,.module-loading{justify-content:center;align-items:center;gap:12px;display:flex}.teacher-classes-loading{min-height:100dvh}.session-frame{place-items:center;display:grid}.session-gate{text-align:center;flex-direction:column;width:min(560px,100% - 48px)}.session-gate svg{color:var(--celadon,#4f7165)}.session-gate h1{font-size:28px}.read-only-classroom{border:1px solid var(--warning-ochre,#b27a3a);background:color-mix(in srgb, var(--warning-ochre,#b27a3a) 9%, transparent);border-radius:6px;min-height:44px;margin-bottom:8px;padding:10px 14px;font-size:13px}.workspace:has(.read-only-classroom){flex-direction:column;display:flex;overflow:auto}.workspace:has(.read-only-classroom) .review-module{flex:1 0 auto;min-height:0}.workspace-logout{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:0 0;border-radius:6px;flex:none;place-items:center;display:grid}.top-module-tabs button{border-radius:8px;min-height:44px}.module-loading,.analytics-state{min-height:240px;color:var(--secondary-ink,#686e69);flex-direction:column}.analytics-state h2,.analytics-state p{margin:0}.submission-history-state{text-align:center;min-height:260px;color:var(--secondary-ink,#686e69);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.submission-history-state h2,.submission-history-state p,.student-submission-history h2,.student-submission-history h3,.student-submission-history p{margin:0}.student-submission-history{width:min(960px,100%);margin:0 auto;padding:16px 8px 32px}.student-submission-history>header{border-bottom:1px solid var(--hairline,#d3cec4);gap:8px;padding-bottom:20px;display:grid}.student-submission-history>header p,.history-item-head span,.history-process-summary{color:var(--secondary-ink,#686e69);font-size:13px}.submission-history-item{border-bottom:1px solid var(--hairline,#d3cec4);gap:14px;padding:22px 0;display:grid}.history-item-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.history-item-head h3{margin-top:4px;font-family:Source Han Serif SC,Songti SC,STSong,serif;font-size:19px}.history-item-head>strong{color:var(--celadon,#4f7165);font-size:13px}.submission-history-item>img{object-fit:contain;border:1px solid var(--hairline,#d3cec4);border-radius:8px;width:min(100%,520px);max-height:360px}.history-no-image,.real-image-empty{border:1px solid var(--hairline,#d3cec4);min-height:88px;color:var(--secondary-ink,#686e69);text-align:center;border-radius:8px;place-items:center;padding:16px;font-size:13px;display:grid}.history-feedback,.history-teacher-comment{border-top:1px solid var(--hairline,#d3cec4);gap:8px;padding-top:14px;line-height:1.6;display:grid}.history-teacher-comment strong{color:var(--celadon,#4f7165)}.mini-plate img,.detail-art img{object-fit:contain;width:100%;height:100%}.local-draft-label{color:var(--secondary-ink,#686e69);margin-top:8px;font-size:12px}@media (width<=900px) and (orientation:portrait){.teacher-classes{padding:0 24px 32px}.teacher-classes-layout{grid-template-columns:1fr;gap:28px}.teacher-classes-header{min-height:88px}.create-classroom-form{border-left:0;border-top:1px solid var(--hairline,#d3cec4);padding:28px 0 0}.teacher-management-panel{width:100%}.roster-head{display:none}.roster-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:14px 0}.roster-row [data-label=姓名]{grid-column:1;font-size:15px}.roster-row [data-label=学号],.roster-row [data-label=状态]{color:var(--secondary-ink,#686e69);grid-column:1}.roster-row [data-label=学号]:before,.roster-row [data-label=状态]:before{color:var(--secondary-ink,#686e69);margin-right:8px;font-size:11px}.roster-row [data-label=学号]:before{content:"学号"}.roster-row [data-label=状态]:before{content:"状态"}.roster-row [data-label=操作]{grid-area:1/2/span 3;align-self:center}}@media (width<=640px){.classroom-state-brand,.teacher-classes-header{padding-left:16px;padding-right:16px}.teacher-classes{padding:0 16px 24px}.teacher-classes-header{align-items:flex-start;padding-top:16px;padding-bottom:16px}.class-session-row{flex-direction:column;align-items:flex-start;padding:12px 0}.class-session-row button{width:100%}.teacher-workspace-tabs{overflow-x:auto}.teacher-workspace-tabs button{flex:none;padding:0 14px}.teacher-management-form,.student-create-row{grid-template-columns:1fr}.teacher-management-form .management-primary,.student-create-row .management-primary{width:100%}.class-lifecycle-next{flex-direction:column;align-items:stretch}.class-lifecycle-next .management-primary{width:100%}.roster-import-backdrop{padding:12px}.roster-import-dialog{max-height:calc(100dvh - 24px)}.roster-import-dialog>header,.roster-import-dialog>footer{padding:15px 16px}.dialog-intro,.roster-import-dialog .classroom-error,.roster-import-dialog .management-loading,.roster-import-dialog .import-complete,.file-picker{margin-left:16px;margin-right:16px}.import-preview{padding-left:16px;padding-right:16px}.import-row-head{display:none}.import-row{grid-template-columns:1fr;gap:4px;padding:10px 0}.import-row [data-label]:before{width:62px;color:var(--secondary-ink,#686e69);font-size:11px;display:inline-block}.import-row [data-label=行]:before{content:"行号"}.import-row [data-label=学号]:before{content:"学号"}.import-row [data-label=姓名]:before{content:"姓名"}.import-row [data-label=处理结果]:before{content:"处理结果";flex:0 0 62px}}.class-lifecycle-actions{flex-wrap:wrap;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){.management-primary,.management-secondary,.management-danger,.row-action{transition:none}}:root{--ink:#1f3434;--muted:#72807b;--jade:#2f6f67;--jade-dark:#15515c;--porcelain:#f4efe5;--paper:#fbfaf6;--panel:#fffdf7eb;--line:#24373524;--blue-ink:#24465a;--ochre:#b88b55;--warning:#ba6a58;--shadow:0 18px 45px #28302b1f;color:var(--ink);background:#111412;font-family:Songti SC,STSong,PingFang SC,Hiragino Sans GB,serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#f5f2ec;place-items:center;display:grid;overflow:hidden}.skip-link{z-index:1000;border:1px solid var(--jade-dark);background:var(--paper);color:var(--ink);border-radius:6px;padding:10px 14px;transition:transform .16s ease-out;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus-visible{outline:3px solid color-mix(in srgb, var(--jade) 38%, transparent);outline-offset:2px;transform:translateY(0)}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}.workspace-logout:focus-visible,.workspace-return:focus-visible,.top-module-tabs button:focus-visible{outline:3px solid color-mix(in srgb, var(--jade) 38%, transparent);outline-offset:2px}.ipad-frame{aspect-ratio:1672/941;background:linear-gradient(90deg, #ffffff9e, transparent 28%), var(--paper);width:100vw;height:100vh;box-shadow:none;border:0;border-radius:0;grid-template-rows:7.2% 5.8% 1fr 4.8%;grid-template-columns:1fr;display:grid;overflow:hidden}.ipad-frame:has(.statusbar.compact-hidden){grid-template-rows:7.2% 5.8% 1fr 0}.topbar{border-bottom:1px solid var(--line);background:#fbfaf6f0;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1.2vw;padding:0 1.4%;display:flex}.brand,.class-meta,.statusbar,.section-title,.panel-title-row,.stage-head,.stage-actions,.student-title{align-items:center;display:flex}.brand{gap:.7vw;min-width:25%}.school-seal{width:min(3vw,44px);height:min(3vw,44px);color:var(--jade-dark);background:#edf3ed;border:1px solid #15515c52;border-radius:999px;place-items:center;display:grid}.brand strong{letter-spacing:0;font-size:clamp(16px,1.28vw,24px);display:block}.brand span{color:var(--muted);text-transform:uppercase;margin-top:.08rem;font-size:clamp(8px,.58vw,11px);display:block}.class-meta{color:#334846;flex:1;justify-content:center;gap:2.5vw;font-size:clamp(11px,.9vw,16px)}.workspace-account-actions{align-items:center;gap:.55rem;display:flex}.workspace-return,.workspace-logout{min-height:44px;color:var(--jade-dark);background:#f7faf6;border:1px solid #15515c3d;border-radius:6px}.workspace-return{align-items:center;gap:.4rem;padding:.42rem .62rem;font-size:clamp(11px,.82vw,14px);display:inline-flex}.workspace-logout{place-items:center;width:44px;padding:0;display:grid}.top-module-tabs{border-bottom:1px solid var(--line);background:linear-gradient(180deg, #fffdf8f5, #f2eee5db), var(--paper);grid-area:2/1/3/-1;justify-content:center;align-items:center;gap:.95vw;padding:0 1.4%;display:flex}.top-module-tabs button{color:#61716d;background:#ffffff73;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.45vw;min-width:10.8vw;height:3.2vw;font-size:clamp(12px,.92vw,17px);display:inline-flex;box-shadow:0 8px 20px #232e2b00}.top-module-tabs button.active{color:#fff;background:linear-gradient(135deg,#3b7a72,#1d5c61);border-color:#2f6f6747;box-shadow:0 10px 22px #1d5c612e}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.side-nav{border-right:1px solid var(--line);background:linear-gradient(180deg, #f4efe5bf, #fffdf7db), var(--paper);flex-direction:column;grid-row:2/3;justify-content:space-between;padding:1.1vw .7vw 1vw;display:flex}.nav-group{gap:.6vw;display:grid}.side-nav button{color:#4b5f5b;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:.72vw;width:100%;min-height:clamp(42px,4.1vw,66px);padding:0 .8vw;font-size:clamp(12px,1vw,18px);display:flex}.side-nav button.active{color:var(--jade-dark);box-shadow:inset 3px 0 0 var(--jade);background:linear-gradient(90deg,#2f6f672e,#2f6f670d)}.settings-btn{border:1px solid var(--line)!important;background:#ffffff8f!important}.workspace{background:linear-gradient(115deg,#2f6f6714,#0000 38%),#f5f2ea;grid-area:3/1/4/-1;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;padding:0;display:grid;overflow:hidden}.workspace-content{min-width:0;min-height:0;padding:.75vw;overflow:hidden}.workspace-content>*{height:100%}.sync-status{color:#6f4d21;background:#fff7e6;border-bottom:1px solid #b88b5547;flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:1rem;min-height:34px;padding:.35rem 1rem;font-size:clamp(11px,.82vw,14px);display:flex}.sync-status span,.sync-status button{align-items:center;gap:.35rem;display:inline-flex}.sync-status button{min-width:44px;min-height:44px;color:inherit;background:#ffffffb8;border:1px solid #6f4d2147;border-radius:6px;padding:.25rem .55rem}.sync-status button:focus-visible{outline-offset:2px;outline:3px solid #1f6f78}.sync-status-blocked,.sync-status-error{color:#8a3f35}.session-frame{grid-template-rows:minmax(64px,7.5vw) 1fr}.session-frame .topbar{grid-column:1/-1}.session-workspace{grid-row:2/-1;place-items:center;display:grid}.session-gate{text-align:center;place-content:center;gap:16px;width:min(520px,88vw);min-height:240px;display:grid}.session-gate h2,.session-gate p{margin:0}.statusbar{color:#586863;border-top:1px solid var(--line);background:#e8ede7;grid-area:4/1/5/-1;justify-content:space-between;gap:1vw;padding:0 1.45%;font-size:clamp(10px,.78vw,14px)}.statusbar span{white-space:nowrap;align-items:center;gap:.3vw;display:inline-flex}.statusbar.compact-hidden{display:none}.entry-panel,.lesson-panel,.practice-stage,.insight-panel,.submission-preview,.ai-review-panel,.submit-actions,.analytics-main,.teacher-detail{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:14px}.module-kicker{color:var(--jade);text-transform:uppercase;font-size:clamp(10px,.72vw,14px)}.review-module h2,.analytics-head h2{letter-spacing:0;margin:.55vw 0;font-weight:600}.entry-panel button,.diagnosis-btn,.submit-actions button.primary{color:#fff;background:linear-gradient(135deg, var(--jade), var(--jade-dark));border:0;border-radius:8px;justify-content:center;align-items:center;gap:.45vw;padding:.75vw 1.2vw;display:inline-flex;box-shadow:0 12px 22px #15515c33}.entry-panel{flex-direction:column;min-width:0;padding:1.45vw;display:flex;position:relative;overflow:hidden}.entry-panel:before{content:"";background:linear-gradient(90deg, var(--jade), #2f6f6700);height:4px;position:absolute;inset:0 0 auto}.gallery-toolbar input,.teacher-detail textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf8;border-radius:9px;padding:.72vw}.ceramic-thumb{display:block;overflow:visible}.ceramic-thumb-mini{width:100%;height:100%}.ceramic-thumb-large{width:min(92%,31vw);height:min(92%,31vw)}.ceramic-thumb-wide{width:100%;height:100%}.real-brush{--pressure-scale:1;--wet-opacity:.1;--dry-opacity:.1;--split-opacity:.1;overflow:visible}.real-brush .brush-hair-body{transform-box:fill-box;transform-origin:100%;transform:scaleY(var(--pressure-scale))}.real-brush-聚锋轻按 .brush-hair-body{transform:scale(.82,.62)}.real-brush-重按铺锋 .brush-hair-body,.real-brush-湿笔积色 .brush-hair-body{transform:scale(1.08,1.34)}.real-brush-炸毛分叉 .brush-hair-body{transform:scale(1.12,1.22)}.real-brush .brush-hair-wet{fill:rgba(18, 59, 66, var(--wet-opacity))}.real-brush .brush-hair-dry{fill:none;stroke:rgba(238, 226, 197, var(--dry-opacity));stroke-width:4px;stroke-linecap:round;stroke-dasharray:12 10 4 12}.real-brush .brush-split-strands{opacity:var(--split-opacity)}.real-brush .brush-split-strands path{fill:none;stroke:#17120e;stroke-width:3.6px;stroke-linecap:round}.real-brush .brush-ferrule{filter:drop-shadow(0 2px 2px #ffffff26)}.real-brush .brush-handle-highlight,.real-brush .brush-handle-shadow{fill:none;stroke-linecap:round}.real-brush .brush-handle-highlight{stroke:#ffe2a85c;stroke-width:4px}.real-brush .brush-handle-shadow{stroke:#2c180a61;stroke-width:5px}.training-grid{grid-template-columns:22.5% 1fr 29%;gap:.75vw;height:100%;display:grid}.brush-module :where(button,input[type=range]){min-height:44px}.brush-module input[type=range]{cursor:pointer;margin-block:2px}.lesson-panel,.practice-stage,.insight-panel{min-height:0;overflow:hidden}.lesson-panel{flex-direction:column;gap:.65vw;padding:.72vw;display:flex;overflow:auto}.panel-section{border:1px solid var(--line);background:#ffffff85;border-radius:10px;padding:.72vw}.panel-section.compact{margin-top:auto}.brush-module .panel-section.compact{margin-top:0}.section-title{gap:.52vw;margin-bottom:.65vw}.section-title span{color:#fff;background:var(--jade);border-radius:999px;place-items:center;width:1.5vw;height:1.5vw;font-weight:700;display:grid}.ware-grid{grid-template-columns:repeat(4,1fr);gap:.4vw;display:grid}.ware,.task-card,.region-row{border:1px solid var(--line);background:#fffdf8cc;border-radius:9px}.ware{justify-items:center;gap:.3vw;padding:.6vw .25vw;display:grid}.ware.active,.task-card.active,.region-row.active{border-color:var(--jade);box-shadow:inset 0 0 0 1px #2f6f6747}.ware-shape{background:radial-gradient(circle at 50% 18%,#fff,#d5ccb9 64%,#9e927e);border-radius:0 0 999px 999px;width:2.7vw;height:2.25vw}.ware-1{border-radius:999px;height:1.35vw}.ware-2,.ware-3{border-radius:46% 46% 38% 38%;width:1.8vw;height:2.9vw}.task-card{width:100%;color:var(--ink);text-align:left;gap:.25vw;margin-top:.45vw;padding:.75vw;display:grid}.task-card small,.ware em,.region-row em{color:var(--muted);font-size:clamp(9px,.68vw,12px);font-style:normal}.panel-section input[type=range],.range-line input{width:100%;accent-color:var(--jade)}.practice-stage{background:linear-gradient(135deg,#2f6f6717,#fffdf8e0);grid-template-rows:auto auto minmax(0,1fr) auto;padding:.7vw;display:grid}.stage-head{justify-content:space-between;gap:1vw;margin-bottom:.6vw}.stage-head span,.panel-title-row button,.stage-actions button,.tool-strip button{color:var(--muted);font-size:clamp(10px,.75vw,13px)}.stage-head strong{margin-top:.15vw;font-size:clamp(16px,1.22vw,24px);display:block}.stage-actions{gap:.45vw}.stage-actions button,.tool-strip button,.panel-title-row button,.quick-comments button,.gallery-toolbar button{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;align-items:center;gap:.35vw;padding:.52vw .72vw;display:inline-flex}.porcelain-plate{touch-action:none;-webkit-user-select:none;user-select:none;background:#d9ddd7;border-radius:22px;min-height:0;position:relative;overflow:hidden}.porcelain-plate:before{content:none}.porcelain-plate:after{content:"";pointer-events:none;border:1px solid #ffffff7a;border-radius:24px;position:absolute;inset:6%}.ware-surface-bowl{background:#d9ddd7}.ware-surface-bowl:before{content:none}.ware-surface-bottle{background:#d9ddd7}.ware-surface-bottle:before,.ware-surface-bottle:after{content:none}.ware-surface-jar{background:#d9ddd7}.ware-surface-jar:before{content:none}.ceramic-surface-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ware-surface-label{z-index:3;color:var(--jade-dark);background:#fffdf7c7;border:1px solid #2f6f6733;border-radius:999px;padding:.42vw .7vw;font-size:clamp(10px,.72vw,13px);position:absolute;top:5%;right:4%}.stroke-layer{z-index:4;-webkit-user-select:none;user-select:none;pointer-events:none;width:90%;height:82%;position:absolute;inset:4% 5%}.webgl-brush-layer{z-index:5;pointer-events:none;width:90%;height:82%;display:block;position:absolute;inset:4% 5%}.brush-rig-3d{z-index:6;pointer-events:none;touch-action:none;filter:drop-shadow(0 9px 8px #2b211621);width:90%;height:82%;display:block;position:absolute;inset:4% 5%}.stroke-layer text{fill:#245779;-webkit-user-select:none;user-select:none;font-size:24px}.guide-corridor{fill:none;stroke:#2f6f671a;stroke-width:38px;stroke-linecap:round;stroke-linejoin:round}.guide-line{fill:none;stroke:#2f6f678f;stroke-width:5px;stroke-dasharray:14 18;stroke-linecap:round;stroke-linejoin:round}.guide-line-soft{stroke:#2f6f6757;stroke-width:4px}.ornament-line{fill:none;stroke:#4c484138;stroke-width:3px}.anchor-marker{filter:drop-shadow(0 2px 3px #fffdf7e6)}.anchor-dot{fill:#1f6991;stroke:#fff;stroke-width:5px}.replay-cursor{fill:#2f6f6733;stroke:var(--jade);stroke-width:5px;animation:.8s ease-in-out infinite alternate cursorPulse}@keyframes cursorPulse{0%{r:12px;opacity:.72}to{r:22px;opacity:1}}.touch-contact{--contact-scale:1;--contact-alpha:.45;z-index:7;pointer-events:none;width:2.2vw;height:2.2vw;transform:translate(-50%, -50%) scale(var(--contact-scale));place-items:center;transition:opacity .16s,transform 80ms linear;display:grid;position:absolute}.touch-contact i{background:radial-gradient(circle, rgba(47, 111, 103, var(--contact-alpha)) 0 34%, #2f6f6729 35% 64%, transparent 65%), #ffffff14;border:.22vw solid #ffffffeb;border-radius:999px;width:100%;height:100%;box-shadow:0 0 0 .28vw #2f6f672e,0 8px 18px #1f3d382e}.touch-contact span{color:var(--jade-dark);white-space:nowrap;background:#fffdf8e6;border:1px solid #2f6f672e;border-radius:999px;padding:.18vw .42vw;font-size:clamp(8px,.58vw,11px);position:absolute;top:calc(100% + .24vw);left:50%;transform:translate(-50%)}.touch-contact.pressure-locked span{opacity:0}.touch-contact.replay i{background:radial-gradient(circle, rgba(184, 139, 85, var(--contact-alpha)) 0 30%, #b88b5524 31% 58%, transparent 59%), #ffffff14;border-color:#ffffffb8}.touch-contact.idle{opacity:0}.hold-preview{background:linear-gradient(135deg,#2f6f6714,#b88b5514),#fffdf8bd;border:1px solid #24465a29;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:.2vw .45vw;margin-top:.52vw;padding:.5vw .58vw;display:grid}.hold-preview span,.hold-preview em{color:#5a6a65;font-size:clamp(9px,.64vw,12px);font-style:normal}.hold-preview strong{color:var(--blue-ink);font-size:clamp(18px,1.35vw,26px);font-weight:500;line-height:1}.hold-preview em{border-top:1px solid #2f6f671a;grid-column:1/-1;padding-top:.2vw}.input-mode-note{color:#52635f;background:#2f6f670f;border:1px solid #2f6f672e;border-radius:8px;gap:.18vw;margin-top:.58vw;padding:.48vw .55vw;display:grid}.input-mode-note strong{color:var(--jade-dark);font-size:clamp(10px,.72vw,13px)}.input-mode-note span{font-size:clamp(8px,.58vw,11px);line-height:1.35}.state-preset-grid{grid-template-columns:repeat(2,1fr);gap:.36vw;margin-top:.62vw;display:grid}.state-preset-grid button{border:1px solid var(--line);color:#4d615d;background:#ffffffad;border-radius:7px;padding:.34vw .3vw;font-size:clamp(9px,.65vw,12px)}.state-preset-grid button.active{color:#fff;border-color:var(--jade);background:var(--jade)}.pressure-card{z-index:3;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf7d1;border-radius:12px;min-height:6.5vw;padding:.75vw;position:absolute;bottom:9%;left:10%;right:13%}.plate-notice{z-index:3;color:#46605b;white-space:nowrap;text-overflow:ellipsis;background:#fffdf7c7;border:1px solid #2f6f672e;border-radius:999px;max-width:52%;padding:.45vw .72vw;font-size:clamp(10px,.72vw,13px);position:absolute;top:7%;left:10%;overflow:hidden}.pressure-card span,.pressure-card-meta,.pressure-card small{color:#52635f;font-size:clamp(10px,.72vw,13px)}.pressure-card-head{justify-content:space-between;align-items:center;gap:.65vw;display:flex}.pressure-card-head strong{color:var(--blue-ink);font-size:clamp(24px,2.1vw,38px);font-weight:500;line-height:1}.pressure-gauge{background:linear-gradient(90deg,#2f6f6724,#24465a29,#ba6a582e);border-radius:999px;height:.62vw;position:absolute;top:2.5vw;left:.75vw;right:.75vw}.pressure-gauge i,.pressure-gauge b{border-radius:999px;position:absolute;top:0;bottom:0}.pressure-gauge i{background:var(--blue-ink);left:0}.pressure-gauge b{background:var(--blue-ink);border:2px solid #fff;width:.78vw;height:.78vw;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #24465a38}.pressure-card-meta{gap:.42vw;margin-top:1.25vw;display:flex}.pressure-card-meta em{color:var(--jade-dark);background:#2f6f6714;border-radius:999px;padding:.18vw .42vw;font-style:normal}.pressure-card small{margin-top:.42vw;display:block}.tool-strip{justify-content:center;gap:.75vw;padding-top:.55vw;display:flex}.tool-strip button.active{color:var(--jade-dark);background:#2f6f6717;border-color:#2f6f6761}.insight-panel{flex-direction:column;gap:.65vw;padding:.75vw;display:flex;overflow:auto}.panel-title-row{justify-content:space-between}.panel-title-row h2{margin:0;font-size:clamp(16px,1.15vw,22px)}.brush-observe-card{border:1px solid var(--line);background:#fffdf8;border-radius:12px;grid-template-columns:1fr;gap:.7vw;padding:.75vw;display:grid}.brush3d{background:#e8ebe5;border-radius:10px;grid-template-rows:1fr 1fr;grid-template-columns:1.5fr 1fr;gap:.42vw;min-height:10.2vw;display:grid;position:relative;overflow:hidden}.brush-camera-view{background:linear-gradient(145deg,#ffffffeb,#dfe3dbe0);min-width:0;position:relative;overflow:hidden}.brush-camera-side{grid-row:1/3}.brush-camera-view>span{z-index:2;color:#53635e;font-size:clamp(8px,.56vw,10px);position:absolute;top:.36vw;left:.42vw}.brush-visual-canvas{width:100%;height:100%;display:block}.brush-camera-contact .brush-visual-canvas{background:radial-gradient(circle,#ffffffe6,#dfe3dbb3)}.brush-observe-card p{color:#5b6965;margin:.45vw 0 0;font-size:clamp(11px,.8vw,14px);line-height:1.55}.brush-guide-card,.diagnosis-card{background:#f1f6f0;border:1px solid #2f6f672e;border-radius:10px;padding:.65vw .72vw}.brush-guide-card p,.diagnosis-card p,.diagnosis-card li{color:#53625e;margin:.26vw 0 0;font-size:clamp(10px,.72vw,13px);line-height:1.48}.diagnosis-card ul{margin:.28vw 0 0;padding-left:1.1vw}.pressure-breakdown{border:1px solid var(--line);background:#fffdf8b8;border-radius:12px;gap:.42vw;padding:.68vw .72vw;display:grid}.pressure-breakdown>strong{color:var(--ink);font-size:clamp(12px,.86vw,15px)}.pressure-breakdown label{color:#53625e;grid-template-columns:4.8vw 1fr 2.2vw;align-items:center;gap:.42vw;font-size:clamp(9px,.66vw,12px);display:grid}.pressure-breakdown i{background:#2f6f671f;border-radius:999px;height:.38vw;overflow:hidden}.pressure-breakdown b{background:var(--jade);border-radius:999px;height:100%;display:block}.pressure-breakdown em{color:var(--jade-dark);text-align:right;font-style:normal}.metric-grid{grid-template-columns:repeat(3,1fr);gap:.55vw;display:grid}.metric-grid article{border:1px solid var(--line);background:#ffffff8c;border-radius:10px;align-content:center;justify-items:center;min-height:5.1vw;display:grid}.metric-grid span{color:var(--muted);font-size:clamp(9px,.66vw,12px)}.metric-grid strong{margin:.25vw 0;font-size:clamp(20px,1.9vw,34px);font-weight:500}.metric-grid em{color:var(--jade);font-size:clamp(9px,.66vw,12px);font-style:normal}.state-word{color:var(--blue-ink)}.diagnosis-btn{width:100%;margin-top:auto}.region-row{width:100%;color:var(--ink);text-align:left;grid-template-columns:1.2vw 1fr auto;align-items:center;gap:.5vw;margin-top:.45vw;padding:.65vw;display:grid}.region-row i{border:1px solid #0000001f;border-radius:999px;width:1vw;height:1vw}.color-palette{grid-template-columns:repeat(6,1fr);gap:.38vw;margin-bottom:.8vw;display:grid}.color-palette button{aspect-ratio:1;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:999px}.range-line{color:#53625e;grid-template-columns:4.2vw 1fr 2vw;align-items:center;gap:.45vw;margin:.58vw 0;font-size:clamp(10px,.75vw,13px);display:grid}.range-line em{text-align:right;font-style:normal}.lotus-module{grid-template-rows:minmax(0,1fr) 12%;grid-template-columns:18.5% 1fr 22.5%}.lotus-left,.lotus-stage,.lotus-insight{grid-row:1/2}.lotus-module button{min-height:44px}.lotus-module input[type=range]{touch-action:pan-x;min-height:44px;margin:0}.lotus-module .footer-save,.lotus-module .footer-submit{min-height:48px}.region-tile-grid{grid-template-columns:repeat(3,1fr);gap:.42vw;display:grid}.active-region-strip{background:#2f6f670f;border:1px solid #2f6f672e;border-radius:10px;grid-template-columns:2.6vw 1fr;align-items:center;gap:.55vw;margin-bottom:.55vw;padding:.48vw .58vw;display:grid}.active-region-strip span{color:var(--muted);font-size:clamp(8px,.58vw,11px);display:block}.active-region-strip strong{color:var(--jade-dark);margin-top:.08vw;font-size:clamp(13px,.95vw,17px);display:block}.region-tile{border:1px solid var(--line);color:#53645f;background:#fffdf8b8;border-radius:10px;place-items:center;gap:.14vw;min-height:4.55vw;display:grid}.region-tile.active{border-color:var(--jade);color:var(--jade-dark);background:#2f6f6717;box-shadow:inset 0 0 0 1px #2f6f672e}.region-tile strong{font-size:clamp(11px,.78vw,14px)}.region-tile em{max-width:5vw;color:var(--muted);text-align:center;font-size:clamp(8px,.58vw,11px);font-style:normal;line-height:1.25}.region-svg{--region-color:#6f8d67;width:2.35vw;height:2.05vw;color:var(--region-color);display:block;overflow:visible}.region-svg .tone-fill{fill:color-mix(in srgb, var(--region-color) 76%, #f7f4ec 24%);stroke:none}.region-svg .tone-fill.lighter{fill:color-mix(in srgb, var(--region-color) 52%, #f7f4ec 48%)}.region-svg .tone-fill.shadow{fill:color-mix(in srgb, var(--region-color) 82%, #284e58 18%);opacity:.86}.region-svg .tone-line{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.region-svg .tone-line.thick{stroke-width:2.8px}.region-svg .tone-line.faint{opacity:.38}.region-svg .tone-dot{fill:currentColor}.region-tile:not(.active) .region-svg{color:#78928d}.region-tile.active .region-svg{filter:drop-shadow(0 5px 8px #2f6f6729)}.region-icon{--region-color:#6f8d67;background:var(--region-color);opacity:.86;width:1.95vw;height:1.65vw;display:block}.region-icon.leaf{border-radius:56% 44% 64% 36%;transform:rotate(-18deg)}.region-icon.vein{width:2vw;height:2px;box-shadow:0 .36vw 0 var(--region-color), 0 -.36vw 0 var(--region-color);border-radius:999px}.region-icon.edge{border:3px solid var(--region-color);background:0 0;border-radius:42% 58% 44% 56%}.region-icon.shadow{filter:blur(1px);border-radius:999px}.region-icon.water{opacity:.58;border-radius:50%;width:2.2vw;height:1vw}.region-icon.bud{border-radius:52% 48% 42% 58%;width:1.45vw}.ghost-action,.toggle-row{color:#52635f;background:#ffffff7a;border:1px dashed #2f6f6747;border-radius:8px;justify-content:center;align-items:center;gap:.45vw;width:100%;margin-top:.62vw;padding:.48vw;display:inline-flex}.color-palette.square{grid-template-columns:repeat(4,1fr)}.color-palette.square button{aspect-ratio:1.3;border-radius:8px;position:relative;overflow:hidden}.color-palette.square button.active{box-shadow:0 0 0 2px var(--jade), inset 0 0 0 2px #fff9}.color-palette.square span{color:#ffffffeb;background:#0000003d;padding:.12vw 0;font-size:clamp(7px,.52vw,10px);position:absolute;bottom:0;left:0;right:0}.toggle-row{border-style:solid;justify-content:flex-start}.toggle-row span{background:#c5cec7;border-radius:999px;width:1.7vw;height:.95vw;display:inline-block}.toggle-row span:after{content:"";background:#fff;border-radius:999px;width:.75vw;height:.75vw;margin:.1vw;display:block}.toggle-row.active{color:var(--jade-dark);background:#2f6f6714;border-color:#2f6f6757}.toggle-row.active span{background:var(--jade)}.toggle-row.active span:after{transform:translate(.74vw)}.lotus-stage{background:linear-gradient(135deg,#2f6f6712,#fffdf8e6)}.lotus-plate-scene{background:radial-gradient(circle at 58% 42%,#ffffffdb,#0000 42%),linear-gradient(135deg,#d0d6cd,#e8e4d9);border-radius:16px;place-items:stretch stretch;min-height:0;display:grid;position:relative;overflow:hidden}.lotus-plate-scene .lotus-painting{height:100%;min-height:0}.lotus-plate-scene .lotus-painting__surface{aspect-ratio:auto;border:0;border-radius:13px;height:100%}.lotus-plate-scene .lotus-painting__regions{display:none}.lotus-plate-image{object-fit:cover;opacity:.76;filter:grayscale(.14)saturate(.82)contrast(1.04);border-radius:13px;width:100%;height:100%;position:absolute;inset:0}.lotus-region-overlay{--region-opacity:.68;--selected-opacity:.92;--bleed-blur:0px;z-index:2;mix-blend-mode:multiply;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.lotus-region-overlay path,.lotus-region-overlay g{opacity:var(--region-opacity);pointer-events:auto;cursor:pointer;transition:opacity .18s,filter .18s,stroke-width .18s}.lotus-region-overlay .selected{opacity:var(--selected-opacity);filter:drop-shadow(0 0 12px #ffffffb3)}.lotus-region-overlay .region-leaf,.lotus-region-overlay .region-shadow,.lotus-region-overlay .region-water{filter:blur(var(--bleed-blur))}.lotus-region-overlay .region-leaf{stroke:#ffffff47;stroke-width:4px}.lotus-region-overlay .region-shadow{opacity:calc(var(--region-opacity) - .12)}.lotus-region-overlay .region-water{opacity:calc(var(--region-opacity) - .18)}.lotus-region-overlay .region-leaf.selected,.lotus-region-overlay .region-shadow.selected,.lotus-region-overlay .region-water.selected{opacity:var(--selected-opacity)}.lotus-region-overlay .region-water.selected{filter:blur(var(--bleed-blur)) saturate(1.2)}.lotus-region-overlay .region-edge{stroke-width:24px;stroke-linecap:round;stroke-linejoin:round;opacity:calc(var(--region-opacity) + .04)}.lotus-region-overlay .region-edge.selected{stroke-width:32px}.lotus-region-overlay .region-bud{stroke-width:20px;stroke-linecap:round;stroke-linejoin:round}.lotus-region-overlay .vein-mask{fill:none;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;opacity:calc(var(--region-opacity) + .08);mix-blend-mode:normal}.lotus-region-overlay .vein-mask.selected{opacity:calc(var(--selected-opacity) + .08);stroke-width:9px}.lotus-plate-svg{filter:drop-shadow(0 24px 28px #2d322c2e);width:98%;height:98%}.lotus-edit-tint{--tint-color:#6f8d67;--tint-opacity:.16;z-index:2;background:var(--tint-color);opacity:var(--tint-opacity);mix-blend-mode:multiply;pointer-events:none;filter:blur(10px);position:absolute}.tint-leafCore{clip-path:polygon(9% 42%,18% 20%,37% 7%,55% 12%,74% 18%,94% 35%,88% 58%,72% 78%,48% 87%,24% 76%);width:60%;height:62%;top:13%;left:18%}.tint-vein{clip-path:polygon(47% 0,54% 0,56% 100%,48% 100%);opacity:.08;width:42%;height:56%;top:18%;left:30%}.tint-edge{clip-path:polygon(5% 43%,10% 22%,28% 6%,46% 7%,57% 3%,74% 15%,94% 24%,96% 49%,83% 61%,88% 77%,64% 88%,42% 86%,23% 75%);opacity:.1;width:82%;height:70%;top:8%;left:8%}.tint-shadow{clip-path:polygon(0 48%,18% 20%,36% 34%,51% 54%,65% 32%,83% 20%,100% 44%,88% 92%,50% 100%,14% 82%);width:90%;height:36%;bottom:12%;left:4%}.tint-water{opacity:.07;border-radius:50%;width:98%;height:98%;top:0;left:1%}.tint-bud{border-radius:50% 50% 42% 42%;width:14%;height:18%;top:46%;left:26%}.region-hotspot,.selection-focus{z-index:5;background:0 0;border:0;position:absolute}.region-hotspot{cursor:pointer}.hot-core{width:48%;height:50%;top:18%;left:22%}.hot-vein{width:43%;height:45%;top:20%;left:31%}.hot-edge{width:78%;height:64%;top:9%;left:8%}.hot-shadow{width:94%;height:34%;top:52%;left:2%}.hot-water{width:28%;height:24%;top:63%;left:6%}.hot-bud{width:11%;height:18%;top:44%;left:27%}.selection-focus{pointer-events:none;border:3px solid #ffffffdb;border-radius:999px;width:4.2vw;height:4.2vw;box-shadow:0 0 0 .35vw #2f6f6759,0 12px 24px #1423222e}.data-source-badge{z-index:6;color:#2c413dc2;background:#fffdf8b8;border:1px solid #2f6f6724;border-radius:999px;padding:.28vw .55vw;font-size:clamp(8px,.58vw,11px);position:absolute;top:1.45%;right:1.3%}.focus-leafCore{top:47%;left:43%}.focus-vein{top:25%;left:54%}.focus-edge{top:38%;right:18%}.focus-shadow{bottom:26%;right:14%}.focus-water{bottom:18%;left:16%}.focus-bud{top:47%;left:29%}.reference-grid{z-index:3;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:7.5% 12%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.region-label{z-index:4;color:#fff;background:#2f6f67cc;border:1px solid #ffffffb3;border-radius:8px;padding:.34vw .62vw;font-size:clamp(10px,.72vw,13px);position:absolute;box-shadow:0 8px 18px #1e363429}.label-core{top:36%;left:43%}.label-vein{top:33%;left:63%}.label-shadow{top:55%;right:14%}.label-water{bottom:20%;left:16%}.lotus-brush-cursor{--cursor-color:#6f8d67;background:linear-gradient(90deg,#1d1710 0 18%,#9d6b36 18% 100%);border-radius:999px;width:9vw;height:.55vw;position:absolute;top:44%;right:33%;transform:rotate(43deg);box-shadow:0 12px 14px #2d23183d}.lotus-brush-cursor:before{content:"";background:color-mix(in srgb, var(--cursor-color) 70%, transparent);border:.28vw solid #fffc;border-radius:999px;width:2vw;height:2vw;position:absolute;top:-.65vw;left:-1.55vw;box-shadow:0 0 0 .28vw #2f6f6759}.reference-wash{z-index:4;color:#52635f;background:#fffdf7d6;border:1px solid #2f6f672e;border-radius:999px;padding:.4vw .8vw;font-size:clamp(10px,.72vw,13px);position:absolute;top:5.2%;left:28%}.lotus-zoom-controls{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf8d1;border:1px solid #2332301f;border-radius:8px;align-items:center;gap:.42vw;padding:.36vw .55vw;display:inline-flex;position:absolute;bottom:3.5%;left:38%}.lotus-zoom-controls button{color:#61716d;background:0 0;border:0;font-size:clamp(9px,.66vw,12px)}.lotus-zoom-controls strong{color:var(--jade-dark);font-size:clamp(10px,.72vw,13px)}.ai-score-bars{gap:.85vw;display:grid}.ai-score-bars label{color:#52635f;grid-template-columns:5.6vw 1fr 2.6vw;align-items:center;gap:.52vw;font-size:clamp(10px,.72vw,13px);display:grid}.ai-score-bars i{background:#2f6f6721;border-radius:999px;height:.42vw;overflow:hidden}.ai-score-bars b{background:var(--jade);border-radius:999px;height:100%;display:block}.ai-score-bars .risk b{background:#ba6a58}.ai-score-bars em{text-align:right;font-style:normal}.current-region-advice{grid-template-columns:2.8vw 1fr;align-items:center;gap:.65vw;display:grid}.current-region-advice .region-svg{background:#2f6f6714;border-radius:10px;width:2.6vw;height:2.45vw;padding:.22vw}.current-region-advice p{margin-top:0}.lotus-advice-list{overflow:auto}.lotus-class-footer{border:1px solid var(--line);min-height:0;box-shadow:var(--shadow);background:#fffdf8e6;border-radius:8px;grid-area:2/1/3/-1;grid-template-columns:minmax(120px,.7fr) minmax(160px,1fr) minmax(160px,1fr);align-items:center;gap:1vw;padding:.7vw .85vw;display:grid}.lotus-class-footer>div{min-width:0}.footer-progress,.footer-works,.footer-score,.footer-time{color:#52635f;gap:.15vw;font-size:clamp(10px,.72vw,13px);display:grid}.footer-progress{position:relative}.footer-progress strong,.footer-score strong,.footer-time strong{color:var(--ink);font-size:clamp(22px,2vw,36px);font-weight:500}.footer-progress em,.footer-score em,.footer-time em{color:var(--muted);font-size:.5em;font-style:normal}.footer-progress i{background:var(--jade);border-radius:999px;height:.45vw}.footer-works{grid-template-columns:auto repeat(3,2.35vw) auto;align-items:center}.footer-works i{aspect-ratio:1;background:radial-gradient(circle at 54% 49%,#1549566b 0 7%,#0000 8%),conic-gradient(from 220deg at 52% 54%,#6d8a699e,#254d5894,#bf74666b,#6d8a699e),radial-gradient(circle,#f8f2e7 0 61%,#cabfae 62% 68%,#f4ede1 69%);border:2px solid #ffffffe0;border-radius:999px;width:2.35vw;box-shadow:0 5px 12px #3238322e}.footer-works i.work-thumb{position:relative}.footer-works i.work-thumb:before,.footer-works i.work-thumb:after{content:"";background:#5c7e6994;border-radius:55% 45% 60% 40%;width:52%;height:36%;position:absolute;top:30%;left:24%;transform:rotate(-18deg)}.footer-works i.work-thumb:after{background:#214f5c6b;width:38%;height:28%;top:34%;left:42%;transform:rotate(24deg)}.footer-works i.lotus-b:before{background:#38656894;transform:rotate(12deg)}.footer-works i.lotus-c:after{background:#b1605c7a}.footer-works button,.footer-save,.footer-submit{border-radius:10px;justify-content:center;align-items:center;gap:.45vw;padding:.7vw .85vw;display:inline-flex}.footer-works button{border:1px solid var(--line);color:var(--jade-dark);background:#ffffffa6}.footer-save{color:var(--jade-dark);background:#ffffffad;border:1px solid #2f6f676b}.footer-submit{color:#fff;background:linear-gradient(135deg, var(--jade), var(--jade-dark));border:0;box-shadow:0 14px 24px #15515c33}.lotus-canvas{background:radial-gradient(circle,#ffffffe6,#dee2d8b8),#dce4db;border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden}.lotus-canvas svg{filter:drop-shadow(0 20px 24px #2b353029);width:88%;max-height:92%}.lotus-region{cursor:pointer;stroke:#2035342e;stroke-width:4px;transition:transform .2s,filter .2s}.lotus-region.active,.lotus-vein.active{filter:drop-shadow(0 0 10px #2f6f678c)}.lotus-vein{fill:none;stroke-width:8px;stroke-linecap:round;cursor:pointer}.lotus-outline{fill:none;stroke:#2035346b;stroke-width:5px}.lotus-note{background:#fffdf7d6;border-radius:999px;align-items:center;gap:.6vw;padding:.65vw .9vw;display:inline-flex;position:absolute;bottom:5%;left:5%}.lotus-note span{border-radius:999px;width:1vw;height:1vw}.lotus-status{z-index:6;color:#4f625e;white-space:nowrap;text-overflow:ellipsis;background:#fffdf7d1;border:1px solid #2f6f672e;border-radius:999px;padding:.52vw .72vw;font-size:clamp(10px,.72vw,13px);position:absolute;top:5%;left:5%;right:5%;overflow:hidden}.score-ring{--score:270deg;aspect-ratio:1;background:conic-gradient(var(--jade) 0 var(--score), #2f6f6729 var(--score) 360deg);border-radius:999px;align-self:center;place-items:center;width:min(11vw,180px);display:grid}.score-ring:before{content:"";position:absolute}.score-ring strong{font-size:clamp(34px,3.2vw,58px);font-weight:500}.score-ring span{color:var(--muted);margin-top:3.2vw;position:absolute}.review-list{gap:.55vw;display:grid}.review-list article,.feedback-box{border:1px solid var(--line);background:#ffffff94;border-radius:10px;padding:.75vw}.review-list p,.feedback-box p{color:#596865;margin:.3vw 0 0;font-size:clamp(11px,.78vw,14px);line-height:1.55}.rule-card{background:#eff5ef!important}.generated-advice{background:#edf6f4!important;border-color:#2f6f6757!important}.review-module{grid-template-columns:34% minmax(0,1fr) 21%;gap:.75vw;height:100%;display:grid}.submission-preview,.ai-review-panel,.submit-actions{min-height:0;padding:1vw;overflow:hidden}.submission-preview h2,.ai-review-panel h2,.submit-actions h2{margin-top:.45vw}.plate-artwork{-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#ffffffbd,#e0e2d8b8),#dfe2d9;border-radius:18px;place-items:center;height:62%;margin:.75vw 0;display:grid;position:relative}.plate-artwork svg{width:88%;height:88%}.review-artwork{background:radial-gradient(at 50% 51%,#fffffffa 0 49%,#dbd3c4eb 50% 55%,#0000 56%),radial-gradient(at 50% 52%,#f7f0e4 0 62%,#cfc3ad 63% 66%,#0000 67%),linear-gradient(135deg,#dce4dc,#efece3);height:56%;overflow:hidden}.review-artwork:before{content:"";background:radial-gradient(circle at 42% 30%,#ffffffb8,#0000 16%),repeating-radial-gradient(circle,#4a43370a 0 1px,#0000 1px 6px);border-radius:50%;position:absolute;inset:11% 8%}.review-stroke-layer{z-index:2;position:relative;width:94%!important;height:86%!important}.empty-work-state{z-index:2;color:#53625e;justify-items:center;gap:.35vw;display:grid;position:relative}.empty-work-state strong{color:var(--jade-dark);font-size:clamp(18px,1.3vw,25px)}.empty-work-state span{text-align:center;max-width:18vw;line-height:1.5}.artwork-marker{color:#8b4c3f;background:#fff8f1d1;border:1px solid #ba6a5852;border-radius:999px;align-items:center;gap:.22vw;padding:.32vw .54vw;font-size:clamp(9px,.66vw,12px);display:inline-flex;position:absolute;box-shadow:0 8px 16px #4e362b1f}.artwork-marker:before{content:"";aspect-ratio:1;background:#ba6a58;border-radius:999px;width:.48vw}.marker-pressure{top:35%;right:12%}.marker-dry{color:#7a5b34;border-color:#b88b5552;top:28%;left:18%}.marker-dry:before{background:#b88b55}.issue-chips,.quick-comments,.problem-row{flex-wrap:wrap;gap:.45vw;display:flex}.issue-chips span,.problem-row span,.work-card i{color:#7b4a39;background:#ecd9cc;border-radius:999px;padding:.32vw .55vw;font-size:clamp(9px,.68vw,12px);font-style:normal}.submission-status{color:var(--jade-dark);background:#2f6f671a;border-radius:999px;margin:.2vw 0 .4vw;padding:.38vw .62vw;font-size:clamp(10px,.72vw,13px);display:inline-flex}.status-待修改{color:#8a4f28;background:#b88b552e}.status-已提交{color:#fff;background:var(--jade)}.score-hero{align-items:end;gap:.7vw;padding:.8vw 0;display:flex}.score-hero strong{color:var(--jade-dark);font-size:clamp(52px,5vw,86px);font-weight:500}.dimension-bars{gap:.55vw;margin-bottom:.8vw;display:grid}.dimension-bars label{color:#52635f;grid-template-columns:5vw 1fr 2vw;align-items:center;gap:.55vw;font-size:clamp(10px,.75vw,13px);display:grid}.dimension-bars i{background:#2f6f6729;border-radius:999px;height:.45vw;overflow:hidden}.dimension-bars b{background:var(--jade);border-radius:999px;height:100%;display:block}.dimension-bars em{text-align:right;font-style:normal}.positive strong{color:var(--jade-dark)}.warning strong{color:var(--warning)}.submit-actions{flex-direction:column;gap:.7vw;display:flex}.timeline-mini{gap:.55vw;margin:.5vw 0 1vw;display:grid}.timeline-mini span{color:#67736f;background:#f1eee6;border-radius:8px;padding:.55vw .7vw}.timeline-mini span.done{color:var(--jade-dark);background:#2f6f671f}.submit-actions button{border:1px solid var(--line);color:var(--jade-dark);background:#ffffffad;border-radius:8px;justify-content:center;align-items:center;gap:.45vw;padding:.75vw;display:flex}.submit-actions button.primary{color:#fff;background:linear-gradient(135deg, var(--jade), var(--jade-dark));border:0;box-shadow:0 12px 22px #15515c2e}.ai-note{color:#52635f;background:#eff4ef;border-radius:10px;gap:.55vw;margin-top:auto;padding:.75vw;font-size:clamp(10px,.75vw,13px);line-height:1.5;display:flex}.analytics-module{grid-template-columns:1fr 31%;gap:.75vw;height:100%;display:grid}.analytics-main,.teacher-detail{min-height:0;padding:.62vw;overflow:auto}.analytics-head{justify-content:space-between;align-items:center;margin-bottom:.42vw;display:flex}.analytics-head span{color:var(--muted);font-size:clamp(10px,.72vw,13px)}.stat-grid{grid-template-columns:repeat(5,1fr);gap:.6vw;display:grid}.stat-grid article{border:1px solid var(--line);background:#fffdf8;border-radius:12px;min-height:4.42vw;padding:.58vw;position:relative}.stat-grid span{color:var(--muted)}.stat-grid strong{color:var(--jade-dark);margin-top:.22vw;font-size:clamp(26px,2.6vw,46px);font-weight:500;display:block}.stat-grid em{color:var(--muted);font-size:.45em;font-style:normal}.stat-grid svg{color:#2f6f677a;position:absolute;bottom:.85vw;right:.8vw}.problem-row{align-items:center;margin:.38vw 0;padding:.32vw 0}.gallery-toolbar{align-items:center;gap:.55vw;margin:.38vw 0;display:flex}.gallery-toolbar strong{margin-right:auto}.gallery-toolbar label{border:1px solid var(--line);background:#fffdf8;border-radius:8px;align-items:center;gap:.35vw;width:13vw;padding:0 .55vw;display:flex}.gallery-toolbar input{background:0 0;border:0;padding:.48vw 0}.gallery-toolbar select{border:1px solid var(--line);color:#4d615d;background:#fffdf8;border-radius:8px;min-height:2.2vw;padding:0 .55vw}.work-gallery{grid-template-columns:repeat(5,1fr);gap:.46vw;display:grid}.work-card{border:1px solid var(--line);min-height:7.38vw;color:var(--ink);text-align:left;background:#fffdf8;border-radius:10px;justify-items:start;gap:.14vw;padding:.45vw;display:grid;position:relative}.empty-gallery{min-height:7.38vw;color:var(--muted);background:#ffffff73;border:1px dashed #2f6f6747;border-radius:10px;grid-column:span 2;place-items:center;display:grid}.work-card.active{border-color:var(--jade);box-shadow:0 0 0 2px #2f6f6729}.work-card>span{color:#fff;background:var(--blue-ink);border-radius:999px;place-items:center;width:1.25vw;height:1.25vw;font-size:clamp(9px,.66vw,12px);display:grid;position:absolute;top:.45vw;left:.45vw}.mini-plate{background:radial-gradient(circle,#ffffffbd,#0000 48%),#eee9df;border-radius:8px;place-items:center;width:100%;height:3.25vw;display:grid}.artwork-preview-canvas{width:100%;height:100%;display:block}.class-analytics-canvas{border:1px solid var(--line);border-radius:8px;width:100%;height:8.2vw;min-height:132px;margin-top:.55vw;display:block}.mini-plate svg{width:100%;height:100%}.work-card strong,.work-card em,.work-card small{font-size:clamp(9px,.7vw,13px);font-style:normal}.work-card em{justify-self:end;margin-top:-1.1vw}.work-card small{color:var(--jade)}.class-charts{grid-template-columns:.7fr 1fr .8fr;gap:.55vw;margin-top:.4vw;display:grid}.class-charts article{border:1px solid var(--line);background:#ffffff9e;border-radius:10px;min-height:5.05vw;padding:.38vw}.donut-chart{aspect-ratio:1;background:radial-gradient(circle at center, #fffdf8 0 48%, transparent 49%), conic-gradient(var(--jade) 0 250deg, #c7d3ca 250deg 360deg);width:3.62vw;color:var(--ink);border-radius:999px;place-items:center;margin:.5vw auto 0;font-size:clamp(18px,1.6vw,28px);display:grid}.donut-chart span{color:var(--muted);margin-top:1.6vw;font-size:clamp(9px,.65vw,11px);display:block;position:absolute}.trend-chart{width:100%;height:3.25vw}.trend-chart path{fill:none;stroke:#9aaea2;stroke-width:5px}.trend-chart .trend-main{stroke:var(--jade)}.bar-compare{justify-content:center;align-items:end;gap:1vw;height:3.25vw;margin-top:.5vw;display:flex}.bar-compare span{color:#fff;background:var(--jade-dark);justify-content:center;align-items:start;width:1.6vw;font-size:clamp(9px,.6vw,11px);display:flex}.teacher-detail{flex-direction:column;gap:.65vw;display:flex}.student-title{gap:.65vw}.avatar{color:#fff;background:var(--jade);border-radius:999px;place-items:center;width:2.6vw;height:2.6vw;display:grid}.student-title span,.student-title em{color:var(--muted);font-size:clamp(10px,.72vw,13px);font-style:normal;display:block}.student-title em{margin-left:auto}.detail-art{background:#eee9df;border-radius:10px;place-items:center;height:12vw;display:grid}.reconstructed-art-label{color:#697975;margin-top:-.45vw;font-size:clamp(9px,.64vw,12px)}.score-override-field{color:#52635f;grid-template-columns:1fr 5.2vw;align-items:center;gap:.6vw;font-size:clamp(10px,.72vw,13px);display:grid}.score-override-field input{border:1px solid var(--line);background:#fffdf8;border-radius:7px;width:100%;min-height:2.1vw;padding:0 .45vw}.detail-art svg{width:92%;height:92%}.detail-bars label{grid-template-columns:5.2vw 1fr 2vw}.teacher-detail textarea{resize:none;min-height:6vw}.quick-comments{margin-top:-.2vw}.quick-comments button{color:#53625e}.teacher-notice{color:#4f625e;background:#eef5ef;border:1px solid #2f6f672e;border-radius:8px;padding:.5vw .62vw;font-size:clamp(10px,.72vw,13px);line-height:1.45}@media (width<=1100px){body{overflow:hidden}.ipad-frame{aspect-ratio:auto;border-width:0;border-radius:0;grid-template-rows:64px 52px minmax(0,1fr) 38px;width:100vw;height:100vh}.class-meta{display:none}.top-module-tabs{justify-content:flex-start;padding:10px 14px;overflow-x:auto}.top-module-tabs button{min-width:142px;height:40px}.training-grid{grid-template-columns:188px minmax(0,1fr) 252px;gap:8px}.lesson-panel,.insight-panel{gap:7px;padding:8px}.panel-section{padding:8px}.ware-grid{grid-template-columns:repeat(2,1fr);gap:5px}.ware-shape{width:34px;height:29px}.pressure-card{bottom:6%;left:6%;right:7%}.brush3d{min-height:130px}.review-module{grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);overflow:auto}.analytics-module{grid-template-columns:minmax(0,1fr) 300px}.work-gallery{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-grid strong{font-size:26px}.class-analytics-canvas{height:145px}}@media (width<=899px){body{overflow:auto}.ipad-frame{grid-template-rows:64px 54px auto 40px;height:auto;min-height:100vh}.workspace{min-height:0;overflow:visible}.workspace-content{overflow:visible}.training-grid{grid-template-rows:auto minmax(660px,72vh) auto;grid-template-columns:1fr;gap:10px;height:auto}.lesson-panel{scroll-snap-type:x proximity;grid-template-columns:repeat(3,minmax(250px,1fr));display:grid;overflow:auto hidden}.lesson-panel>.panel-section{scroll-snap-align:start}.practice-stage{min-height:660px}.insight-panel{min-height:420px;overflow:visible}.brush-observe-card{grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr)}.lotus-module{grid-template-rows:auto minmax(620px,68vh) auto auto}.lotus-left,.lotus-stage,.lotus-insight,.lotus-class-footer{grid-area:auto/1}.lotus-class-footer{grid-template-columns:1fr 1fr;min-height:92px}.review-module,.analytics-module{grid-template-columns:1fr;height:auto;overflow:visible}.analytics-main,.teacher-detail{overflow:visible}.teacher-detail{min-height:720px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-plate{height:120px}.detail-art{height:min(54vw,430px)}.gallery-toolbar{flex-wrap:wrap}.gallery-toolbar strong{flex-basis:100%}.gallery-toolbar label{width:min(100%,260px)}.class-analytics-canvas{height:170px}}@media (hover:none),(pointer:coarse){.ipad-frame :where(.workspace-logout,.top-module-tabs button,.ware,.task-card,.state-preset-grid button,.stage-actions button,.tool-strip button,.panel-title-row button,.region-row,.region-tile,.ghost-action,.toggle-row,.lotus-zoom-controls button,.footer-works button,.gallery-toolbar button,.quick-comments button,.work-card){min-width:44px;min-height:44px}.ipad-frame :where(.gallery-toolbar input,.gallery-toolbar select,.score-override-field input,.teacher-detail textarea){min-height:44px}.ipad-frame :where(.submit-actions button.primary,.footer-submit,.diagnosis-btn){min-height:52px}.color-palette button,.color-palette.square button{min-width:44px;min-height:44px}.panel-section input[type=range],.range-line input{touch-action:pan-x;min-height:44px;margin:0}.panel-section input[type=range]::-webkit-slider-thumb{width:28px;height:28px}.range-line input::-webkit-slider-thumb{width:28px;height:28px}}@media (width>=900px) and (width<=1100px){.ipad-frame{grid-template-rows:60px 50px minmax(0,1fr) 36px}.topbar{gap:12px;padding-inline:12px}.brand{flex:0 34%;min-width:0}.brand strong{white-space:nowrap;font-size:16px}.brand span{display:none}.school-seal{flex:0 0 40px;width:40px;height:40px}.class-meta{justify-content:flex-end;gap:8px;min-width:0;font-size:12px;display:flex}.class-meta span{white-space:nowrap;background:#2f6f6712;border-radius:6px;min-width:0;padding:5px 7px}.workspace-logout{flex:0 0 44px;width:44px;height:44px}.top-module-tabs{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;padding:3px 10px;display:grid;overflow:hidden}.top-module-tabs button{white-space:nowrap;width:100%;min-width:0;height:44px;padding-inline:8px;font-size:12px}.workspace-content{padding:8px}.training-grid{grid-template-columns:184px minmax(0,1fr) 244px;gap:8px}.lesson-panel,.insight-panel{scrollbar-gutter:stable;overscroll-behavior:contain}.practice-stage{min-width:0;padding:8px}.stage-head{gap:6px;min-width:0}.stage-head>div:first-child{min-width:0}.stage-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.stage-actions{flex:none;gap:4px}.stage-actions button,.tool-strip button{min-height:44px;padding:6px 8px}.tool-strip{gap:5px;padding-top:5px}.state-preset-grid button,.ware,.task-card,.region-tile,.ghost-action,.toggle-row{min-height:44px}.color-palette.square{grid-template-columns:repeat(2,minmax(44px,1fr));gap:6px}.range-line{grid-template-columns:52px minmax(0,1fr) 30px;gap:5px}.lotus-module{grid-template-columns:184px minmax(0,1fr) 224px}.lotus-class-footer,.review-module,.analytics-module{min-width:0}}@media (width<=899px) and (orientation:portrait){html,body,#root{min-width:0;height:auto;min-height:100%}body{display:block;overflow:hidden auto}.ipad-frame{grid-template-rows:auto auto auto 44px;width:100%;min-width:0;min-height:100dvh;overflow:visible}.topbar{grid-template-rows:44px auto auto;grid-template-columns:minmax(0,1fr) 44px;gap:4px 10px;min-height:136px;padding:6px 12px 8px;display:grid}.brand{gap:8px;min-width:0}.school-seal{flex:0 0 40px;width:40px;height:40px}.brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.brand span{display:none}.class-meta{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;font-size:12px;display:grid}.class-meta span{text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#2f6f6712;border-radius:6px;min-width:0;padding:6px 8px;overflow:hidden}.workspace-account-actions{flex-wrap:wrap;grid-area:3/1/auto/-1;justify-content:flex-end;justify-self:end;max-width:100%}.workspace-account-actions .workspace-return,.workspace-account-actions .workspace-logout{min-height:44px}.workspace-account-actions .workspace-logout{flex:0 0 44px;grid-area:auto;width:44px;height:44px;padding:0}.top-module-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px 10px;display:grid;overflow:visible}.top-module-tabs button{white-space:normal;width:100%;min-width:0;height:auto;min-height:44px;padding:6px 8px;font-size:12px;line-height:1.25}.workspace,.workspace-content,.workspace-content>*{min-width:0;height:auto}.workspace-content{padding:10px;overflow-x:hidden}.training-grid,.lotus-module{grid-template-rows:auto clamp(500px,54vh,640px) auto auto;grid-template-columns:minmax(0,1fr);gap:10px;width:100%}.lesson-panel,.insight-panel,.lotus-left,.lotus-insight{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-snap-type:none;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-width:0;min-height:0;max-height:520px;padding:10px;display:grid;overflow:hidden auto}.lesson-panel>.panel-section{scroll-snap-align:none;min-width:0}.practice-stage,.lotus-stage{width:100%;min-width:0;min-height:500px;padding:10px}.stage-head{align-items:flex-start;gap:8px}.stage-head>div:first-child{min-width:0}.stage-head strong{overflow-wrap:anywhere;font-size:17px;line-height:1.25}.stage-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:5px}.stage-actions button,.tool-strip button,.panel-title-row button{min-height:44px;padding:7px 10px}.tool-strip{flex-wrap:wrap;gap:6px;padding-top:6px}.panel-section{padding:10px}.ware-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ware,.task-card,.state-preset-grid button,.region-row,.region-tile,.ghost-action,.toggle-row{min-height:44px}.state-preset-grid{gap:6px}.region-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.region-tile{min-height:76px;padding:6px}.region-tile em{max-width:none}.color-palette.square{grid-template-columns:repeat(4,minmax(44px,1fr));gap:8px}.color-palette.square button{min-width:44px;min-height:52px}.range-line{grid-template-columns:64px minmax(0,1fr) 36px;gap:8px;margin:2px 0}.brush-observe-card{grid-template-columns:minmax(0,1fr)}.brush3d{min-height:220px}.lotus-class-footer{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;min-height:0}.footer-submit,.submit-actions button.primary,.diagnosis-btn{min-height:52px}.review-module,.analytics-module{gap:10px;width:100%;min-width:0}.submission-preview,.ai-review-panel,.submit-actions,.analytics-main,.teacher-detail{width:100%;min-width:0;padding:12px;overflow-x:hidden}.teacher-detail{min-height:0}.gallery-toolbar{grid-template-columns:minmax(0,1fr) minmax(160px,.8fr);gap:8px;display:grid}.gallery-toolbar strong{grid-column:1/-1}.gallery-toolbar label,.gallery-toolbar select{width:100%;min-width:0;min-height:44px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.statusbar{gap:8px;min-width:0;padding-inline:10px;overflow:hidden}.statusbar span{text-overflow:ellipsis;min-width:0;overflow:hidden}}.demonstration-banner{color:#293732;background:#f7f6ef;border:1px solid #4e6f6347;border-left:4px solid #5e7d71;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:9px 12px;display:flex}.demonstration-banner strong{font-size:14px}.demonstration-banner span{color:#68736e;text-align:right;font-size:12px}.stage-actions .save-demonstration{color:#fff;background:#537568;border-color:#537568}.stage-actions .submit-brush-work{color:#fff;background:#315f55;border-color:#315f55}.stage-actions .submit-brush-work:disabled{color:#f7f7f4;cursor:not-allowed;background:#aeb8b3;border-color:#aeb8b3}@media (width<=900px){.demonstration-banner{flex-direction:column;align-items:flex-start}.demonstration-banner span{text-align:left}}.lotus-workspace{color:#203731;background:#d8ddd6;grid-template-rows:48px minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.lotus-workspace__topbar{background:#faf9f4f7;border-bottom:1px solid #30443c2e;justify-content:space-between;align-items:center;gap:14px;min-width:0;height:48px;padding:2px 12px 2px 18px;display:flex}.lotus-workspace__heading{gap:2px;min-width:0;display:grid}.lotus-workspace__heading h1{color:#1e3b33;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;line-height:1.2;overflow:hidden}.lotus-workspace__heading-status{gap:8px;min-width:0;display:flex}.lotus-workspace__heading-status span{color:#697972;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;overflow:hidden}.lotus-workspace__heading-status span+span:before{color:#a1aaa5;content:"·";margin-right:8px}.lotus-workspace__top-actions{flex:none;align-items:center;gap:6px;display:flex}.lotus-workspace__top-actions button,.lotus-workspace__context button,.lotus-workspace__status button{color:#42574f;letter-spacing:0;background:#f6f7f2;border:1px solid #324e443d;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:7px 11px;display:inline-flex}.lotus-workspace__top-actions button.is-active{color:#173e34;background:#e8f0e9;border-color:#2f5b4d6b;box-shadow:inset 0 0 0 1px #2f5b4d14}.lotus-workspace__top-actions .lotus-workspace__primary-action{color:#fff;background:#315f55;border-color:#315f55}.lotus-workspace__top-actions button:disabled{cursor:not-allowed;opacity:.56}.lotus-workspace__content{grid-template-rows:minmax(0,1fr);gap:0;min-width:0;min-height:0;padding:2px;display:grid;overflow:hidden}.lotus-workspace__content>.lotus-ceramic-studio{grid-row:1;grid-template-rows:minmax(0,1fr) auto;gap:4px;min-height:0}.lotus-firing-comparison-backdrop{z-index:1200;background:#1e2a2594;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lotus-firing-comparison{color:#203731;background:#f7f6ef;border:1px solid #2f4b4157;border-radius:8px;gap:14px;width:min(1080px,96vw);max-height:92vh;padding:16px;display:grid;overflow:auto;box-shadow:0 24px 64px #141f1b52}.lotus-firing-comparison>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.lotus-firing-comparison>header>div{gap:3px;display:grid}.lotus-firing-comparison>header strong{font-size:20px}.lotus-firing-comparison>header span{color:#687770;font-size:13px}.lotus-firing-comparison>header button{color:#34554b;background:#fffef8;border:1px solid #2f4b4147;border-radius:6px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.lotus-firing-comparison__views{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lotus-firing-comparison__views figure{gap:7px;min-width:0;margin:0;display:grid}.lotus-firing-comparison__views figcaption{font-size:14px;font-weight:700}.lotus-firing-comparison__views .artwork-preview-canvas{aspect-ratio:50/33;background:#d8ddd6;border:1px solid #2f4b4138;border-radius:6px;width:100%;overflow:hidden}@media (width<=760px){.lotus-firing-comparison-backdrop{padding:10px}.lotus-firing-comparison__views{grid-template-columns:1fr}}.lotus-workspace .lotus-ceramic-studio__stage{place-items:center;min-height:0}.lotus-workspace .lotus-ceramic-studio__artwork-frame{align-self:center}@media (width>=900px) and (orientation:landscape){.lotus-workspace .lotus-ceramic-studio__stage{--lotus-overlay-zone:clamp(170px, 18%, 210px);padding:0 calc(var(--lotus-overlay-zone) + 10px) 0 10px}.lotus-workspace .lotus-ceramic-studio__artwork-frame{width:var(--lotus-artwork-width,min(100%, 1000px));margin:auto}.lotus-workspace .lotus-ceramic-studio__controls{gap:7px;min-height:46px;padding:1px 8px}.lotus-workspace .lotus-ceramic-studio__controls label:not(.lotus-ceramic-studio__boundary-control){grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px}.lotus-workspace .lotus-ceramic-studio__pigment-palette{grid-template-columns:auto 428px}.lotus-workspace .lotus-ceramic-studio__controls label>span{gap:3px}.lotus-workspace .lotus-ceramic-studio__teaching[data-side=left]{left:auto;right:18px}}.lotus-workspace .lotus-ceramic-studio__tool-rail{width:56px}.lotus-workspace .lotus-ceramic-studio__controls{grid-template-columns:minmax(470px,1.8fr) repeat(4,minmax(78px,.62fr)) minmax(96px,.72fr) 44px}.lotus-workspace__context,.lotus-workspace__legacy,.lotus-workspace__status{background:#f8f8f3f0;border:1px solid #364b4333;border-radius:6px}.lotus-workspace__context{color:#5f4b32;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:5px 8px 5px 12px;font-size:12px;display:flex}.lotus-workspace__legacy{align-content:center;gap:12px;min-height:0;padding:18px;display:grid}.lotus-workspace__legacy>div{gap:3px;display:grid}.lotus-workspace__legacy strong{color:#4d4030;font-size:16px}.lotus-workspace__legacy span{color:#756a5c;font-size:12px}.lotus-workspace__legacy .lotus-painting__surface{max-height:520px}.lotus-workspace__status{color:#4d5f58;align-items:center;gap:12px;min-width:0;min-height:44px;padding:6px 9px 6px 12px;font-size:12px;line-height:1.35;display:flex}.lotus-workspace__status>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lotus-workspace__source{color:#526d62;white-space:nowrap;flex:none;margin-left:auto;font-weight:700}@media (width<=1100px){.lotus-workspace__topbar{padding-left:12px}.lotus-workspace__demonstration-status,.lotus-workspace__source,.lotus-workspace__action-label{display:none}.lotus-workspace__heading-status,.lotus-workspace__notice{display:block}.lotus-workspace__heading-status .lotus-workspace__notice:before{content:none}.lotus-workspace__top-actions button{padding-inline:10px}.lotus-workspace .lotus-ceramic-studio__controls{gap:7px;padding-inline:8px}.lotus-workspace .lotus-ceramic-studio__controls label{font-size:11px}}@media (width<=899px) and (orientation:portrait){.lotus-workspace{grid-template-rows:48px minmax(0,1fr);height:auto;min-height:1020px}.lotus-workspace__content{min-height:956px;overflow:visible}.lotus-workspace__content>.lotus-ceramic-studio{min-height:820px}.lotus-workspace .lotus-ceramic-studio__stage{min-height:610px;padding-top:72px}.lotus-workspace .lotus-ceramic-studio__tool-rail{grid-template-columns:repeat(5,44px);width:auto;top:10px;left:50%;transform:translate(-50%)}.lotus-workspace .lotus-ceramic-studio__controls{grid-template-columns:repeat(4,minmax(0,1fr))}.lotus-workspace .lotus-ceramic-studio__pigment-palette{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr)}.lotus-workspace .lotus-ceramic-studio__pigment-swatches{grid-template-columns:repeat(9,44px);gap:3px}.lotus-workspace .lotus-ceramic-studio__boundary-control{grid-column:auto}.lotus-workspace .lotus-ceramic-studio__fired-preview{display:none}.lotus-workspace .lotus-ceramic-studio__teaching{top:clamp(74px, var(--lotus-popover-y), calc(100% - 74px));width:auto;min-width:0;max-width:230px;min-height:44px;padding:9px 34px 9px 11px;bottom:auto}.lotus-workspace .lotus-ceramic-studio__teaching[data-side=right]{left:auto;right:14px}.lotus-workspace .lotus-ceramic-studio__teaching[data-side=left]{left:14px;right:auto}.lotus-workspace .lotus-ceramic-studio__teaching strong{font-size:13px}.lotus-workspace .lotus-ceramic-studio__teaching p,.lotus-workspace .lotus-ceramic-studio__teaching span{display:none}.lotus-workspace__status{flex-direction:column;align-items:flex-start}.lotus-workspace__status>span:first-child{white-space:normal;overflow:visible}.lotus-workspace__source{margin-left:0}}