@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-app: #0F172A;--bg-sidebar: #0B1220;--bg-main: #0F172A;--bg-panel: #0B1220;--bg-card: #1E293B;--bg-card-hover: #2a384e;--bg-input: #0B1220;--accent-primary: #FF7A1A;--accent-secondary: #8b5cf6;--accent-success: #22C55E;--accent-danger: #EF4444;--accent-warning: #F59E0B;--accent-info: #06b6d4;--text-primary: #E5E7EB;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-accent: #FF7A1A;--border-subtle: #334155;--border-light: #475569;--sidebar-width: 240px;--panel-width: 320px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(249, 115, 22, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-app);color:var(--text-primary);line-height:1.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-layout{display:flex;height:100vh;background-color:var(--bg-app)}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;min-width:0}.app-layout.right-panel-hidden{grid-template-columns:var(--sidebar-width) 1fr}.app-layout.right-panel-hidden .right-panel{display:none}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:20;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}.app-layout.sidebar-collapsed .sidebar{width:72px}.sidebar-top{padding:24px 20px 0;overflow-y:auto;overflow-x:hidden;transition:padding .3s ease,width .3s ease}.sidebar-collapsed .sidebar-top{padding:16px 0 0}.sidebar-collapsed .sidebar{padding:0 8px 4px;align-items:center}.logo{display:flex;align-items:center;gap:12px;padding:4px 8px;margin-bottom:32px;position:relative;width:100%}.sidebar-toggle{display:none}.sidebar-toggle:hover{color:var(--text-primary);background:#ffffff0d}.sidebar-toggle .material-icons-round{font-size:22px;transition:transform .3s ease}.sidebar-collapsed .sidebar-toggle .material-icons-round{transform:rotate(180deg)}.sidebar-collapsed .nav-label,.sidebar-collapsed .logo-text,.sidebar-collapsed .sidebar-history-header h3,.sidebar-collapsed .history-preview,.sidebar-collapsed .clear-history-btn,.sidebar-collapsed .model-details,.sidebar-collapsed .sidebar-history{display:none}.sidebar-collapsed .logo{justify-content:center;gap:0;padding:4px 0}.sidebar-collapsed .sidebar-toggle{display:none}.sidebar-collapsed .logo-icon{cursor:pointer}.sidebar-collapsed .nav-item{justify-content:center;padding:10px}.sidebar-collapsed .nav-item.active:before{left:-8px}.sidebar-collapsed .sidebar-history{align-items:center}.sidebar-collapsed .sidebar-history-header{justify-content:center}.sidebar-collapsed .history-item{text-align:center;padding:8px 4px}.sidebar-collapsed .history-item-top{justify-content:center}.sidebar-collapsed .history-time{display:none}.sidebar-collapsed .model-info{justify-content:center;padding:8px}.sidebar-open-btn{display:none}.header-left{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-primary),#fb923c);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #f973164d}.logo-icon .material-icons-round{color:#fff;font-size:22px}.logo-text{font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary);white-space:nowrap;opacity:1;transition:opacity .2s}.app-layout.sidebar-collapsed .logo-text{opacity:0;pointer-events:none;position:absolute}.logo-highlight{color:var(--accent-primary)}.nav-menu{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;position:relative}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.nav-item.active{background:#f973161f;color:var(--accent-primary)}.nav-item.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--accent-primary);border-radius:0 2px 2px 0}.nav-item .material-icons-round{font-size:20px}.nav-badge{margin-left:auto;background:var(--accent-primary);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.model-info{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.model-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-secondary),#a78bfa);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.model-icon .material-icons-round{color:#fff;font-size:18px}.model-details{display:flex;flex-direction:column}.model-info{display:none}.model-name{font-size:13px;font-weight:600;color:var(--text-primary)}.model-sub{font-size:11px;color:var(--text-muted)}.sidebar-bottom{margin-top:auto;padding:16px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-sidebar)}.sidebar-history{margin-top:20px;flex:1;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--border-subtle);padding-top:16px}.sidebar-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 4px}.sidebar-history-header h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.sidebar-history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.history-empty{display:flex;flex-direction:column;align-items:center;padding:20px 8px;text-align:center;gap:6px}.history-empty .material-icons-round{font-size:24px;color:var(--text-muted);opacity:.4}.history-empty p{font-size:12px;color:var(--text-muted)}.history-item{padding:10px 12px;background:#ffffff08;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.history-item:hover{background:#ffffff0f;border-color:var(--border-subtle)}.history-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.history-band{font-size:13px;font-weight:700;color:var(--accent-primary)}.history-time{font-size:10px;color:var(--text-muted)}.history-preview{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;opacity:.7}.main-content{background:var(--bg-main);display:flex;flex-direction:column;overflow:hidden;position:relative}.page-evaluate{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.report-actions{display:flex;justify-content:center;padding:24px 0 32px}.download-report-btn{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,var(--accent-primary),#ea580c);color:#fff;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #f973164d}.download-report-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #f9731666}.download-report-btn:active{transform:translateY(0)}.download-report-btn .material-icons-round{font-size:20px}.main-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.main-header h1{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.header-actions{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border:1px solid var(--border-light);background:transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:#ffffff0d;color:var(--text-primary);border-color:#ffffff26}.icon-btn .material-icons-round{font-size:18px}.essay-area{flex:1;display:flex;flex-direction:column;padding:24px 32px;gap:0;overflow-y:auto}.task-tabs-container{display:flex;flex-direction:column;margin-bottom:0}.task-tabs-main{display:flex;gap:2px;padding:0 4px 0 12px;margin-bottom:-1px;position:relative;z-index:10}.task-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff08;border:1px solid transparent;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.task-tab .material-icons-round{font-size:18px;opacity:.8}.task-tab:hover{color:var(--text-primary);background:#ffffff0f}.task-tab.active{background:var(--bg-input);color:var(--accent-primary);border:1px solid var(--border-subtle);border-bottom:1px solid var(--bg-input);margin-bottom:0;font-weight:700}.task-tab.active .material-icons-round{opacity:1}.input-container{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s;position:relative;z-index:5}.input-container:focus-within{border-color:#f9731680;box-shadow:0 0 0 4px #f973161a}.task-sub-options{background:var(--bg-input);border-bottom:1px solid var(--border-subtle);padding:12px 16px;display:flex;gap:12px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.sub-group{display:flex;gap:8px;align-items:center}.sub-group.hidden{display:none}.sub-task-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid var(--border-light);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border-radius:20px}.sub-task-tab .material-icons-round{font-size:16px}.sub-task-tab:hover{color:var(--text-primary);border-color:var(--text-muted);background:#ffffff08}.sub-task-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 2px 8px #f973164d;font-weight:600}.sub-task-tab:hover:not(.active){color:var(--text-secondary)}textarea{flex:1;width:100%;padding:20px 24px;background:var(--bg-input);border:none;border-radius:0;color:var(--text-primary);font-family:Inter,sans-serif;font-size:15px;line-height:1.7;resize:none;outline:none;min-height:200px}textarea::placeholder{color:var(--text-muted);font-size:14px;line-height:1.8}textarea:focus{border-color:#f973164d}#task-prompt-input{min-height:auto;padding:12px}.essay-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-input);border-top:1px solid var(--border-subtle);border-radius:0 0 var(--radius-sm) var(--radius-sm);flex-shrink:0}.word-count{font-size:13px;color:var(--text-muted);font-weight:500}.evaluate-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#ff7a1a;border:none;border-radius:var(--radius-sm);color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #ff7a1a66}.evaluate-btn:hover{transform:translateY(-1px);background:#ff8f3a;box-shadow:0 6px 20px #ff7a1a80}.evaluate-btn:active{transform:translateY(0);background:#c85a0f}.evaluate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.evaluate-btn .material-icons-round{font-size:18px}.results-area{flex:1;padding:24px 32px;overflow-y:auto;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}.overall-score-card{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;background:linear-gradient(135deg,#1c1c2b,#252538);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:24px;box-shadow:var(--shadow-md)}.score-left{display:flex;flex-direction:column;gap:4px}.score-label{font-size:14px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.score-number{font-size:56px;font-weight:800;color:var(--accent-primary);line-height:1;text-shadow:0 0 30px rgba(249,115,22,.2)}.score-ring{width:100px;height:100px;position:relative}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff0f;stroke-width:8}.ring-fill{fill:none;stroke:var(--accent-primary);stroke-width:8;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73;transition:stroke-dashoffset 1.5s ease}.ring-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:700;color:var(--text-primary)}.criteria-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.criterion-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:all .25s ease}.criterion-card:hover{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.card-top{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.card-icon{width:36px;height:36px;background:color-mix(in srgb,var(--accent) 15%,transparent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.card-icon .material-icons-round{font-size:18px;color:var(--accent)}.card-title{flex:1;display:flex;align-items:center;justify-content:space-between}.card-title h3{font-size:14px;font-weight:600;color:var(--text-primary)}.card-band{font-size:20px;font-weight:800;color:var(--accent-primary)}.card-body{padding:16px 20px}.feedback-section{margin-bottom:12px}.feedback-section:last-child{margin-bottom:0}.feedback-section h4{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent-danger);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.feedback-section h4 .material-icons-round{font-size:14px}.feedback-section.improve h4{color:var(--accent-success)}.feedback-section ul{list-style:none;padding:0}.feedback-section li{font-size:13px;color:var(--text-secondary);padding:4px 0 4px 16px;position:relative;line-height:1.5}.feedback-section li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--text-muted)}.feedback-section.improve li:before{background:var(--accent-success)}.loading-overlay{position:absolute;inset:0;background:#0f0f13d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-content p{font-size:16px;font-weight:600;color:var(--text-primary)}.loading-sub{font-size:13px;color:var(--text-muted)}.right-panel{background:var(--bg-panel);border-left:1px solid var(--border-subtle);padding:24px 20px;overflow-y:auto;display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-shrink:0}.panel-header h2{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.panel-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;background:#ffffff0f;color:var(--text-muted);-webkit-user-select:none;user-select:none}.panel-badge.active{background:#22c55e1f;color:var(--accent-success)}.panel-divider{height:1px;background:var(--border-subtle);margin:20px 0;flex-shrink:0}.clear-history-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center}.clear-history-btn:hover{color:var(--accent-danger);background:#ef44441a}.clear-history-btn .material-icons-round{font-size:18px}.metrics-content{display:flex;flex-direction:column;gap:8px}.metric-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.metric-card .metric-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.metric-card .metric-value{font-size:13px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.metric-card .metric-value.good{color:var(--accent-success)}.metric-card .metric-value.warn{color:#f59e0b}.metric-card .metric-value.bad{color:var(--accent-danger)}.metric-bar{width:100%;height:4px;background:#ffffff0f;border-radius:2px;margin-top:6px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:2px;transition:width 1s ease}.metric-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;gap:8px;-webkit-user-select:none;user-select:none}.metric-empty .material-icons-round{font-size:32px;color:var(--text-muted);opacity:.5}.metric-empty p{font-size:13px;color:var(--text-muted)}.page-band-guide{flex:1;overflow-y:auto;padding:32px}.band-guide-container{max-width:1200px;margin:0 auto}.guide-intro{margin-bottom:24px}.guide-intro h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--text-primary)}.guide-intro h2 .material-icons-round{color:var(--accent-primary);font-size:28px}.guide-intro p{font-size:13px;color:var(--text-muted);margin-top:4px;margin-left:38px}.guide-task-tabs{display:flex;gap:0;margin-bottom:20px}.guide-tab{padding:10px 24px;background:var(--bg-card);border:1px solid var(--border-subtle);border-bottom:none;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border-radius:var(--radius-sm) var(--radius-sm) 0 0;-webkit-user-select:none;user-select:none}.guide-tab:first-child{border-right:none}.guide-tab.active{background:var(--bg-input);color:var(--accent-primary);border-color:var(--border-light)}.guide-tab:hover:not(.active){color:var(--text-primary)}.guide-content{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:0 var(--radius-sm) var(--radius-sm) var(--radius-sm);overflow:hidden}.band-row{display:flex;border-bottom:1px solid var(--border-subtle);transition:background .2s}.band-row:last-child{border-bottom:none}.band-row:hover{background:#ffffff05}.band-number{width:56px;min-width:56px;display:flex;align-items:flex-start;justify-content:center;padding-top:20px;border-right:1px solid var(--border-subtle)}.band-number span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;font-weight:800;color:#fff}.band-row[data-band="9"] .band-number span,.band-row[data-band="8"] .band-number span{background:linear-gradient(135deg,#22c55e,#16a34a)}.band-row[data-band="7"] .band-number span{background:linear-gradient(135deg,#84cc16,#65a30d)}.band-row[data-band="6"] .band-number span{background:linear-gradient(135deg,#f59e0b,#d97706)}.band-row[data-band="5"] .band-number span{background:linear-gradient(135deg,#f97316,#ea580c)}.band-row[data-band="4"] .band-number span{background:linear-gradient(135deg,#ef4444,#dc2626)}.band-row[data-band="3"] .band-number span{background:linear-gradient(135deg,#ef4444,#b91c1c)}.band-descriptors{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.desc-col{padding:16px;border-right:1px solid var(--border-subtle)}.desc-col:last-child{border-right:none}.desc-col h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.download-report-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--accent-primary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.download-report-btn:hover{background:#f973161a}.download-report-btn .material-icons-round{font-size:18px}.editor-tools{margin-left:auto;display:flex;gap:8px;align-items:center;flex-shrink:0}.task-tab{padding:10px 24px;background:transparent;border:none;color:var(--text-muted);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.sub-task-tab{padding:6px 16px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:20px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.icon-btn-small{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.icon-btn-small:hover{color:var(--text-primary);background:#ffffff0d}.icon-btn-small .material-icons-round{font-size:18px}.results-header{margin-bottom:20px;display:flex;align-items:center}.back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;transition:color .2s}.back-btn:hover{color:var(--accent-primary)}.back-btn .material-icons-round{font-size:20px}.download-report-btn.hidden,.sidebar-overlay{display:none}@media(max-width:1200px){.right-panel{display:none}}@media(max-width:1024px){.app-layout,.app-layout.sidebar-collapsed,.app-layout.right-panel-hidden,.app-layout.sidebar-collapsed.right-panel-hidden{display:flex!important;flex-direction:column!important;height:100vh!important;overflow-y:auto!important}.sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:1000;width:280px!important;transform:translate(0);padding:24px 16px!important;align-items:stretch!important;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.app-layout.sidebar-collapsed .sidebar{transform:translate(-100%);box-shadow:none}.sidebar-open-btn{display:flex!important;background:transparent;border:none;color:var(--text-muted);cursor:pointer;align-items:center;justify-content:center;padding:6px;border-radius:8px;transition:all .2s}.sidebar-open-btn:hover{background:#ffffff0d;color:var(--text-primary)}.sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:999;display:block;opacity:1;transition:opacity .3s ease}.sidebar-overlay.hidden{opacity:0;pointer-events:none}.app-layout.sidebar-collapsed .nav-label,.app-layout.sidebar-collapsed .logo-text,.app-layout.sidebar-collapsed .sidebar-history-header h3,.app-layout.sidebar-collapsed .history-preview,.app-layout.sidebar-collapsed .clear-history-btn,.app-layout.sidebar-collapsed .model-details{display:block!important}.app-layout.sidebar-collapsed .sidebar-history{display:flex!important;align-items:stretch!important}.app-layout.sidebar-collapsed .logo{justify-content:flex-start!important;padding:4px 8px!important}.app-layout.sidebar-collapsed .nav-item{justify-content:flex-start!important;padding:10px 14px!important}.app-layout.sidebar-collapsed .sidebar-bottom>div{justify-content:flex-start!important;padding:10px 14px!important;margin:0 -6px!important}.sidebar-toggle .material-icons-round{transform:rotate(180deg)!important}.app-layout.sidebar-collapsed .sidebar-toggle{display:flex!important}.main-content{flex:1 1 auto!important;overflow:visible!important;border-right:none!important;min-height:0}.essay-area{overflow:visible!important;padding:16px!important;flex:1}.main-header{padding:16px 20px!important}.main-header h1{font-size:18px!important}.right-panel{display:flex!important;width:100%!important;border-left:none!important;border-top:1px solid var(--border-subtle)!important;padding:20px!important}.app-layout.right-panel-hidden .right-panel{display:none!important}.task-sub-options{flex-wrap:wrap;gap:8px}.sub-group{flex-wrap:wrap}.results-area{padding:16px 20px}.overall-score-card{padding:20px 24px}.score-number{font-size:44px}.score-ring{width:80px;height:80px}.band-descriptors{grid-template-columns:repeat(2,1fr)}.page-band-guide{padding:20px}}@media(max-width:768px){.criteria-grid{grid-template-columns:1fr}.task-tab{padding:8px 14px;font-size:12px}.task-tab .material-icons-round{font-size:16px}.sub-task-tab{padding:5px 10px;font-size:11px}.sub-task-tab .material-icons-round{font-size:14px}.overall-score-card{flex-direction:column;align-items:center;text-align:center;gap:16px;padding:20px}.score-left{align-items:center}.score-number{font-size:48px}textarea{padding:16px;font-size:14px;min-height:180px}.essay-footer{padding:10px 16px}.evaluate-btn{padding:8px 16px;font-size:13px}.download-report-btn span:not(.material-icons-round){display:none}.download-report-btn{padding:8px 10px}.band-descriptors{grid-template-columns:1fr}.page-band-guide{padding:16px}.guide-intro h2{font-size:18px}.guide-intro h2 .material-icons-round{font-size:22px}.guide-intro p{margin-left:0}.guide-tab{padding:8px 16px;font-size:12px}}@media(max-width:480px){.essay-area{padding:12px!important}.main-header{padding:12px 16px!important}.main-header h1{font-size:16px!important}.task-tabs-main{padding:0 4px}.task-tab{flex:1;justify-content:center;padding:8px 10px;font-size:12px}.task-sub-options{flex-direction:column;padding:10px 12px;gap:8px}.editor-tools{margin-left:0;justify-content:flex-end}.sub-group{width:100%}.sub-task-tab{flex:1;justify-content:center;padding:6px 10px;font-size:11px}textarea{padding:12px;font-size:13px;min-height:150px}.essay-footer{flex-direction:column;gap:10px;align-items:stretch;padding:10px 12px}.evaluate-btn{width:100%;justify-content:center}.word-count{text-align:center}.overall-score-card{padding:16px;margin-bottom:16px}.score-number{font-size:40px}.score-ring{width:70px;height:70px}.ring-label{font-size:18px}.card-top,.card-body{padding:12px 14px}.card-title h3{font-size:13px}.card-band{font-size:18px}.results-area{padding:12px}.right-panel{padding:16px!important}.band-number{width:42px;min-width:42px;padding-top:14px}.band-number span{width:30px;height:30px;font-size:13px}.desc-col{padding:10px}.desc-col h4{font-size:10px}}@media(min-width:1025px){.sidebar-open-btn{display:none!important}}