@charset "UTF-8";
:root{--green:#6450c6;--green-dark:#49379e;--soft:#eeeafa;--paper:#f8f8fc;--ink:#26243c;--muted:#73718a;--line:#e6e5ef;--orange:#b37737}
body{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:15px}
.sidebar{width:248px;padding:32px 20px;background:#fff;border-right:1px solid var(--line)}
.brand{font-size:28px;gap:12px;color:#29243d;letter-spacing:-1px}.brand-symbol{background:#6a55cb;width:46px;height:48px;border-radius:14px;color:white;font:italic 700 36px Georgia;position:relative;box-shadow:0 6px 16px #6550c622}.brand-symbol>span{position:absolute;right:4px;top:4px;font:12px Arial;color:#d9f496}.brand small{font-size:8px;letter-spacing:1.5px;color:#79758b;font-weight:600;margin-top:7px}
.nav-caption{letter-spacing:1.4px;color:#9691a5;font-size:9px;margin-top:46px}.nav-item{padding:15px 13px;border-radius:12px;color:#777187;font-size:13px}.nav-item.active{background:#eeeafb;color:#5944b7}.nav-item.active b{background:white;color:#6652bd}.nav-item:hover{background:#f4f1fc}.nav-item>span{width:22px;text-align:center}.sidebar-bottom{border-color:var(--line)}.sidebar-bottom p{color:#898297}.private-dot{color:#706382}.text-button{color:#777084}.workspace{margin-left:248px}.topbar{height:76px;background:#fff;padding:0 38px;color:#8a849b;font-size:12px}.breadcrumb b{color:#4f4569}.save-status{color:#6b647c}.page-content{padding:28px 38px 42px;max-width:1600px}.page-content>.notice:first-child{background:transparent;border:0;border-radius:0;padding:0 0 20px;color:#8c8399;font-size:11px;line-height:1.7}
.studio-intro{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:340px;background:#221b3b;color:#fff;border-radius:24px;padding:43px 44px;margin-bottom:38px;box-shadow:0 16px 40px #30234a10}.studio-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 70%,#8060c366,transparent 55%),radial-gradient(ellipse at 20% -30%,#ffffff16,transparent 60%);z-index:-1}.studio-tag{font-size:9px;letter-spacing:2px;color:#c6b9e4;font-weight:600}.studio-intro h2{font-size:clamp(30px,3.1vw,49px);font-weight:550;letter-spacing:-1.7px;line-height:1.22;margin:22px 0 14px}.studio-intro em{font-style:normal;color:#d5ecac}.studio-intro p{font-size:12px;color:#beb4d1;line-height:1.7}.studio-link{display:inline-flex;gap:28px;align-items:center;margin-top:18px;font-size:12px;border-bottom:1px solid #ffffff55;padding-bottom:9px;color:#fff}.studio-link span{font-size:20px;color:#d5ecac}.paper-scene{position:relative;height:265px;perspective:1000px}.paper-front,.paper-back{position:absolute;width:188px;height:237px;left:50%;top:10px;border-radius:9px;box-shadow:0 22px 55px #0004}.paper-front{padding:23px;background:#f5f2e9;color:#302743;transform:translateX(-50%) rotate(8deg);transition:transform .5s}.paper-front:hover{transform:translateX(-50%) rotate(1deg) translateY(-5px)}.paper-back{background:#bcace9;transform:translateX(-64%) rotate(-12deg);top:11px}.paper-kicker{font-size:7px;letter-spacing:1.4px;font-weight:600;color:#817490}.paper-front strong{display:block;font-size:22px;line-height:1.25;margin-top:24px;font-weight:600;letter-spacing:-.6px}.paper-rule{height:1px;background:#cfc7d4;margin-top:16px}.paper-front p{font-size:9px;color:#72647f;margin:10px 0}.paper-stamp{position:absolute;bottom:15px;right:17px;border:1px solid #7e66b2;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#7e66b2;font-weight:bold;transform:rotate(-15deg)}.floating-star{position:absolute;right:6%;top:5px;color:#daefb1;font-size:62px;z-index:2;animation:float 7s ease-in-out infinite}.orbit{position:absolute;inset:16px -15px;border:1px solid #ffffff15;border-radius:50%;transform:rotate(-24deg)}.scene-label{position:absolute;bottom:-12px;right:0;font-size:8px;letter-spacing:2px;color:#b9abce}.page-heading{margin-bottom:24px;gap:20px}h1{font-size:30px;font-weight:650;letter-spacing:-.8px;color:#2b263b}.eyebrow{font-size:9px;color:#9384b2;letter-spacing:1px}.page-heading p{font-size:13px;color:#8a8197}.primary{background:#6751c8;border-radius:10px;box-shadow:0 4px 10px #6751c818}.primary:hover{background:#533eb0}.secondary,.small-button{border-radius:10px;border-color:var(--line);color:#6b607e}.secondary:hover,.small-button:hover{background:#f1ecfb}.flow{border:1px solid var(--line);background:#fff;padding:18px 20px;border-radius:14px;margin-bottom:22px}.step{color:#9b92a6}.step.current{color:#6550ba}.step b{background:#f0edf7;color:#8a7ba2}.step.current b{background:#6851bf}.flow-line{background:#e4dfee}.flow-caption{color:#a89db4}.draft-context,.folder-browser{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:20px!important}.folder-browser{margin-top:20px}.folder-step{color:#706282;font-size:12px}.folder-tabs button{border-radius:9px!important}.folder-tabs button.active,.folder-tabs [aria-selected=true]{background:#eee9fc!important;color:#5d45b3!important;border-color:#d4c9f2!important}.folder-path{color:#978aa5}.search{border-color:var(--line);border-radius:11px;box-shadow:0 3px 8px #40325403}.search input{font-size:13px;padding:14px 0}.toolbar select{border-color:var(--line);border-radius:11px;font-size:12px;color:#7d708d}.section-label{font-size:10px;color:#a497ae}.section-label span:first-child{color:#887598}.source-card,.exam-card{border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 15px #30234a03;transition:transform .2s,box-shadow .2s,border-color .2s}.source-card:hover{transform:translateY(-3px);border-color:#c9b8ee;box-shadow:0 12px 25px #55427510}.source-card h3{color:#42344f}.source-icon{background:#f1edfa;border-color:#dfd5f0}.basket{border-radius:17px!important;border-color:var(--line)!important;box-shadow:0 5px 20px #40325406;background:#fff}.basket h2,.basket h3{color:#514064}.empty-state{background:#fff;border:1px dashed #d8cde8;border-radius:18px;padding:44px 20px;color:#9d8bab}.dialog{border-radius:21px;border-color:var(--line);box-shadow:0 35px 100px #21162b33}.dialog::backdrop{background:#24183777;backdrop-filter:blur(5px)}.dialog input,.dialog select,.dialog textarea{border-color:#dfd6eb;border-radius:9px}.toast{background:#4d397e;border-radius:12px}.draft-launcher{background:#5943a9!important;border-radius:14px 14px 0 0!important}.draft-titlebar{background:#f0eafa!important;color:#4f3b7c!important}.draft-window{border-color:#d4c7e8!important;border-radius:16px!important;box-shadow:0 18px 70px #21162b33!important}footer{color:#a69aae;border-color:var(--line);font-size:11px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a697e1;outline-offset:3px}@keyframes float{50%{transform:translateY(-12px) rotate(12deg)}}
@media(max-width:1150px){.sidebar{width:205px}.workspace{margin-left:205px}.page-content{padding:24px}.studio-intro{padding:32px;min-height:310px}.studio-intro h2{font-size:36px}.paper-front,.paper-back{width:164px;height:220px}.paper-front{padding:20px}.paper-front strong{font-size:20px}.floating-star{right:-2%;font-size:45px}}
@media(max-width:850px){.sidebar{width:73px;padding:24px 12px}.workspace{margin-left:73px}.brand>span:last-child{display:none}.studio-intro{grid-template-columns:1fr 1fr;padding:28px}.studio-intro h2{font-size:32px}.studio-tag{letter-spacing:1px;font-size:8px}.scene-label{font-size:6px}.paper-scene{height:245px}.floating-star{right:-12%}.topbar{padding:0 24px}}
@media(max-width:600px){.sidebar{position:static;width:100%;padding:15px 18px}.workspace{margin-left:0}.brand>span:last-child{display:block;font-size:22px}.brand-symbol{width:36px;height:39px;font-size:29px}.brand small{font-size:7px;letter-spacing:.7px}.sidebar nav{gap:0}.nav-item{padding:10px 8px}.page-content{padding:20px 16px}.topbar{height:46px;padding:0 18px}.studio-intro{padding:28px 24px;grid-template-columns:1fr;min-height:0;border-radius:20px;margin-bottom:30px}.studio-intro h2{font-size:36px;margin-top:17px}.studio-intro p{max-width:260px}.paper-scene{height:200px;margin-top:24px}.paper-front,.paper-back{width:146px;height:185px}.paper-front{padding:16px}.paper-front strong{font-size:18px;margin-top:14px}.paper-front p{font-size:8px;margin:8px 0}.paper-rule{margin-top:12px}.paper-stamp{width:24px;height:24px;font-size:11px;bottom:9px}.floating-star{right:12%;font-size:44px}.scene-label{bottom:-6px;font-size:7px}.flow{padding:14px 10px}.page-heading .primary{width:100%;padding:14px}.page-heading h1{font-size:28px}.draft-context{padding:14px!important}.dialog{padding:22px}.studio-tag{font-size:8px}.library-layout{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.studio-intro{display:none}}
