@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Manrope:wght@500;700;800&display=swap";html{scroll-behavior:smooth}a{color:inherit}:root{color:#15120d;font-synthesis:none;text-rendering:geometricprecision;background:#f3ead6;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.loading{color:#f6c445;background:#15120d;place-items:center;min-height:100vh;font-weight:900;display:grid}.auth-shell{background:radial-gradient(circle at 15% 15%,#ff4b1f61,#0000 28%),radial-gradient(circle at 75% 25%,#00a8ff59,#0000 32%),linear-gradient(135deg,#fff3d0 0%,#f3ead6 42%,#1f1b16 42.2% 100%);grid-template-columns:minmax(0,1.1fr) 470px;align-items:center;gap:48px;min-height:100vh;padding:56px;display:grid}.hero-copy{max-width:760px}.pill{background:#fffaf0;border:2px solid #15120d;border-radius:999px;align-items:center;gap:9px;padding:10px 15px;font-weight:900;display:inline-flex;box-shadow:5px 5px #15120d}h1{letter-spacing:-5px;text-transform:uppercase;margin:35px 0 24px;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(50px,7vw,108px);line-height:.86}.hero-copy p{max-width:650px;font-size:21px;font-weight:700;line-height:1.55}.proof-grid{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.proof-grid span{color:#fffaf0;background:#15120d;border-radius:18px;align-items:center;gap:8px;padding:15px 18px;font-weight:900;display:inline-flex}.auth-card{background:#fffaf0;border:3px solid #15120d;border-radius:34px;padding:28px;box-shadow:16px 16px #ff4b1f}.auth-tabs{background:#e9ddc3;border-radius:20px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px;padding:7px;display:grid}.auth-tabs button,.canvas-header button,.nav-actions button{background:0 0;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-weight:900;display:inline-flex}.auth-tabs .active{color:#fffaf0;background:#15120d}.auth-card label{gap:8px;margin:18px 0;font-weight:900;display:grid}.auth-card input{background:#fff;border:2px solid #15120d;border-radius:18px;outline:none;padding:16px 17px;box-shadow:inset 0 -5px #0000000f}.primary{color:#15120d;background:#f6c445;border:2px solid #15120d;border-radius:19px;justify-content:center;align-items:center;gap:9px;width:100%;padding:16px 18px;font-weight:1000;display:inline-flex;box-shadow:6px 6px #15120d}.primary:disabled{opacity:.55;cursor:not-allowed}.auth-message{color:#ff4b1f;font-weight:900}.fineprint{color:#776a56;font-size:13px;font-weight:800}.studio-shell{background-color:#f3ead6;background-image:linear-gradient(90deg,#1414140f 1px,#0000 1px),linear-gradient(#1414140f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh}.topbar{color:#fffaf0;background:#15120d;border-bottom:5px solid #ff4b1f;justify-content:space-between;align-items:center;height:78px;padding:0 26px;display:flex}.brand{align-items:center;gap:13px;font-size:20px;display:flex}.brand span{color:#15120d;background:#f6c445;border-radius:13px;place-items:center;width:44px;height:44px;font-family:Archivo Black;display:grid;box-shadow:4px 4px #00a8ff}.nav-actions{align-items:center;gap:12px;font-weight:900;display:flex}.nav-actions button{color:#15120d;background:#fffaf0}.dashboard{grid-template-columns:285px minmax(420px,1fr) 310px;gap:20px;padding:20px;display:grid}.side-panel,.gallery{align-content:start;gap:16px;display:grid}.metric-card,.timer,.prompt-card,.tools,.gallery{background:#fffaf0;border:3px solid #15120d;border-radius:27px;padding:18px;box-shadow:8px 8px #15120de6}.metric-card{gap:3px;min-height:145px;display:grid}.metric-card svg{color:#ff4b1f}.metric-card span,.prompt-card small{text-transform:uppercase;letter-spacing:.14em;color:#776a56;font-size:12px;font-weight:1000}.metric-card strong{font-family:Archivo Black;font-size:62px;line-height:.9}.timer{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.timer span{font-family:Archivo Black;font-size:44px}.timer small{color:#ff4b1f;grid-column:2;font-weight:900}.prompt-card h2{text-transform:uppercase;margin:10px 0 22px;font-family:Archivo Black;font-size:31px;line-height:1}.tools label{gap:10px;font-weight:1000;display:grid}.palette{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.palette button{border:3px solid #15120d;border-radius:13px;height:39px;box-shadow:3px 3px #15120d}.palette .selected{outline:4px solid #00a8ff}.canvas-stage{background:#15120d;border:3px solid #15120d;border-radius:31px;min-width:0;overflow:hidden;box-shadow:12px 12px #00a8ff}.canvas-header{color:#fffaf0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:1000;display:flex}.canvas-header div{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.canvas-header button{color:#15120d;background:#fffaf0;padding:10px 12px}.canvas-header .save{color:#07170d;background:#22c55e}canvas{touch-action:none;cursor:crosshair;background:#fffaf0;width:100%;height:calc(100vh - 150px);min-height:560px;display:block}.gallery h3{text-transform:uppercase;align-items:center;gap:8px;margin:0 0 8px;font-family:Archivo Black;display:flex}.gallery article{background:#f4ead3;border:2px solid #15120d1f;border-radius:18px;grid-template-columns:92px 1fr;gap:11px;padding:10px;display:grid}.gallery img{object-fit:cover;background:#fffaf0;border:2px solid #15120d;border-radius:12px;width:92px;height:68px}.gallery strong{font-weight:1000;line-height:1.1;display:block}.gallery span{color:#776a56;margin-top:8px;font-size:12px;font-weight:900;display:block}.empty{color:#776a56;font-weight:900}@media (width<=1120px){.auth-shell{background:#f3ead6;grid-template-columns:1fr;padding:28px}.dashboard{grid-template-columns:1fr}canvas{height:620px}.gallery{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.gallery h3{grid-column:1/-1}}@media (width<=680px){h1{letter-spacing:-3px}.topbar{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:14px}.nav-actions{justify-content:space-between;width:100%;font-size:12px}.canvas-header{flex-direction:column;align-items:flex-start}}