@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--green:#ffbf0b;--ink:#292335;--muted:#78707f;--line:#e7e0d6;--purple:#7b5cc8;--cream:#fffaf0}body{font-family:'Nunito',sans-serif;background:#fffcf6;color:var(--ink);font-weight:600}h1,h2,.card h3{font-family:'Outfit',sans-serif}aside{background:#fff;border-right:2px solid #eee7dc;padding-top:26px}.brand{display:block;width:162px;margin:0 auto;text-align:center}.brand img{display:block;width:100%;height:auto;object-fit:contain}.workspace{margin-top:25px;margin-bottom:27px;border:1.5px solid #ece4d8;border-radius:13px;background:#fffcf5;font-size:11px;padding:12px 9px}.avatar{background:#ede5fc;color:#7654b8;border:1px solid #dfd1f4;border-radius:11px;transform:rotate(-5deg)}.workspace small,.profile small{color:#8a8091}.nav-label{color:#a197a6;font-size:9px;font-weight:900}nav button{font-weight:800;border-radius:12px;padding:14px 12px;color:#7f7588;border:1.5px solid transparent;font-size:12px}nav button.active{background:#fff1bd;border-color:#f4d46e;color:#76541b;box-shadow:0 3px 0 #e9c8613b}nav em{background:#ffdf71;border-radius:6px;color:#7b561b}.new{color:#97722a;background:#fff3d1;border-radius:5px;padding:3px;font-size:7px}.idea{background:#f0eafb;border:1.5px dashed #c5b2e8;border-radius:16px;transform:rotate(-1deg)}.idea>span{color:#8b64c7}.idea strong{color:#63418b}.idea p{color:#8b789a}.idea button{color:#69448f}.help{color:#8c7e97}.profile{border-color:#eee8e0}header{background:#ffffffa8;border-color:#eee7dc;color:#9b91a1}header strong{color:#675875}.whatsnew{color:#79648e;font-weight:800}.whatsnew span{color:#efad00}.eyebrow{color:#a27b32;font-weight:900;letter-spacing:1.8px}h1{font-weight:700;font-size:36px;letter-spacing:-1.3px}h1>span{color:#ffb800}.heading p{color:#8b8191;font-weight:500}.primary{background:#ffbf0b;border:1.5px solid #d49700;border-radius:12px;color:#473311;font-weight:900;box-shadow:0 4px 0 #d6a124;padding:13px 20px;transition:transform .15s,box-shadow .15s}.primary:hover{background:#ffca35;transform:translateY(-2px);box-shadow:0 6px 0 #d6a124}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #d6a124}.secondary{border:1.5px solid #e4dbe8;border-radius:10px;color:#705981;font-weight:800}.secondary:hover{background:#f6f0fc}.hero{height:325px;background:#f0e8ff;border:2px solid #dfd0f6;border-radius:24px;box-shadow:0 5px 0 #e8ddf6;overflow:hidden;margin-bottom:35px}.hero:after{content:'';width:180px;height:180px;border:2px dashed #d3bfee;border-radius:50%;position:absolute;left:36%;top:63%;pointer-events:none}.hero-copy{padding:34px 36px;max-width:64%}.pill{display:inline-block;background:#fff9e9;color:#99701e;border:1px solid #f4dfae;font-size:8px;padding:6px 10px;border-radius:6px;transform:rotate(-2deg);margin-bottom:18px;font-weight:900}.hero h2{font-size:39px;line-height:1.12;color:#49305f;font-weight:700;letter-spacing:-1.3px}.hero h2 em{display:block;color:#8150b5}.hero p{font-size:12px;line-height:1.7;color:#8e75a3;margin:15px 0 18px}.hero-copy button{background:#fff;border:1.5px solid #d4bce9;box-shadow:0 3px 0 #d8c2eb;border-radius:10px;font-weight:900;color:#644180;padding:11px 15px}.hero-art{width:46%;background:radial-gradient(ellipse at 55% 70%,#d8c4f3,transparent 65%)}.orbit{border:1.5px dashed #ddcdf1;left:0;top:-35px}.orbit.two{border-style:solid;border-color:#e4d5f5;left:-12%}.door{background:#ffe8a0;top:44px;left:37%;width:133px;height:211px;border:3px solid #5e387d;border-radius:70px 70px 4px 4px;transform:rotate(8deg);box-shadow:9px 6px 0 #b590d5,17px 14px 0 #d5beed;padding:8px}.door-inner{background:linear-gradient(110deg,#ffc62e,#ffda6c);border:2px solid #a87529;border-radius:65px 65px 0 0;box-shadow:inset 5px 0 0 #e7a42c33}.door-inner>span{color:#7c4a28;left:38px;top:22px;font-size:39px;font-family:'Outfit';font-weight:800;transform:rotate(-8deg)}.keyhole{background:#654033;box-shadow:0 0 0 5px #ffedac;top:104px}.door-inner b{color:#89572e;top:124px}.step{background:#bca1dc;box-shadow:0 6px 0 #8868ac;border:1px solid #9773b8;left:30%;top:261px}.step.s2{top:281px;left:26%;background:#d6c1ed;border-color:#b599d4}.step.s3{top:301px;left:22%;background:#e8d9f8;border-color:#d2bce6}.float-tag{font-weight:900;background:#fffdf4;border:1.5px solid #e8d7aa;box-shadow:0 4px 0 #d4c1e7;color:#91632d;border-radius:9px;z-index:3;font-size:9px;padding:10px 12px}.tag1{left:-8%;top:58px;transform:rotate(-10deg)}.tag2{right:14px;bottom:36px;transform:rotate(7deg);color:#71559b;border-color:#d5c3e9}.spark1{color:#ffb900;right:25px;top:30px;font-size:49px;transform:rotate(15deg);text-shadow:2px 2px 0 #a66f0d}.spark2{color:#a978d1;left:28px;bottom:60px;font-size:38px}.tabs{gap:19px}.tabs button{font-weight:800;color:#9c8ea2;font-size:11px}.tabs .selected{color:#725293;border-color:#9972bf}.tabs span{background:#f0e9f6;color:#9274a5}.tabs .selected span{background:#ffedb0;color:#916a1b}.search{border:1.5px solid #e9e0e9;border-radius:10px}.search input{font-family:'Nunito';font-size:11px;color:#776080}.tools select,.tools>button{border:1.5px solid #e9e0e9;border-radius:9px;color:#8b7898}.card{border:1.5px solid #e7dfe9;border-radius:18px;box-shadow:0 4px 0 #ece4ed;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 9px 0 #e6daee}.card-image{height:173px}.card-image:after{background:linear-gradient(transparent 40%,#2c193da6)}.badge{border-radius:7px;font-weight:900;color:#957022;background:#fff2c7;box-shadow:0 2px 0 #0001}.badge.live{color:#327769;background:#d9f2e8}.type{font-weight:800;font-size:8px}.card-body{padding:18px}.card h3{font-size:16px;font-weight:600;color:#594467}.card p{font-size:10px;color:#9a88a3;font-weight:500}.card-bottom{border-color:#f0eaf2;color:#ab99b2}.card-bottom button{background:#f5eefb;padding:6px 9px;border-radius:7px;font-weight:900;color:#8d64af}.dots{color:#b4a2bb}.footer-note{color:#b29fb9}.footer-note span{color:#dcaa36}dialog{border:2px solid #e1cbee;border-radius:22px;background:#fffcf7;color:#60486c;box-shadow:0 12px 0 #39234633,0 20px 100px #0003}dialog::backdrop{background:#32204180}dialog h2{font-weight:700;color:#644579}.field input,.field textarea,.field select{border:1.5px solid #e5d7eb;border-radius:10px;font-weight:600;color:#6e587b}.field{color:#8d739d!important}.editor-top h2{color:#684783}.panel{border:1.5px solid #e7ddea;border-radius:17px;background:#fffefb}.panel h3{color:#8e6aa6;letter-spacing:.7px;font-size:10px}.panel button{border-radius:9px;border-color:#ecdeef;color:#8d6ba2}.panel button:hover{background:#fff4d3}.stage{border:3px solid #ccb3e0;border-radius:17px}.hotspot{background:#8154b1cc;border:2px solid #ffe998;box-shadow:0 0 0 5px #ffdc7133;color:white;font-weight:900}.editor-hint{color:#a08aaa}.game{background:#30213d;border-color:#7e589e}.game .primary{color:#543d13}.game-header{color:#ffe8b5}.inventory button{border:2px solid #b996d6;border-radius:10px}.inventory button.active{background:#8f61b6;border-color:#ffda63}.end h2{color:#ffdc73}.end select{color:#674783}.dropdown{border-radius:12px;border-color:#e6d9ee}.dropdown button:hover{background:#fff2c6}.drive-box a,.drive-box summary{color:#9a71b6}.drive-box{background:#fffaf0}.drive-heading h2{color:#8a629e}.drive-file-list button{background:#fff}.empty{border:2px dashed #dfc8ed;background:#faf5ff;color:#a482b6;border-radius:19px}#toast{background:#65447f;color:#fff5dd;border:2px solid #d4b2ed;box-shadow:0 4px 0 #37224333;border-radius:12px}:focus-visible{outline:3px solid #b491d8;outline-offset:4px}@media(min-width:1450px){.hero{height:350px}.hero-copy{padding:38px 42px}.hero-art{height:350px}.door{top:50px}.card-image{height:210px}}@media(max-width:1150px){.brand{width:150px}.hero h2{font-size:34px}.hero-copy{padding:30px;max-width:67%}.hero-art{right:-10px}.hero p{font-size:11px}.tag1{left:-15%;font-size:8px}.tag2{right:16px;font-size:8px}.card h3{font-size:14px}}@media(max-width:850px){aside{padding:22px 8px}.brand{width:58px}.brand img{width:58px;height:42px;object-fit:contain}.hero-art{opacity:.75;right:-35px;width:49%}.hero-copy{max-width:77%;padding:29px 25px}.hero h2{font-size:33px}.hero p{font-size:11px}.hero:after{left:45%}.primary{padding:12px 16px}h1{font-size:30px}}@media(max-width:560px){.hero{height:345px;border-radius:18px}.hero-copy{padding:24px 18px;max-width:100%}.hero h2{font-size:29px}.hero p br{display:none}.hero p{max-width:240px}.hero-art{right:-102px;top:83px;opacity:.22;width:85%}.hero:after{display:none}.pill{font-size:6px;letter-spacing:1px}.card-image{height:190px}.heading{gap:18px}.heading p{font-size:11px}.editor-top .primary{font-size:11px}.drive-heading h2{font-size:22px}header{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.hero h2 em{display:inline}.hero-copy{padding-bottom:30px}.hero h2{max-width:510px}
@media(max-width:560px){.tabs{flex-wrap:wrap;gap:5px 13px;max-width:100%}.tabs button{font-size:10px}.tabs span{margin-left:3px;font-size:8px}.hero-copy button{font-size:10px}}
.account-button{font-size:11px;white-space:nowrap}.cloud-status{padding:9px 42px;background:#f4edfc;color:#8c70a1;font-size:11px;border-bottom:1px solid #eadff0}.cloud-status.error{background:#fff0d7;color:#9d633b}.cloud-status button{text-decoration:underline;font-weight:900;margin-left:8px}.auth-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.auth-options button{font-size:12px}.upload-panel h2{font-size:25px}.drop-zone{margin:20px 0;border:2px dashed #d6bce8;border-radius:18px;padding:30px;text-align:center;background:#fbf7ff}.drop-zone>span{display:block;font-size:36px;color:#b48bd0;margin-bottom:8px}.drop-zone strong{display:block;font-size:18px;color:#8d68a8}.drop-zone p{font-size:12px;color:#ad91ba}.drop-zone.dragging{background:#fff1bf;border-color:#e9b536}.upload-label{display:inline-block;position:relative;font-size:12px;cursor:pointer}.upload-label input{position:absolute;width:100%;height:100%;opacity:0;inset:0;cursor:pointer}.upload-label:has(input:disabled){opacity:.5;cursor:default}.cloud-status+section{padding-top:30px}.account-button{margin-left:15px}@media(max-width:850px){header .account-button{font-size:10px;padding:7px 9px}.cloud-status{padding:8px 28px}}@media(max-width:560px){header>div:first-child{display:none}header{justify-content:flex-end}.cloud-status{font-size:10px;padding:9px 18px}.drop-zone{padding:22px 12px}.drop-zone strong{font-size:16px}.upload-panel{padding:15px}.upload-panel h2{font-size:22px}}