@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600&display=swap');
:root{--bg:#f2f0e9;--paper:#fffef9;--ink:#263730;--muted:#6e786b;--line:#d8ddd1;--gold:#aa8e59;--serif:'Noto Serif TC',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px 'Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #a98a4e;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}.skip{position:fixed;top:-100px;left:15px;background:#213b2e;color:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.studio-shell{display:grid;grid-template-columns:220px 1fr;min-height:100svh}.sidebar{padding:35px 24px;background:#17251f;color:#d9ddcc;position:sticky;top:0;height:100svh;display:flex;flex-direction:column}.studio-brand{display:flex;align-items:center;gap:13px;font:30px var(--serif);color:#bfac7d;letter-spacing:3px}.studio-brand>span{font-size:23px;color:#ecebdc}.studio-brand small{display:block;font:7px 'Noto Sans TC',sans-serif;letter-spacing:2px;color:#b8aa84;margin-top:5px}.workspace-label{font-size:9px;letter-spacing:2px;color:#a6b09c;margin:60px 0 17px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:15px 12px;font-size:11px;letter-spacing:1px;border:1px solid transparent;min-height:45px}.sidebar nav a.current{background:#c0b38c12;border-color:#c0b38c30;color:#e2d7b8}.sidebar nav a:hover{background:#c0b38c12}.sidebar nav span{float:right}.studio-bottom{margin-top:auto;font-size:9px;color:#a4b09a;line-height:2}.status-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:#b6a16b;margin-right:5px}.studio-bottom small{display:block;font-size:8px;color:#8a9b82;margin-top:15px}.workspace{padding:0 38px 35px;min-width:0}.studio-header{display:flex;justify-content:space-between;align-items:center;padding:35px 0 28px;border-bottom:1px solid var(--line);gap:25px}.breadcrumb{font-size:8px;letter-spacing:2px;color:#7b8673}.studio-header h1{font-size:30px;letter-spacing:3px;margin-top:10px}.studio-user{font-size:10px;color:#65765f;display:flex;gap:18px;align-items:center}.studio-user a{border-bottom:1px solid #b4beaa;padding:8px 0}.studio-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.studio-intro>p{font-size:11px;color:#75816e}.studio-intro>div{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;background:#253d30;color:#fffdf4;border:1px solid #253d30;font-size:11px;min-height:42px;letter-spacing:.5px}.button.secondary{color:#496042;background:transparent;border-color:#bcc7b2}.button.warn{color:#825e31;background:#f3ead5;border-color:#d4c19d}.button:hover{filter:brightness(1.08)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.metric{background:var(--paper);border:1px solid var(--line);padding:20px 23px;display:flex;justify-content:space-between;align-items:center;min-height:95px}.metric span{color:#71806a;font-size:10px;letter-spacing:1px}.metric strong{display:block;font:32px var(--serif);color:#2e4434;margin-top:9px}.metric i{font-style:normal;font-size:25px;color:#aaa27d}.queue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;border-bottom:1px solid var(--line)}.status-tabs{display:flex;gap:24px}.status-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:17px 0;font-size:11px;white-space:nowrap;color:#77846d;min-height:48px}.status-tabs .active{color:#2b4534;border-bottom-color:#3e6147}.search-label input{border:1px solid #d0d8c9;background:#fafbf5;padding:10px 12px;width:190px;font-size:11px;color:#314831}.teacher-filter{display:flex;align-items:center;gap:10px;padding:17px 0;font-size:10px;color:#78876e}.teacher-filter select{background:var(--paper);border:1px solid #d2dacb;color:#405738;padding:7px 9px;font-size:10px;min-height:34px}.teacher-filter>span{margin-left:auto;font-size:9px;color:#7c876f}.review-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);gap:20px;align-items:start}.queue-panel,.editor-panel{border:1px solid var(--line);background:var(--paper);min-width:0}.queue-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 19px;font-size:10px;color:#7d876f}.queue-card{width:100%;padding:20px 18px;background:none;border:0;border-bottom:1px solid #e5e7de;text-align:left;color:var(--ink);position:relative}.queue-card:last-child{border-bottom:0}.queue-card.selected{background:#edf1e5;box-shadow:inset 3px 0 #7c8b61}.queue-card:hover{background:#f1f4e9}.queue-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#7d876f}.queue-card h3{font-size:16px;line-height:1.8;margin:12px 0 8px;overflow-wrap:anywhere}.queue-card>p{font-size:10px;line-height:1.8;color:#7c8871;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.queue-card-bottom{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#858e79;margin-top:16px}.badge{display:inline-block;font-size:9px;padding:4px 7px;letter-spacing:.5px;background:#f0ead7;color:#8c7439;white-space:nowrap}.badge.awaiting_review{background:#f2ead2;color:#806321}.badge.changes_requested{background:#f4e3da;color:#955d41}.badge.approved{background:#e7eddc;color:#57713d}.badge.published{background:#e0ebe3;color:#356246}.demo-badge{font-size:8px;color:#9e7434;border:1px solid #c7ae78;padding:1px 4px;margin-left:4px}.empty-list{padding:40px 20px;text-align:center;color:#859277;line-height:2;font-size:11px}.editor-empty{min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}.editor-empty>span{font-size:65px;color:#b1a274;font-family:serif}.editor-empty h2{font-size:21px;margin:20px 0;letter-spacing:1px}.editor-empty p{font-size:11px;line-height:2;color:#839175}.editor-content{padding:27px}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.file-id{font-size:8px;letter-spacing:1px;color:#829174}.editor-content h2{font-size:25px;line-height:1.7;margin:20px 0 10px;overflow-wrap:anywhere}.report-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:9px;color:#7a896a;line-height:2}.customer-question{margin:25px 0;background:#f0f2e8;border-left:2px solid #a4ad8b;padding:17px}.customer-question b{font-size:9px;color:#758262;letter-spacing:1px}.customer-question p{font-size:12px;line-height:2;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.original{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:24px}.original summary{cursor:pointer;font-size:10px;color:#778765;min-height:22px}.original p{white-space:pre-wrap;font-size:11px;line-height:2;color:#7d896f;padding:15px 0;overflow-wrap:anywhere}.editor-label{display:block;font-size:10px;color:#677c59;margin:18px 0 9px;letter-spacing:.5px}.editor-label>span{float:right;color:#8e977e;font-size:8px}.editor-content textarea{width:100%;border:1px solid #cdd6c1;background:#fffef9;padding:15px;color:#344c30;line-height:2;font-size:12px;resize:vertical;min-height:270px}.editor-content textarea:read-only{background:#f1f3ea}.editor-content textarea.note{min-height:85px;line-height:1.8}.editor-actions{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.editor-actions .button{font-size:10px;padding:11px 13px}.edit-warning{font-size:10px;color:#a57d32;margin:10px 0;min-height:16px}.delivery-note{font-size:9px;color:#7b896c;line-height:1.9;margin-top:15px}.timeline{border-top:1px solid var(--line);margin-top:27px;padding-top:20px}.timeline h3{font:12px 'Noto Sans TC',sans-serif;color:#607854;margin-bottom:16px}.event{padding:0 0 17px 16px;border-left:1px solid #d8dfce;position:relative;font-size:10px;color:#637c55;line-height:1.8}.event:before{content:'';position:absolute;left:-3px;top:5px;width:5px;height:5px;border-radius:50%;background:#a8af89}.event small{font-size:8px;color:#89967b;display:block}.event p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;color:#778869}.studio-footnote{font-size:9px;line-height:2;color:#879378;margin-top:25px}.gate{padding:65px 25px 90px;max-width:600px;margin:auto;text-align:center}.gate-mark{font-size:65px;color:#aa9766}.eyebrow{font-size:9px;letter-spacing:2px;color:#a28a58;line-height:2}.gate .eyebrow{margin:20px 0}.gate h2{font-size:33px;line-height:1.9;letter-spacing:2px}.gate>p:not(.eyebrow){font-size:12px;line-height:2;color:#7d8a70;margin:25px auto;max-width:390px}.gate .button{margin:10px 5px}.studio-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#243d2b;color:#f3f1df;z-index:100;box-shadow:0 5px 25px #0002;opacity:0;pointer-events:none;font-size:12px;line-height:1.9;max-width:90%;transition:opacity .2s}.studio-toast.show{opacity:1}.reports-page{background:#0c1310;color:#e0e4d7;min-height:100svh}.reports-header{padding:27px 7%;border-bottom:1px solid #ac98752b;display:flex;align-items:center;justify-content:space-between;gap:25px}.reports-header>a:last-child{font-size:10px;letter-spacing:1px;color:#aebba1}.reports-main{max-width:1000px;padding:70px 7%;margin:auto}.reports-main h1{font-size:42px;letter-spacing:3px;margin:20px 0}.reports-intro{font-size:12px;color:#9fad92;line-height:2.1;letter-spacing:1px;margin-bottom:45px}.reports-main .button{background:#baa477;color:#132117;border-color:#baa477}.reports-main .studio-footnote{color:#9aa98b}.personal-report{padding:25px 0;border-top:1px solid #ac98752b}.personal-report-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.personal-report h2{font-size:25px;line-height:1.7;margin:15px 0}.personal-report .meta{font-size:9px;color:#96a88a;line-height:2}.personal-report .body{white-space:pre-wrap;line-height:2.2;font-size:13px;color:#c3ccb6;padding:24px;background:#b4a07608;border:1px solid #ac98752b;margin-top:23px;overflow-wrap:anywhere}.personal-report .pending{font-size:11px;color:#93a685;margin-top:18px;line-height:2}.reports-empty{padding:40px 0;color:#a1b28f;font-size:12px;line-height:2}.refresh-reports{margin-top:15px!important}.reports-main .badge{font-size:10px}.reports-error{font-size:12px;line-height:2;color:#b3c1a3}
@media(min-width:1600px){.workspace{padding-left:55px;padding-right:55px}.review-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr)}}@media(max-width:1100px){.studio-shell{grid-template-columns:180px 1fr}.sidebar{padding:30px 17px}.workspace{padding-left:25px;padding-right:25px}.studio-intro{display:block}.studio-intro>div{margin-top:18px}.metrics{gap:10px}.metric{padding:16px 15px}.queue-toolbar{display:block}.search-label{display:block;margin:15px 0}.search-label input{width:100%}.status-tabs{gap:23px}.review-layout{grid-template-columns:240px minmax(0,1fr);gap:13px}.editor-content{padding:20px}.teacher-filter>span{display:none}.studio-user{display:block;line-height:2}.studio-user a{display:block;padding:0}}@media(max-width:800px){.studio-shell{display:block}.sidebar{height:auto;position:relative;padding:20px 6%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.studio-brand{font-size:27px;gap:10px}.studio-brand>span{font-size:21px}.studio-brand small{font-size:6px;letter-spacing:1.5px}.workspace-label,.studio-bottom{display:none}.sidebar nav{display:flex;gap:8px}.sidebar nav a{padding:8px;font-size:9px;min-height:35px;display:flex;align-items:center}.sidebar nav a:first-child,.sidebar nav a:nth-child(2){display:none}.workspace{padding:0 5% 30px}.studio-header{padding:25px 0;gap:15px}.studio-header h1{font-size:28px}.breadcrumb{font-size:7px;letter-spacing:1px}.studio-user{font-size:9px}.studio-intro{margin:20px 0}.studio-intro>p{font-size:10px;line-height:1.9}.studio-intro .button{font-size:10px;padding:10px 12px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.metric{min-height:80px;padding:15px 18px}.metric strong{font-size:27px;margin-top:6px}.metric span{font-size:9px}.status-tabs{gap:0;justify-content:space-between}.status-tabs button{font-size:10px;padding:14px 0}.teacher-filter{padding:14px 0}.review-layout{display:flex;flex-direction:column;gap:18px}.queue-panel,.editor-panel{width:100%}.queue-heading{padding:14px 16px}.queue-panel #queue-list{max-height:380px;overflow-y:auto}.queue-card{padding:18px}.queue-card h3{font-size:17px;margin:8px 0}.queue-card>p{font-size:10px}.editor-empty{min-height:270px}.editor-content{padding:22px 19px}.editor-content h2{font-size:24px}.editor-actions{gap:8px}.editor-actions .button{flex:1;min-width:90px;padding:11px 9px}.editor-content textarea{font-size:12px;min-height:280px}.editor-content textarea.note{min-height:85px}.file-id{font-size:7px}.gate{padding:50px 10px}.gate h2{font-size:28px}.gate>p:not(.eyebrow){font-size:11px}.reports-header{padding:24px 6%}.reports-header>a:last-child{font-size:9px}.reports-main{padding:45px 7%}.reports-main h1{font-size:33px}.reports-intro{font-size:11px}.personal-report h2{font-size:23px}.personal-report .body{padding:18px;font-size:12px}.personal-report .meta{font-size:9px}.reports-main .eyebrow{font-size:7px;letter-spacing:1.7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Second usability review: long content and form controls remain comfortable. */
.studio-intro>p{font-size:12px}.queue-card>p{font-size:12px}.queue-card-top{font-size:11px}.queue-card-bottom{font-size:10px}.teacher-filter{font-size:11px}.teacher-filter>span{font-size:10px}.editor-label{font-size:12px}.customer-question p{font-size:13px}.editor-content textarea{font-size:14px;line-height:2}.original p{font-size:13px}.event{font-size:12px}.event small{font-size:10px}.delivery-note,.studio-footnote{font-size:11px}.edit-warning{font-size:11px}.report-meta{font-size:11px}.queue-heading{font-size:11px}.badge{font-size:10px}.button{font-size:12px}.status-tabs button{font-size:12px}.reports-intro{font-size:14px}.personal-report .meta{font-size:11px}.personal-report .pending{font-size:13px}.personal-report .body{font-size:14px}
@media(max-width:800px){.studio-intro>p{font-size:12px}.studio-intro .button{font-size:11px}.status-tabs button{font-size:11px}.editor-content textarea{font-size:14px}.editor-actions .button{font-size:11px}.queue-card>p{font-size:12px}.queue-card-top{font-size:10px}.queue-card-bottom{font-size:10px}.editor-label{font-size:12px}.teacher-filter{font-size:11px}.personal-report .body{font-size:14px}.reports-intro{font-size:13px}.personal-report .meta{font-size:11px}.file-id{font-size:9px}.studio-footnote{font-size:11px}}

.conflict-draft{margin:24px 0;padding:24px;border:1px solid #c69659;background:#282519;color:#e6dcc5}.conflict-draft h3{font:22px serif}.conflict-draft p{font-size:13px;line-height:1.9;color:#d4c3a3}.conflict-draft textarea{min-height:180px;width:100%}