/* A quiet workspace, readable controls, and a compact editorial welcome. */
:root{--ink:#302a42;--muted:#706a7e;--line:#e5e1ed;--paper:#f7f6fb;--green:#6650bc;--green-dark:#4d3a9a}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{font-family:"Segoe UI",Arial,sans-serif;line-height:1.5}
.skip-link{position:fixed;left:260px;top:-80px;background:#fff;color:#39285f;z-index:100;padding:12px 20px;border:2px solid #6650bc;border-radius:8px}.skip-link:focus{top:12px}
.sidebar{width:238px;padding:28px 18px;background:#fff;overflow-y:auto}
.workspace{margin-left:238px;padding-bottom:86px}
.brand{font-size:27px;letter-spacing:-.8px;gap:12px}.brand small{font-size:9px;letter-spacing:1px;color:#736c84}.brand-symbol{background:#5e48b5;box-shadow:0 6px 16px #58439720}
.nav-caption{margin-top:36px;font-size:10px;color:#82798f}.nav-item{font-size:14px;min-height:49px;color:#655d76;margin-bottom:8px}.nav-item.active{background:#eeebf8;color:#513c9f}.nav-item b{font-size:12px}.nav-item>span{font-size:20px}
.sidebar-bottom{padding:18px 8px 0}.sidebar-bottom p{font-size:12px;color:#756b83}.private-dot{font-size:11px;color:#62566f}.sidebar-bottom .text-button{font-size:13px;padding:9px 0;min-height:36px;color:#695d7e}
.topbar{height:64px;padding:0 32px;font-size:12px;color:#756c85}.save-status{font-size:12px;color:#625c70}
.page-content{padding:22px 32px 32px;max-width:1460px}
.storage-note{font-size:12px;color:#776e86;margin-bottom:20px}.storage-note summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.storage-note summary::-webkit-details-marker{display:none}.storage-note summary:focus-visible{outline:3px solid #a697e1;outline-offset:5px}.storage-dot{width:6px;height:6px;background:#7d9672;border-radius:50%}.note-more{margin-left:auto;text-decoration:underline;text-underline-offset:3px;color:#75668e}.storage-note p{background:#eeebf5;padding:14px 18px;border-radius:10px;line-height:1.8;margin:12px 0 0}
.studio-intro{min-height:282px;padding:30px 38px;margin-bottom:30px;border-radius:22px;background:#28213f;grid-template-columns:1.15fr 1fr;box-shadow:0 12px 30px #31214c0a}
.studio-intro:before{background:radial-gradient(ellipse at 88% 105%,#a18ac65c,transparent 58%),radial-gradient(ellipse at 0 0,#ffffff09,transparent 60%)}
.studio-tag{font-size:9px;letter-spacing:1.4px;color:#cbbfdf;display:flex;align-items:center;gap:7px}.studio-tag>span{background:#d7edaf;width:5px;height:5px;border-radius:50%}
.studio-intro h2{font-size:clamp(30px,3vw,44px);line-height:1.23;font-weight:600;letter-spacing:-1.4px;margin:18px 0 12px}.studio-intro em{color:#d8eeb4}.studio-intro p{font-size:13px;color:#c6bdd4;line-height:1.7;margin:0}.studio-link{margin-top:18px;font-size:13px;gap:32px;padding-bottom:6px}.studio-link:hover{color:#d8eeb4}
.paper-scene{height:225px}.paper-front,.paper-back{height:208px;width:170px;top:5px}.paper-front{padding:20px;transform:translateX(-50%) rotate(8deg)}.paper-back{transform:translateX(-66%) rotate(-10deg);background:#c2afe9}.paper-kicker{font-size:6px;letter-spacing:.9px}.paper-front strong{font-size:23px;margin-top:20px}.paper-rule{margin:14px 0}.paper-front p{font-size:9px;line-height:1.6;color:#746583;margin:8px 0}.paper-front p b{color:#746192;margin-right:5px;font-size:8px}.paper-stamp{bottom:12px;width:25px;height:25px;font-size:12px}.floating-star{right:13%;top:7px;font-size:48px}.orbit{inset:0 0 12px;border-color:#ffffff13}.scene-label{bottom:-4px;right:20px;letter-spacing:1.2px;font-size:7px;color:#c4b4d7}
.page-heading{margin-bottom:20px;align-items:center}h1{font-family:inherit;font-size:29px!important;letter-spacing:-.7px;font-weight:650;margin:6px 0}.eyebrow{font-size:10px;color:#81728f;letter-spacing:.6px}.page-heading p{font-size:14px;color:#756b83;margin:6px 0 0}.primary,.secondary{font-size:14px;min-height:44px;padding:11px 17px;border-radius:10px}.primary{box-shadow:0 4px 10px #6550b816}.secondary{color:#665b78}.text-button{color:#695a7d}.small-button{min-height:36px;font-size:12px}
.flow{padding:14px 20px;margin-bottom:20px;justify-content:flex-start;gap:14px;border-radius:13px;background:#fff;box-shadow:none}.step{font-size:12px;color:#786d86}.step.current{color:#6850ad}.step b{width:24px;height:24px;font-size:11px;color:#81738f}.step.current b{background:#6650bc;color:#fff}.flow-line{flex:0 1 40px;background:#e7e1ef}
.draft-context{padding:16px 20px!important;margin-bottom:18px;border-radius:13px!important;gap:16px}.draft-context label{font-size:12px;color:#756780}.draft-context select{font-size:14px;min-height:42px}.folder-browser{padding:20px!important;margin-top:0;border-radius:14px!important;margin-bottom:18px}.folder-step{font-size:13px;color:#675a77;margin-bottom:10px}.folder-tabs{gap:8px;margin-bottom:18px}.folder-tab{background:#faf9fc;border-color:#e6e0ef;font-size:15px;min-height:45px;padding:10px 17px;color:#655b76}.folder-tab span{color:#7b6c8a;font-size:11px}.folder-tab.active span{color:#776191}.subjects .folder-tab{font-size:13px;min-height:42px;padding:9px 13px}.subjects{margin-bottom:12px}.folder-path{font-size:12px;color:#7f738d}
.toolbar{margin:0 0 18px;gap:12px}.search{background:white;min-height:48px;border-radius:10px}.search input{font-size:14px;min-width:0;padding:12px 0}.search input::placeholder{color:#8c8199}.search kbd{display:none}.toolbar .secondary{font-size:13px;background:#fff;white-space:nowrap}
.library-layout{max-width:none!important;grid-template-columns:minmax(0,1fr)!important}.source-column{min-width:0}.section-label{font-size:11px;color:#8a7d98}.source-card{border-radius:14px;padding:22px;margin-bottom:14px}.source-card h3{font-size:17px;color:#3b304c;margin:9px 0}.source-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #382c5910}.chip{font-size:11px}.card-meta,.card-bottom{font-size:12px;color:#7c7089}.source-icon{border-radius:10px}.card-arrow{color:#8f7aa8}.empty-state{padding:30px 20px;border-radius:15px;color:#776789;border:1px dashed #d9cfe6;background:#fff}.empty-state h2{font-size:21px;color:#574568}.empty-state p{font-size:14px;max-width:460px;margin:12px auto 20px;line-height:1.7;color:#81728f}.empty-state .empty-icon{font-size:32px}.empty-state .text-button{display:inline-block;margin-left:14px;font-size:13px}.empty-state .primary{margin:0}
.draft-launcher{font-size:14px!important;padding:14px 22px!important;border-radius:14px 14px 0 0!important;box-shadow:0 -3px 25px #38225415}.draft-launcher b{font-size:12px}.draft-window{max-width:calc(100vw - 32px)}.draft-titlebar{font-size:15px!important}.draft-intro{font-size:12px!important}.draft-actions .text-button{font-size:13px}.window-controls button{min-width:36px;min-height:36px}.dialog{max-width:min(95vw,760px);padding:28px;border-radius:19px}.dialog h2{font-size:24px}.dialog label{font-size:14px}.dialog input,.dialog select,.dialog textarea{font-size:15px;min-height:44px}.dialog .hint{font-size:13px;line-height:1.7}.import-tabs button{font-size:13px;min-height:44px}.dialog-actions{gap:12px;flex-wrap:wrap}.dropzone{border-radius:13px}.dropzone strong{font-size:17px}.question-content{color:#302a42}.dialog::backdrop{background:#23182e70;backdrop-filter:blur(4px)}
.reader-top{gap:12px;flex-wrap:wrap}.reader-title h2{font-size:24px}.question-row{border-radius:12px}.question-row:has(input:checked){border-color:#aa99d0;background:#f9f6ff}.editor-actions{gap:10px;flex-wrap:wrap}.exam-list{gap:16px}.exam-card{border-radius:14px}footer{font-size:12px;color:#84758f;padding:18px 32px}.workspace>footer{display:flex;justify-content:space-between;gap:12px}.workspace>footer span{color:#998ba4}
body:not([data-view="library"]) .studio-intro,body:not([data-view="library"]) .flow{display:none}
@media(min-width:1450px){.studio-intro{min-height:300px}.studio-intro h2{font-size:46px}.paper-scene{transform:scale(1.05)}#source-list:has(.source-card){display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}#source-list .source-card{margin:0}}
@media(max-width:1050px) and (min-width:761px){.sidebar{width:208px;padding:25px 14px}.workspace{margin-left:208px}.brand{font-size:23px}.brand small{font-size:8px}.nav-item{gap:7px;font-size:13px;padding:12px 10px}.nav-item b{display:block}.brand>span:last-child{display:block}.nav-caption,.sidebar-bottom{display:block}.sidebar nav{margin-top:0}.page-content{padding:22px}.topbar{padding:0 22px}.studio-intro{padding:26px;grid-template-columns:1.25fr 1fr}.studio-tag{font-size:8px;letter-spacing:.7px}.studio-intro h2{font-size:32px}.paper-front,.paper-back{width:145px;height:190px}.paper-front{padding:16px}.paper-front strong{font-size:21px}.paper-kicker{font-size:5px}.paper-scene{height:205px}.floating-star{right:-1%;font-size:37px}.scene-label{right:0;font-size:6px}.flow{gap:9px;padding:12px}.step{font-size:11px}.flow-line{flex-basis:18px}.sidebar-bottom p{font-size:11px}.sidebar-bottom .text-button{font-size:12px}.private-dot{font-size:10px}.page-heading .primary{font-size:13px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:18px 20px;display:block;border-bottom:1px solid var(--line)}.workspace{margin-left:0}.brand>span:last-child{display:block;font-size:24px}.brand-symbol{width:40px;height:43px;font-size:32px}.brand small{font-size:8px}.nav-caption{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:18px 0 0}.nav-item{width:100%;font-size:12px;display:flex;flex-direction:column;gap:4px;align-items:center;padding:10px 4px;margin:0;text-align:center;min-height:65px}.nav-item>span{font-size:20px}.nav-item b{display:none}.sidebar-bottom{display:flex;gap:10px;flex-wrap:wrap;border-top:0;padding:10px 0 0;margin:0}.sidebar-bottom .private-dot,.sidebar-bottom p{display:none}.sidebar-bottom .text-button{font-size:11px;padding:5px 7px;min-height:30px}.topbar{height:46px;padding:0 20px}.topbar>span:first-child{font-size:0}.breadcrumb{font-size:11px;margin:0}.breadcrumb b{margin:0}.save-status{font-size:11px}.page-content{padding:18px 20px 25px}.storage-note{font-size:11px;margin-bottom:16px}.note-more{font-size:10px}.studio-intro{grid-template-columns:1.1fr 1fr;padding:28px;min-height:250px;margin-bottom:26px}.studio-intro h2{font-size:33px}.studio-tag{font-size:7px;letter-spacing:.7px}.paper-scene{height:210px;margin:0}.floating-star{right:0;font-size:35px}.paper-front,.paper-back{width:143px;height:192px}.paper-front{padding:16px}.paper-front strong{font-size:21px}.paper-kicker{font-size:5px}.scene-label{right:0;font-size:6px}.page-heading{display:flex}.page-heading h1{font-size:25px!important}.page-heading p{font-size:13px}.page-heading .primary{width:auto;margin:0;font-size:13px}.flow{gap:8px;padding:13px 12px;justify-content:space-between}.step{font-size:10px;gap:6px}.step b{width:21px;height:21px}.flow-line{display:none}.draft-context{padding:14px!important}.draft-context .secondary{font-size:12px}.search{flex-basis:auto!important;flex:1}.toolbar .secondary{font-size:12px}.workspace>footer{font-size:10px;padding:14px 20px}.dialog{padding:22px}.skip-link{left:16px}}
@media(max-width:480px){.sidebar{padding:16px}.page-content{padding:16px}.topbar{padding:0 16px}.studio-intro{grid-template-columns:1fr;padding:27px 25px;min-height:0}.studio-intro h2{font-size:35px}.studio-tag{font-size:7px}.studio-intro p{font-size:13px}.paper-scene{display:none}.studio-link{margin-top:15px}.page-heading{display:block}.page-heading .primary{width:100%;margin-top:17px}.eyebrow{font-size:9px}.flow{gap:5px}.step{font-size:9px;gap:5px}.draft-context{display:block!important}.draft-context[hidden]{display:none!important}.draft-context label{width:100%}.draft-context .secondary{margin-top:10px;width:100%}.folder-browser{padding:16px!important}.folder-tabs{gap:6px}.folder-tab{flex:1;justify-content:center;padding:9px 10px;font-size:14px;min-width:55px}.subjects .folder-tab{flex:0 1 auto;font-size:12px;padding:8px 11px}.folder-tab span{font-size:10px}.folder-path{font-size:10px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%!important}.toolbar .secondary{width:100%}.source-card{padding:17px}.source-card h3{font-size:16px}.card-meta{flex-wrap:wrap;gap:6px;font-size:11px}.card-bottom{font-size:11px}.source-icon{width:42px;min-width:42px}.empty-state{padding:24px 17px}.empty-state .text-button{display:block;margin:14px auto 0;text-align:center}.empty-state h2{font-size:20px}.empty-state p{font-size:13px}.draft-launcher{right:16px!important;left:16px!important;max-width:calc(100vw - 32px);justify-content:center}.draft-window{right:10px!important;left:10px!important;width:calc(100vw - 20px)!important;max-width:none}.dialog{max-width:calc(100vw - 20px);padding:21px 18px}.dialog h2{font-size:22px}.dialog .import-tabs{gap:4px}.import-tabs button{font-size:11px;padding:9px 6px}.dialog-actions>*{flex:1}.dialog-actions .primary,.dialog-actions .secondary{font-size:12px;white-space:normal}.editor-actions{width:100%}.editor-actions>*{flex:1;font-size:12px!important}.workspace>footer span{display:none}.storage-note summary{gap:6px}.note-more{font-size:0}.note-more:after{content:'Chi tiết';font-size:10px}.draft-actions .primary{font-size:12px}.draft-actions .text-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.studio-intro,.storage-note,.skip-link{display:none}}