:root{--ink:#172056;--blue:#3049c7;--pink:#f54291;--cream:#fffdf5;--muted:#66709b;--line:#172056;--shadow:5px 5px 0 var(--ink)}*{box-sizing:border-box}html{background:#dce3ff}body{color:var(--ink);background:radial-gradient(circle at 10% 10%,#ffe2ef,#0000 34%),linear-gradient(135deg,#d8e1ff,#f4eaff 62%,#cbf4e6);min-height:100vh;margin:0;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:3px solid #ffcd29}.pixel{letter-spacing:-1px;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:900}.topbar{border-bottom:4px solid var(--ink);color:#fff;z-index:20;background:linear-gradient(#4058d4,#24389b);align-items:center;gap:28px;height:72px;padding:0 clamp(16px,4vw,56px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-weight:900;display:flex}.logo{background:var(--pink);border:3px solid #fff;border-radius:50%;place-items:center;width:42px;height:39px;display:grid;box-shadow:3px 3px #11184d}.nav{flex:1;gap:4px;display:flex}.nav a{color:#e5e9ff;border-radius:7px;padding:11px 10px;font-weight:700}.nav a:hover{background:#ffffff1c}.actions{align-items:center;gap:10px;display:flex}.btn{border:2px solid var(--line);color:var(--ink);box-shadow:3px 3px 0 var(--line);background:#fff;border-radius:7px;padding:10px 16px;font-weight:800}.btn:hover{box-shadow:1px 1px 0 var(--line);transform:translate(2px,2px)}.primary{color:#fff;background:linear-gradient(#ff67a8,#ed337f)}.blue{color:#fff;background:linear-gradient(#667cff,#3047bd)}.page{max-width:1160px;margin:auto;padding:36px 22px 80px}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:48px;min-height:560px;display:grid}.hero h1{margin:15px 0;font-size:clamp(44px,7vw,78px);line-height:.95}.pink{color:var(--pink)}.lead{color:#4c5688;font-size:18px;line-height:1.6}.eyebrow{color:var(--pink);font-size:12px;font-weight:900}.window,.card{background:var(--cream);border:3px solid var(--line);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.windowbar{color:#fff;border-bottom:3px solid var(--line);background:linear-gradient(90deg,#3048bd,#6079ef);justify-content:space-between;padding:10px 14px;font-weight:800;display:flex}.windowbody{padding:20px}.hero-card{transform:rotate(1deg)}.event-line{border-bottom:1px dashed #9ca5d3;justify-content:space-between;gap:12px;padding:14px 0;display:flex}.event-line:last-child{border:0}.event-line b,.event-line small{display:block}.event-line small{color:var(--muted);margin-top:4px}.cta{gap:12px;margin-top:25px;display:flex}.section{padding:65px 0}.section-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.section h2,.page h1{margin:8px 0;font-size:clamp(28px,4vw,43px)}.grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;display:grid}.card{padding:12px}.avatar{border:2px solid var(--line);background:linear-gradient(145deg,#ffcb9d,#fa77a5);border-radius:5px;place-items:center;height:190px;font-size:65px;display:grid}.card h3{margin:13px 0 4px;font-size:21px}.muted{color:var(--muted)}.tags{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.tag{background:#ecefff;border:1px solid #9ca6d5;border-radius:4px;padding:5px 8px;font-size:12px;font-weight:700}.score{color:#d52b73;font-size:12px;font-weight:900}.appgrid{grid-template-columns:215px 1fr;gap:22px;display:grid}.sidebar{height:max-content;padding:12px}.sidebar a{border-radius:6px;padding:11px;font-weight:700;display:block}.sidebar a:hover{background:#e8eaff}.form{gap:15px;display:grid}.field{gap:6px;display:grid}.field label{font-size:12px;font-weight:900}.field input,.field select,.field textarea{background:#fff;border:2px solid #929bca;border-radius:5px;padding:11px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.events{gap:16px;margin-top:22px;display:grid}.event-card{grid-template-columns:125px 1fr auto;align-items:center;gap:18px;padding:14px;display:grid}.datebox{color:#fff;border:2px solid var(--line);text-align:center;background:#263aa6;border-radius:5px;padding:16px}.datebox b{font-size:28px;display:block}.notice{background:#fff2c7;border:2px solid #b28914;border-radius:5px;padding:12px}.empty{text-align:center;padding:50px}.footer{color:#fff;background:#11194b;margin-top:60px;padding:40px 22px}.footer>div{max-width:1100px;margin:auto}.mobile{display:none}@media (max-width:850px){.nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.grid{grid-template-columns:1fr 1fr}.appgrid{grid-template-columns:1fr}.sidebar{display:none}.mobile{z-index:30;color:#fff;background:#172056;border-top:3px solid #fff;justify-content:space-around;padding:9px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile a{text-align:center;font-size:11px}.mobile span{font-size:20px;display:block}.event-card{grid-template-columns:90px 1fr}.event-card>.btn{grid-column:1/-1}.page{padding-bottom:95px}}@media (max-width:560px){.grid,.two{grid-template-columns:1fr}.cta{flex-direction:column}.topbar{height:64px;padding:0 13px}.actions .hide-sm{display:none}.hero h1{font-size:43px}.section-head{display:block}.event-card{grid-template-columns:74px 1fr}.event-card h3{margin-top:0}}
.choiceRow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{background:#fff;border:2px solid #929bca;border-radius:6px;padding:14px;font-weight:800}.choice small{color:var(--muted);margin:5px 0 0 22px;display:block}.demoNotice{color:#183e72;background:#e9f7ff;border:2px solid #3f78af;border-radius:6px;padding:13px 15px;line-height:1.45}.demoNotice b{margin-bottom:3px;display:block}@media (max-width:560px){.choiceRow{grid-template-columns:1fr}}
.studioHome{max-width:1050px;margin:auto}.programGrid{grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0;display:grid}.program{text-align:center;flex-direction:column;justify-content:center;min-height:185px;padding:20px;display:flex}.programIcon{margin-bottom:12px;font-size:62px;display:block}.artApp{max-width:1400px;margin:20px auto;padding:0 14px 60px}.artWindow{background:#d9def0;border:3px solid #121b52;box-shadow:6px 6px #121b52}.artTitle{color:#fff;background:linear-gradient(90deg,#293daa,#5875ed);justify-content:space-between;padding:9px 12px;font-weight:800;display:flex}.menuBar{background:#f6f3e8;border-bottom:2px solid #8790bb;gap:3px;padding:5px;display:flex}.menuBar button,.toolBtn{color:#182052;background:#e7e7e7;border:2px outset #fff;padding:7px 10px;font-weight:700}.menuBar button:active,.toolBtn.active{background:#cdd5ff;border-style:inset}.artWorkspace{grid-template-columns:155px minmax(0,1fr) 210px;gap:9px;padding:9px;display:grid}.toolPanel,.optionPanel{background:#f8f7f0;border:2px inset #fff;padding:8px}.toolGrid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.toolBtn{min-height:48px;font-size:20px}.toolBtn small{font-size:9px;display:block}.canvasWrap{background:#8189ad;place-items:center;min-height:520px;padding:12px;display:grid;overflow:auto}.artCanvas{touch-action:none;cursor:crosshair;background:#fff;max-width:100%;height:auto;box-shadow:0 0 0 2px #111}.optionPanel label{gap:5px;margin:10px 0;font-size:12px;font-weight:800;display:grid}.optionPanel input,.optionPanel select{width:100%}.palette{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:8px;display:grid}.swatch{aspect-ratio:1;border:2px solid #fff;padding:0;box-shadow:0 0 0 1px #172056}.swatch.active{outline:3px solid #ffce25}.artStatus{background:#f8f7f0;border-top:2px solid #8790bb;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.projectGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.projectThumb{aspect-ratio:4/3;object-fit:cover;background:#fff;border:2px solid #172056;width:100%}.stampGrid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.stamp{border:2px outset #fff;padding:5px;font-size:22px}.textPreview{text-align:center;color:#0000;-webkit-text-stroke:1px #172056;background:linear-gradient(90deg,#ff4f9b,#ffce42,#55d6c2,#6174ff);-webkit-background-clip:text;background-clip:text;padding:30px;font-size:44px}@media (max-width:900px){.artWorkspace{grid-template-columns:1fr}.toolPanel{order:2}.optionPanel{order:3}.toolGrid{grid-template-columns:repeat(6,1fr)}.canvasWrap{min-height:350px}.programGrid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.programGrid,.projectGrid{grid-template-columns:1fr}.toolGrid{grid-template-columns:repeat(4,1fr)}.artApp{padding:0 6px 80px}.menuBar{overflow-x:auto}.optionPanel{font-size:14px}.canvasWrap{min-height:280px;padding:5px}}
.authStatus{color:var(--ink);font-size:13px;position:relative}.authTrigger{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:7px 5px;font-size:13px;display:flex}.authTrigger:hover{background:#e8eaff}.onlineDot{background:#27bf63;border:1px solid #0d7436;border-radius:50%;flex:0 0 9px;width:9px;height:9px;box-shadow:0 0 0 2px #c9f5d8}.authMenu{z-index:45;background:var(--cream);border:2px solid var(--line);min-width:190px;box-shadow:4px 4px 0 var(--ink);border-radius:5px;padding:6px;position:absolute;top:calc(100% + 5px);left:0}.authMenu a,.authMenu button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;padding:9px 10px;font-weight:800;display:block}.authMenu a:hover,.authMenu button:hover{background:#e8eaff}.loggedOut strong{padding:7px 5px;display:block}.authLinks{gap:7px;margin:4px 0 9px;display:flex}.authLinks a{border:2px solid var(--line);box-shadow:2px 2px 0 var(--line);background:#fff;border-radius:4px;font-size:12px;padding:6px 8px!important;display:inline-block!important}.mobileAccount{display:none}@media (max-width:850px){.mobileAccount{z-index:19;border-bottom:2px solid var(--line);background:#fffdf5;padding:8px 22px;display:block;position:sticky;top:72px}.authStatusMobile{max-width:1160px;margin:auto}.authStatusMobile .authTrigger{width:auto}.authStatusMobile .authMenu{left:0}.authStatusMobile.loggedOut{align-items:center;gap:12px;display:flex}.authStatusMobile.loggedOut strong{padding:0}.authStatusMobile .authLinks{margin:0}.sidebar .authStatus{display:none}}@media (max-width:560px){.mobileAccount{padding:7px 13px;top:64px}.authStatusMobile.loggedOut{justify-content:space-between}.authStatusMobile .authLinks{gap:4px}}