*{box-sizing:border-box}body{margin:0;background:#101914;color:#eef5ee;font:16px system-ui}header{display:flex;justify-content:space-between;padding:26px 5vw;border-bottom:1px solid #304035}header span,p,article span,footer{color:#aabdac}main{max-width:1180px;margin:auto;padding:50px 26px}small,a{color:#b9f879}h1{font-size:clamp(42px,7vw,76px);line-height:1.05;letter-spacing:-3px;margin:20px 0}p{line-height:1.7}.intro{font-size:19px}.stats,.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}article,section{background:#1b281f;border:1px solid #35483a;border-radius:17px;padding:24px}strong{display:block;font-size:27px;margin:15px 0}article span{font-size:14px}h2{font-size:22px;margin:10px 0}.heading{display:flex;justify-content:space-between;align-items:center}button{background:#b9f879;color:#15200f;border:0;border-radius:9px;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#upload{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:24px 0}input{max-width:100%}progress{width:100%;accent-color:#b9f879}.library{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.clip{background:#111c15;padding:20px;border-radius:12px;overflow-wrap:anywhere}.clip button{margin:8px 9px 0 0}.clip .remove{background:#3d2e2c;color:#ffd8cd}.empty{padding:38px;text-align:center;border:1px dashed #526a57;border-radius:12px;grid-column:1/-1}dialog{background:#16241a;color:#eef5ee;border:1px solid #4b6751;border-radius:16px;width:min(900px,95vw)}dialog::backdrop{background:#000b}video{width:100%;max-height:70vh}footer{margin-top:35px;font-size:14px}:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:750px){.stats,.notes{grid-template-columns:1fr}header span{display:none}main{padding-top:30px}}
.login-page{background:#f6f7f2;color:#1b2a21}.login-shell{max-width:none;min-height:100vh;padding:0;margin:0;display:grid;grid-template-columns:1.05fr 1fr}.login-shell section{border:0;border-radius:0;margin:0}.login-story{background:#14251b!important;color:#f3f5ed;position:relative;overflow:hidden;padding:42px 6vw!important;display:flex;flex-direction:column;min-height:100vh}.wordmark{display:flex;align-items:center;gap:13px;text-decoration:none;color:#f5f7ee;font-weight:850;letter-spacing:2px;font-size:19px}.brand-icon{background:#c3f278;color:#18331c;width:45px;height:45px;border-radius:12px;display:grid;place-content:center;font-size:35px;letter-spacing:-5px;font-weight:800;position:relative;padding-right:8px}.brand-icon span{position:absolute;right:5px;top:1px;font-size:22px}.wordmark small{display:block;font-size:9px;letter-spacing:3px;margin-top:3px;color:#adc4ae}.story-copy{padding-top:70px;max-width:540px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#657766;display:block}.story-copy .eyebrow{color:#bed5ac;display:flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#c3f278}.story-copy h1{font-size:clamp(44px,4.8vw,76px);letter-spacing:-3px;line-height:1.07;margin:25px 0}.story-copy em{color:#c3f278;font-style:normal}.story-copy p{color:#a6bda9;font-size:15px;line-height:1.8}.clip-art{height:275px;position:relative;margin-top:28px}.art-frame{position:absolute;background:#304c36;width:160px;height:228px;border:5px solid #59705a;border-radius:16px;overflow:hidden;box-shadow:0 20px 35px #0004}.art-frame.back{left:30px;top:27px;transform:rotate(-13deg);background:#263f2d;opacity:.65}.art-frame.back>span{font-size:11px;display:block;padding:10px}.art-frame.front{left:155px;top:4px;transform:rotate(8deg);border-color:#9aaf85;background:linear-gradient(#456e4d,#7b9c63)}.live-dot{position:absolute;top:12px;left:12px;font-size:7px;letter-spacing:1px;color:#f2f7d9;z-index:2}.pixel-sun{position:absolute;width:35px;height:35px;background:#d9e89e;top:50px;right:23px;box-shadow:0 0 50px #d9e89e66}.pixel-land{position:absolute;bottom:24px;width:100%;height:90px;background:#203d29;clip-path:polygon(0 40%,20% 40%,20% 15%,40% 15%,40% 45%,60% 45%,60% 0,80% 0,80% 30%,100% 30%,100% 100%,0 100%)}.art-play{position:absolute;top:90px;left:50px;width:48px;height:48px;border:1px solid #fff6;border-radius:50%;background:#edf5df2b;display:grid;place-content:center;color:white;font-size:17px}.art-timeline{position:absolute;bottom:13px;left:11px;right:11px;display:flex;align-items:center;gap:4px;height:15px}.art-timeline b{width:12px;height:10px;background:#b7d493;border-radius:2px}.art-timeline b:nth-child(2n){height:17px}.art-badge{position:absolute;left:230px;bottom:37px;white-space:nowrap;background:#c3f278;color:#17321c;font-size:10px;font-weight:700;padding:10px 13px;border-radius:7px;transform:rotate(-5deg);box-shadow:0 10px 25px #0003}.story-footer{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.5px;color:#809980;margin-top:auto;padding-top:40px}.login-panel{background:#f6f7f2!important;display:flex;flex-direction:column;justify-content:center;padding:80px 7vw 30px!important;position:relative}.login-card{width:100%;max-width:365px;margin:auto}.welcome-icon{width:43px;height:43px;background:#e8eedf;border:1px solid #dbe3d1;border-radius:12px;display:grid;place-content:center;color:#4d6740;font-size:26px;margin-bottom:28px}.login-card h2{font-size:38px;letter-spacing:-1.5px;margin:13px 0}.login-card>p{color:#7a8578;font-size:14px;margin-bottom:35px}.login-card label{font-size:12px;font-weight:650;display:block;margin-bottom:9px;color:#3a4b3b}.login-card input{width:100%;background:white;border:1px solid #d9dfd1;border-radius:9px;padding:14px 15px;font:14px system-ui;color:#203624;height:49px}.login-card input:focus{outline:2px solid #9dbd77;outline-offset:2px}.login-card input::placeholder{color:#a2ad9c}.password-label{margin-top:22px}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-wrap button{position:absolute;right:8px;top:8px;background:transparent;color:#718067;font-size:11px;padding:9px;font-weight:600}.form-error{color:#aa4038!important;min-height:18px;font-size:12px!important;margin:12px 0!important}.sign-in{width:100%;background:#203d29;color:#f0f6e9;display:flex;justify-content:space-between;border-radius:9px;padding:15px 18px;font-size:13px;box-shadow:0 4px 9px #203d2914}.sign-in:hover{background:#31543b}.private-note{margin-top:30px;padding-top:23px;border-top:1px solid #e1e6d9;display:flex;align-items:center;gap:9px;font-size:10px;color:#89947f}.private-note span{color:#5f7c4e;font-size:17px}.login-bottom{display:flex;justify-content:space-between;font-size:9px;color:#99a28f;gap:15px;padding-top:70px}.login-bottom span{color:#a4ad9b}.login-page :focus-visible{outline-color:#60824a}@media(max-width:850px){.login-story{padding:30px!important}.story-copy{padding-top:60px}.art-frame.front{left:100px}.art-frame.back{left:5px}.art-badge{left:145px}.login-panel{padding:60px 35px 25px!important}.story-footer span:last-child{display:none}}@media(max-width:650px){.login-shell{grid-template-columns:1fr}.login-story{min-height:0!important;padding:25px!important}.story-copy{padding-top:35px}.story-copy h1{font-size:46px}.story-copy>p,.clip-art,.story-footer{display:none}.login-panel{min-height:65vh;padding:40px 27px 24px!important}.login-card{max-width:400px}.welcome-icon{display:none}.login-bottom{padding-top:45px}.login-card h2{font-size:32px}}

.library-storage{grid-template-columns:1fr;max-width:460px}.quiet{background:transparent;color:#c3d5b9;border:1px solid #445a43;font-size:12px}

html{background:#111a15;overscroll-behavior-y:none;scrollbar-width:thin;scrollbar-color:#59705a #111a15;color-scheme:dark}body{overscroll-behavior-y:none}*{scrollbar-width:thin;scrollbar-color:#59705a #111a15}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#111a15}::-webkit-scrollbar-thumb{background:#526b55;border:2px solid #111a15;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#8ca37c}::selection{background:#b3d58b;color:#152319}.login-page{background:#111a15;color:#f0f2eb}.login-story{background:#111e16!important}.login-panel{background:#19241d!important}.login-card h2{color:#eff2e8;font-weight:600;letter-spacing:-1.8px;font-size:40px}.login-card>p{color:#91a18f}.login-card .eyebrow{color:#a6b998}.login-card label{color:#c4cebd;font-size:11px;letter-spacing:.3px}.login-card input{background:#202d24;border-color:#354538;color:#eef2e7;border-radius:7px;box-shadow:inset 0 1px 3px #0001}.login-card input::placeholder{color:#788b77}.login-card input:focus{outline-color:#95b07e;border-color:#95b07e}.password-wrap button{color:#a3b39a}.sign-in{background:#c1d5aa;color:#18281a;border-radius:7px;font-weight:650;box-shadow:0 5px 22px #0001}.sign-in:hover{background:#d4e4c1}.welcome-icon{background:#253627;color:#b7cb9f;border:1px solid #394b35;border-radius:10px}.login-bottom,.login-bottom span{color:#7d907a}.wordmark{font-size:20px;letter-spacing:3px;font-weight:650}.brand-icon{background:#c1d5aa;border-radius:10px;color:#1b3020;font-size:34px;font-weight:700}.story-copy em{color:#c1d5aa}.story-copy h1{font-weight:550;letter-spacing:-3px}.story-copy p{color:#9aae96;font-size:14px}.story-copy .eyebrow{color:#9cb48b;font-size:9px;letter-spacing:2.2px}.art-badge{background:#c1d5aa;font-size:9px}.story-footer{color:#70886d}.form-error{color:#e59c8b!important}.login-page :focus-visible{outline-color:#b2cb99}

[hidden]{display:none!important}.studio-tabs{display:flex;gap:8px;margin:30px 0 18px;border-bottom:1px solid #344536;padding-bottom:14px}.studio-tabs button{background:transparent;color:#99ad93;padding:10px 20px;font-size:13px}.studio-tabs button[aria-pressed=true]{background:#2d412e;color:#d5e8c1}.studio-main h1{font-weight:550;max-width:800px}.studio-main small{color:#a6bd91}.studio-main button{background:#c1d5aa;font-size:13px}.studio-main .quiet{background:transparent}.studio-main .studio-tabs button{background:transparent}.studio-main .studio-tabs button[aria-pressed=true]{background:#2d412e}.editor-dialog{width:min(1100px,95vw);padding:28px;max-height:92vh;overflow:auto;background:#18251c;border-color:#40513c}.editor-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin-top:24px}.editor-layout video{max-height:60vh;background:#0c130e;border-radius:10px}.editor-layout label{display:block;color:#bacbb0;font-size:12px;margin:15px 0 7px}.editor-layout input,.editor-layout select{width:100%;padding:11px;border:1px solid #40533e;border-radius:7px;background:#203026;color:#edf3e6;font:13px system-ui}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-layout .check-label{display:flex;align-items:center;gap:8px}.check-label input{width:auto}.form-help,#sourceInfo{font-size:11px;color:#8ea183}#createExport{width:100%;background:#c1d5aa;font-size:13px}.download{display:inline-block;padding:11px 16px;background:#c1d5aa;color:#192a1d;border-radius:7px;text-decoration:none;font-size:13px;margin-top:8px}#editorMessage{font-size:12px;color:#e2b19b}@media(max-width:700px){.editor-layout{grid-template-columns:1fr}.editor-dialog{padding:20px}.editor-layout video{max-height:35vh}}

.wordmark .cutform-mark{width:46px;height:46px;background:transparent;border:1px solid #57704e;border-radius:12px;display:block;color:#c1d5aa;padding:0;box-shadow:inset 0 0 16px #c1d5aa05}.cutform-mark svg{display:block;width:100%;height:100%}.wordmark{gap:15px}.wordmark>span:last-child{letter-spacing:3.2px}.wordmark small{font-size:8px;letter-spacing:3px;color:#8fa384;margin-top:5px}.story-footer{display:flex;flex-direction:column;align-items:flex-start;gap:9px;line-height:1.7;padding-top:35px}.story-footer>span{font-size:8px;letter-spacing:1.6px;color:#95aa87}.story-footer .brand-copyright{font-size:7px;letter-spacing:1.2px;color:#6e8567}.login-panel{padding-bottom:80px!important}@media(max-width:850px){.story-footer span:last-child{display:block}}@media(max-width:650px){.story-footer{display:flex;margin-top:26px;padding-top:0;gap:5px}.login-panel{padding-bottom:40px!important}}

.login-card h2{font-size:42px;font-weight:500;letter-spacing:-1.8px;margin:0 0 14px}.login-card>p{margin:0 0 42px;font-size:13px}.login-card{padding-bottom:0}.theme-control{position:absolute;top:34px;right:36px}.theme-control button,#themeToggle{border:1px solid #3a4c3b;background:transparent;color:#a3b59a;border-radius:30px;padding:9px 13px;font-size:8px;letter-spacing:1.5px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.theme-control button:hover{background:#2a3a2b;color:#d7e4c9}.header-actions{display:flex;align-items:center;gap:12px}html[data-theme=light]{background:#eef0e7;color-scheme:light;scrollbar-color:#8b9e7c #eef0e7}html[data-theme=light] *{scrollbar-color:#8b9e7c #eef0e7}html[data-theme=light] ::-webkit-scrollbar-track{background:#eef0e7}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#8b9e7c;border-color:#eef0e7}html[data-theme=light] body{background:#eef0e7;color:#243624}html[data-theme=light] .login-page{background:#eef0e7}html[data-theme=light] .login-panel{background:#f3f4ed!important}html[data-theme=light] .login-card h2{color:#223321}html[data-theme=light] .login-card>p{color:#788571}html[data-theme=light] .login-card label{color:#4b5d44}html[data-theme=light] .login-card input{background:#fbfcf7;border-color:#d2dac8;color:#22351e;box-shadow:inset 0 1px 2px #253e1705}html[data-theme=light] .login-card input::placeholder{color:#98a58e}html[data-theme=light] .password-wrap button{color:#74856a}html[data-theme=light] .sign-in{background:#2e472b;color:#f0f4e9}html[data-theme=light] .sign-in:hover{background:#3d5b36}html[data-theme=light] .theme-control button,html[data-theme=light] #themeToggle{border-color:#cbd5be;color:#5e7450}html[data-theme=light] .theme-control button:hover{background:#e4eadb}html[data-theme=light] header{border-color:#d3dccb}html[data-theme=light] header span{color:#75886b}html[data-theme=light] .studio-main article,html[data-theme=light] .studio-main section{background:#f8f9f3;border-color:#d4deca}html[data-theme=light] .studio-main p,html[data-theme=light] footer{color:#6b8060}html[data-theme=light] .studio-main small{color:#607c50}html[data-theme=light] .studio-tabs{border-color:#cbd8c0}html[data-theme=light] .studio-main .studio-tabs button{color:#728567}html[data-theme=light] .studio-main .studio-tabs button[aria-pressed=true]{background:#dce8d0;color:#354e2a}html[data-theme=light] .clip{background:#edf2e6;color:#263a21}html[data-theme=light] .empty{border-color:#c2d1b3}html[data-theme=light] .quiet{color:#557246;border-color:#b9cba9}html[data-theme=light] dialog{background:#f3f6ed;color:#243721;border-color:#c1d2b0}html[data-theme=light] .editor-layout input,html[data-theme=light] .editor-layout select{background:#fcfdf9;color:#283d22;border-color:#c0d1ae}html[data-theme=light] .editor-layout label{color:#5c764b}html[data-theme=light] a{color:#577a3f}@media(max-width:650px){.theme-control{top:20px;right:25px}.login-card h2{font-size:35px}.login-panel{padding-top:78px!important}}