@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@500;600;700;800;900&display=swap";:root{color:#18212f;font-synthesis:none;--ink:#18212f;--muted:#718096;--line:#dfe7f2;--panel:#ffffffeb;--yellow:#ffd84d;--orange:#ff8a3d;--blue:#6ea8ff;--green:#6ed6a0;--pink:#ff8db2;--shadow:0 12px 30px #2437581a;background:#eef4ff;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{background:#eef4ff;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{background:radial-gradient(circle at 8% 0,#ffd84d57,#0000 28%),radial-gradient(circle at 92% 8%,#6ea8ff42,#0000 30%),linear-gradient(145deg,#fffdf6 0%,#f5f8ff 50%,#eef9ff 100%);flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#ffffffd1;border-bottom:1px solid #18212f14;flex:0 0 82px;justify-content:space-between;align-items:center;gap:20px;height:82px;padding:13px 24px;display:flex;box-shadow:0 5px 22px #23365712}.brand-wrap{min-width:0}.brand{letter-spacing:-.6px;align-items:center;gap:9px;font:700 29px/1 Fredoka,sans-serif;display:flex}.brand span{background:linear-gradient(145deg,#ffe36d,#ffb62e);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;transform:rotate(-3deg);box-shadow:0 5px #e99a22}.subtitle{color:var(--muted);margin:6px 0 0 48px;font-size:12px;font-weight:800}.status-pill{color:#506174;white-space:nowrap;background:#fff;border:1px solid #dce5f0;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 4px 14px #2437580f}.status-pill:before{content:"";background:#55c98c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e4f8ed}.workspace{flex:1;grid-template-columns:320px minmax(0,1fr) 235px;gap:16px;min-height:0;padding:16px;display:grid}.panel{background:var(--panel);min-height:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #d2dce9e6;border-radius:24px;flex-direction:column;gap:14px;padding:16px;display:flex;overflow:auto}.panel section{border-bottom:1px solid #edf1f6;padding-bottom:15px}.panel h3{text-transform:uppercase;letter-spacing:.1em;color:#8290a3;justify-content:space-between;margin:0 0 10px;font-size:10px;font-weight:900;display:flex}.tool-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tool-btn,.panel-actions button,.sound-btn{color:#344154;background:#fff;border:1px solid #dfe6ef;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 9px;font-size:11px;font-weight:900;transition:all .16s;display:flex;box-shadow:0 3px 9px #2437580f}.tool-btn:hover:not(:disabled),.panel-actions button:hover:not(:disabled),.sound-btn:hover{border-color:#cbd6e5;transform:translateY(-1px)}.tool-btn:last-child:nth-child(odd){grid-column:1/-1}.tool-btn.active{color:#594a12;background:#fff5c7;border-color:#f2cf57;box-shadow:0 4px 12px #f4c53029}input[type=range]{accent-color:#ff9c42;width:100%}.colors{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.color-dot{aspect-ratio:1;border:2px solid #fff;border-radius:11px;transition:all .15s;box-shadow:0 0 0 1px #d6deea,0 3px 7px #24375814}.color-dot:hover{transform:translateY(-2px)scale(1.04)}.color-dot.selected{outline-offset:2px;outline:3px solid #ffd84d;transform:scale(1.06)}.custom-color{color:#7a8798;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;font-weight:900;display:flex}.custom-color input{background:#fff;border:1px solid #dce4ee;border-radius:9px;width:38px;height:29px;padding:2px}.style-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.style-card{text-align:center;background:#fff;border:1px solid #e0e6ef;border-radius:13px;flex-direction:column;align-items:stretch;gap:5px;min-width:0;min-height:78px;padding:5px 5px 6px;transition:all .16s;display:flex;position:relative;overflow:hidden}.style-card:hover{border-color:#c5d2e4;box-shadow:0 5px 12px #24375814}.style-card.selected{border-color:#f0b72f;box-shadow:0 0 0 2px #ffd84d,0 6px 14px #f0b72f33}.style-card.selected:after{content:"✓";color:#fff;z-index:3;background:#ffbd35;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-weight:900;display:grid;position:absolute;top:5px;right:5px}.style-preview{border-radius:9px;place-items:center;width:100%;height:44px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #18253a14}.style-preview>span{z-index:2;filter:drop-shadow(0 2px 1px #0000001f);font-size:22px;position:relative}.style-preview i{opacity:.85;border-radius:999px;display:block;position:absolute}.style-preview i:nth-child(2){background:#fff9;width:44px;height:7px;bottom:7px;left:5px;transform:rotate(-8deg)}.style-preview i:nth-child(3){background:#ffffff73;width:30px;height:6px;bottom:16px;left:18px;transform:rotate(11deg)}.style-preview i:nth-child(4){background:#ffffff59;width:16px;height:16px;top:3px;right:4px}.style-card b{color:#263348;overflow-wrap:anywhere;font-size:11px;line-height:1.15;display:block}.style-caption{color:#6b7a8e;margin:9px 2px 0;font-size:11px;font-weight:700;line-height:1.35}.style-caption b{color:#344154}.style-bright-cartoon .style-preview{background:linear-gradient(135deg,#ffe56b,#ff9a55 55%,#7dd3fc)}.style-comic .style-preview{background:radial-gradient(circle at 25% 25%,#fff 0 4%,#0000 5%),radial-gradient(circle at 60% 70%,#fff 0 3%,#0000 4%),linear-gradient(135deg,#ffdc48,#ff6b4a)}.style-comic .style-preview i{opacity:.25;background:#182235;border-radius:2px}.style-storybook .style-preview{background:linear-gradient(135deg,#b9e7c0,#f8d89c 52%,#9ec5ef)}.style-storybook .style-preview i{opacity:.5;background:#fff4d5}.style-watercolor .style-preview{background:linear-gradient(135deg,#8fd3e8,#f7d6b2 48%,#b8dca0)}.style-watercolor .style-preview i{filter:blur(2px);opacity:.4;background:#fff}.style-anime .style-preview{background:linear-gradient(135deg,#a7d9ff,#b9a7ff 52%,#ffb7d7)}.style-anime .style-preview i{opacity:.55;background:#fff}.style-clay .style-preview{background:linear-gradient(135deg,#ffd6a0,#f39b83 52%,#9bd3a7)}.style-clay .style-preview i{opacity:.3;background:#fff;box-shadow:inset 0 2px 3px #ffffff73}.style-doll .style-preview{background:linear-gradient(135deg,#ffd8e8,#f5a9c8 50%,#c6b8ff)}.style-doll .style-preview i{opacity:.42;background:#fff}.style-impressionism .style-preview{background:linear-gradient(135deg,#f7c56b,#ef8f6d 45%,#77b9c7)}.style-impressionism .style-preview i{opacity:.45;background:#fff3c4;transform:rotate(18deg)}.style-tarot .style-preview{background:linear-gradient(135deg,#5b3b8f,#b38ad9 48%,#f2c76e)}.style-tarot .style-preview i{opacity:.42;background:#fff1b8}.style-stickers .style-preview{background:linear-gradient(135deg,#ffdd5c,#ff7a8f 48%,#8fd8ff)}.style-stickers .style-preview i{opacity:.62;background:#fff}.style-rick-morty .style-preview{background:linear-gradient(135deg,#b8e3df,#7fb8c7 48%,#d7d86e)}.style-rick-morty .style-preview i{opacity:.35;background:#fff}.style-treasure-island .style-preview{background:linear-gradient(135deg,#f3d9a0,#d9a85f 50%,#4aa3c7)}.style-treasure-island .style-preview i{opacity:.5;background:#fff0c9}.style-lego .style-preview{background:linear-gradient(135deg,#ff5a4f,#ffd33d 50%,#3f8cff)}.style-lego .style-preview i{opacity:.3;background:#fff;border-radius:4px}.style-roblox .style-preview{background:linear-gradient(135deg,#6ee7a0,#3f8cff 55%,#8b5cf6)}.style-roblox .style-preview i{opacity:.3;background:#fff;border-radius:2px}.style-origami .style-preview{background:linear-gradient(135deg,#ffb3c7,#fff1c9 45%,#a5d8ff)}.style-origami .style-preview i{opacity:.5;background:#fff;border-radius:0;transform:rotate(30deg)}@media (max-width:1100px){.style-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel-actions{grid-template-columns:1fr 1fr 42px;gap:7px;margin-top:auto;display:grid}.panel-actions button:disabled{opacity:.4;box-shadow:none}.panel-actions .danger{color:#c44860;background:#fff4f6}.canvas-area{flex-direction:column;align-items:stretch;gap:12px;min-width:0;min-height:0;display:flex}.canvas-board{isolation:isolate;background:#fff;border:1px solid #dce4ee;border-radius:28px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 16px 36px #2437581c}.canvas-board:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffd84d14,#0000 28%,#6ea8ff12);position:absolute;inset:0}.canvas-board:after{content:"";pointer-events:none;opacity:.18;z-index:0;background-image:radial-gradient(circle,#8290a3 .7px,#0000 .7px);background-size:25px 25px;position:absolute;inset:0}.board-hint{z-index:2;color:#69788d;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #dce4ee;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;position:absolute;top:14px;left:14px;box-shadow:0 5px 15px #24375814}.magic-btn{color:#fff;background:linear-gradient(100deg,#ffd33d 0%,#ffb13d 45%,#ff7d4d 100%);border:0;border-radius:18px;justify-content:center;align-self:center;align-items:center;gap:11px;min-width:340px;padding:11px 23px;transition:all .17s;display:flex;box-shadow:0 8px 18px #f58f373d,0 4px #dc713d}.magic-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 22px #f58f3747,0 5px #dc713d}.magic-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 5px 12px #f58f3733,0 2px #dc713d}.magic-btn:disabled{opacity:.58}.magic-btn b,.magic-btn small{text-align:left;display:block}.magic-btn b{letter-spacing:-.2px;font:700 20px Fredoka,sans-serif}.magic-btn small{color:#fff8dd;margin-top:1px;font-size:9px;font-weight:900}.steps{gap:13px;display:grid}.steps div{color:#5f6d80;align-items:flex-start;gap:9px;font-size:11px;font-weight:800;line-height:1.35;display:flex}.steps b{color:#7a6417;background:#fff5c7;border-radius:9px;place-items:center;min-width:25px;height:25px;font-size:11px;display:grid}.important{color:#27734a;background:linear-gradient(135deg,#effcf5,#f9fffc);border:1px solid #bfe9d0;border-radius:15px;padding:11px;font-size:10px;line-height:1.4}.important p{color:#587664;margin:5px 0 0;font-weight:700}.sound-btn{margin-top:auto}.toast{z-index:100;color:#39475a;text-align:center;cursor:pointer;background:#fff;border:1px solid #ffd0d9;border-left:5px solid #ed617d;border-radius:14px;max-width:min(620px,100% - 24px);padding:11px 15px;font-size:11px;font-weight:900;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 35px #24375829}.overlay{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141f307a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.loader-card,.result-card{background:#fffffff7;border:1px solid #dce5f0;border-radius:26px;width:min(900px,100%);box-shadow:0 25px 70px #141f3038}.loader-card{text-align:center;max-width:420px;padding:31px}.loader-icon{place-items:center;width:90px;height:90px;margin:0 auto 8px;display:grid;position:relative}.loader-pencil{z-index:2;filter:drop-shadow(0 5px 4px #3949822e);position:relative;overflow:visible}.brush-wiggle{transform-origin:47px 48px;animation:1.05s ease-in-out infinite brush-dance}@keyframes brush-dance{0%,to{transform:translate(2px,2px)rotate(-7deg)}50%{transform:translate(-2px,-2px)rotate(7deg)}}.paint-trail{stroke-dasharray:5 5;animation:1.2s linear infinite trail-draw}@keyframes trail-draw{to{stroke-dashoffset:-30px}}.paint-drop{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite alternate drop-pop}.drop-two{animation-delay:.2s}.drop-three{animation-delay:.4s}@keyframes drop-pop{0%{opacity:.55;transform:translateY(3px)scale(.75)}to{opacity:1;transform:translateY(-3px)scale(1.15)}}.loader-doodle{fill:none;stroke:#ffb33f;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0}.loader-doodle path{stroke-dasharray:110;stroke-dashoffset:110px;animation:1.5s ease-in-out infinite draw-line}.loader-doodle path:nth-child(2){animation-delay:.35s}@keyframes draw-line{0%{stroke-dashoffset:110px;opacity:.35}65%,to{stroke-dashoffset:0;opacity:1}}.loader-icon .loader-sparkles{color:#ff9a3d;animation:1.5s linear infinite spin;position:absolute;top:0;right:0}.loader-card h2{margin:0;font:700 25px Fredoka,sans-serif}.loader-card p{color:#68778b;min-height:42px;font-size:12px;font-weight:800}.loader-bar{background:#edf2f7;border-radius:99px;height:11px;overflow:hidden}.loader-bar span{background:linear-gradient(90deg,#ffd33d,#ff8d45,#ffd33d);width:60%;height:100%;animation:1.5s ease-in-out infinite progress;display:block}.loader-card small{color:#99a5b4;margin-top:10px;font-size:9px;font-weight:800;display:block}.result-card{max-height:94vh;padding:22px;position:relative;overflow:auto}.close-btn{color:#59677a;background:#fff;border:1px solid #dce4ee;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 4px 10px #2437580f}.result-head{padding-right:50px}.result-head span{color:#27734a;background:#e9f9f0;border:1px solid #bfe8cf;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-block}.result-head h2{margin:8px 0 15px;font:700 25px Fredoka,sans-serif}.comparison{grid-template-columns:1fr 1fr;gap:14px;display:grid}.comparison figure{margin:0}.comparison figcaption{color:#7d899a;text-transform:uppercase;letter-spacing:.08em;margin:0 0 7px 2px;font-size:10px;font-weight:900}.comparison img{aspect-ratio:1;object-fit:contain;background:#f7f9fc;border:1px solid #dce4ee;border-radius:18px;width:100%;display:block}.result-actions{justify-content:center;gap:9px;margin-top:15px;display:flex}.result-actions button{color:#465469;background:#fff;border:1px solid #dce4ee;border-radius:13px;align-items:center;gap:7px;padding:10px 14px;font-weight:900;display:flex;box-shadow:0 4px 10px #2437580f}.result-actions button:first-child{color:#27734a;background:#e9f9f0;border-color:#bfe8cf}.zoom-controls{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #dce4ee;border-radius:14px;align-items:center;gap:5px;padding:5px;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 6px 18px #2437581f}.zoom-controls button{color:#344154;background:#fff;border:1px solid #e0e6ef;border-radius:10px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:900;line-height:1;display:grid;box-shadow:0 2px 7px #2437580f}.zoom-controls button:hover{background:#f8fbff;border-color:#c8d5e5}.zoom-controls .zoom-value{color:#69788d;width:58px;font-size:10px}@media (max-width:760px){.zoom-controls{top:10px;right:10px}.zoom-controls button{width:32px;height:32px}.zoom-controls .zoom-value{width:54px}}@keyframes bounce{50%{transform:translateY(-8px)rotate(-4deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%{transform:translate(-110%)}to{transform:translate(180%)}}@media (max-width:1050px){.workspace{grid-template-columns:215px minmax(0,1fr)}.help-panel{display:none}}@media (max-width:760px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{flex:none;align-items:flex-start;height:auto;padding:11px 13px}.status-pill{display:none}.brand{font-size:25px}.brand span{width:34px;height:34px}.subtitle{margin-left:43px;font-size:10px}.workspace{grid-template-columns:1fr;padding:10px}.tools-panel{order:2;max-height:none}.canvas-area{order:1;min-height:65vh}.magic-btn{width:100%;min-width:0}.comparison{grid-template-columns:1fr}.result-card{padding:16px}}.auth-screen{background:radial-gradient(circle at 15% 10%,#fff0b8,#0000 32%),linear-gradient(145deg,#f8fbff,#eaf4ff);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #dfe7f2;border-radius:26px;flex-direction:column;gap:13px;width:min(100%,390px);padding:32px;display:flex;box-shadow:0 18px 60px #24375826}.auth-icon{font-size:40px}.auth-card h1{margin:0;font-size:25px}.auth-card p{color:#718096;margin:0 0 6px;font-size:14px;line-height:1.5}.auth-card input{border:1px solid #d5dfeb;border-radius:12px;min-height:46px;padding:10px 13px}.auth-card button{background:#ffca42;border:0;border-radius:12px;min-height:46px;font-weight:900}.auth-card small{color:#c03952}.saved-section{border-bottom:1px solid #edf1f6;padding-bottom:12px}.save-canvas-btn{background:#f7fbff;border:1px solid #dfe6ef;border-radius:11px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:36px;font-size:11px;font-weight:900;display:flex}.saved-item{gap:5px;margin-top:6px;display:flex}.saved-item button:first-child{text-overflow:ellipsis;white-space:nowrap;text-align:left;background:#fff;border:1px solid #e4eaf2;border-radius:8px;flex:1;min-width:0;padding:6px 8px;font-size:11px;overflow:hidden}.saved-item button:last-child{color:#b84c61;background:#fff7f8;border:1px solid #f0dce0;border-radius:8px;width:28px}.canvas-stage{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;position:absolute;inset:0;overflow:hidden}.canvas-stage.tool-pan{cursor:grab}.canvas-stage.tool-fill{cursor:cell}.draw-canvas{transform-origin:50%;touch-action:none;will-change:transform;background:#fff;border-radius:8px;display:block;position:absolute;box-shadow:0 0 0 1px #d5deea,0 10px 34px #24375829}.tool-cursor{pointer-events:none;z-index:3;border:2px solid #18212fcc;border-radius:50%;display:none;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #ffffffe6}.tool-cursor.square{border-radius:0}.canvas-history-controls{z-index:6;gap:8px;display:flex;position:absolute;top:14px;left:14px}.canvas-history-controls button{color:#34445e;background:#fffffff7;border:1px solid #dce4ee;border-radius:15px;justify-content:center;align-items:center;gap:7px;min-width:52px;min-height:52px;padding:0 16px;font-size:14px;font-weight:900;display:flex;box-shadow:0 5px 14px #2437581f}.canvas-history-controls button:hover:not(:disabled){background:#fff8da;border-color:#f2cf57}.canvas-history-controls button:disabled{opacity:.38;box-shadow:none}.canvas-history-controls button.danger{color:#c44860}.zoom-controls{z-index:6}.board-hint{top:auto;bottom:14px}.top-actions{align-items:center;gap:10px;display:flex}.top-btn{color:#344154;background:#fff;border:1px solid #dce5f0;border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:13px;font-weight:900;display:flex;box-shadow:0 4px 12px #24375812}.top-btn:hover{background:#fff8da;border-color:#f2cf57}.result-placeholder{aspect-ratio:1;text-align:center;background:#fff;border:1px dashed #cdd9e8;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;padding:18px;display:flex}.result-placeholder h3{margin:0;font:700 22px Fredoka,sans-serif}.result-loading-video{object-fit:contain;background:#fff;border-radius:12px;width:min(180px,60%);height:120px;margin:0 auto 4px;display:block}.result-placeholder p{color:#68778b;min-height:40px;margin:0;font-size:13px;font-weight:800}.result-placeholder .loader-bar{width:min(260px,80%)}.result-placeholder small{color:#99a5b4;font-size:10px;font-weight:800}.result-placeholder.error{background:#fff6f7;border-color:#f3c3cc}.result-placeholder.error p{color:#b23a52}.loader-emoji{font-size:54px}.result-actions button:disabled{opacity:.45;cursor:not-allowed}.library-card{background:#fffffffa;border:1px solid #dce5f0;border-radius:26px;width:min(880px,100%);max-height:92vh;padding:24px;position:relative;overflow:auto;box-shadow:0 25px 70px #141f3038}.library-card h2{margin:0 50px 4px 0;font:700 26px Fredoka,sans-serif}.library-note{color:#718096;margin:0 0 14px;font-size:12px;font-weight:700}.library-save{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.library-save input[type=text],.library-save input:not([type]){border:1px solid #d5dfeb;border-radius:12px;flex:220px;min-height:46px;padding:0 13px}.library-save button{color:#27734a;background:#e9f9f0;border:1px solid #bfe8cf;border-radius:12px;align-items:center;gap:7px;min-height:46px;padding:0 16px;font-weight:900;display:flex}.library-save button+button{color:#465469;background:#fff;border-color:#dce4ee}.library-empty{text-align:center;color:#8a97a8;background:#f7f9fc;border-radius:16px;padding:36px 10px;font-weight:800}.library-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.library-item{background:#fff;border:1px solid #e0e6ef;border-radius:16px;flex-direction:column;gap:4px;padding:8px;display:flex}.library-item img{aspect-ratio:16/10;object-fit:cover;background:#f3f6fa;border:1px solid #e8edf4;border-radius:10px;width:100%}.library-item b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.library-item small{color:#8a97a8;font-size:10px;font-weight:700}.library-actions{gap:6px;margin-top:4px;display:flex}.library-actions button{color:#344154;background:#fff;border:1px solid #dce4ee;border-radius:10px;justify-content:center;align-items:center;min-height:40px;font-size:12px;font-weight:900;display:flex}.library-actions button:first-child{background:#fff5c7;border-color:#f2cf57;flex:1}.library-actions button:not(:first-child){width:42px}.library-actions button.danger{color:#c44860;background:#fff7f8;border-color:#f0dce0}.toast.ok{border-color:#bfe8cf #bfe8cf #bfe8cf #3fb877}.auth-overlay{z-index:120}.auth-card button:disabled{opacity:.6}.mode-switch{background:#eef3fb;border:1px solid #dce5f0;border-radius:15px;align-items:center;gap:4px;padding:4px;display:flex}.mode-switch button{white-space:nowrap;color:#52647b;background:0 0;border:0;border-radius:11px;padding:11px 13px;font-size:12px;font-weight:900}.mode-switch button.active{color:#293c59;background:#fff;box-shadow:0 3px 9px #2b3d601f}.queue-top-btn{background:#fff9df;border-color:#f5da79}.game-screen{z-index:8;background:#f1f7ff;justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:0;overflow:auto}.game-dialog{text-align:center;background:#fff;border:1px solid #dce6f5;border-radius:25px;width:min(620px,100%);max-height:100%;padding:23px 29px;overflow:auto;box-shadow:0 13px 40px #30466c26}.game-dialog h2{color:#253550;margin:7px 0 9px;font:700 clamp(22px,3.2vw,31px) Fredoka,sans-serif}.game-dialog p{color:#728098;max-width:510px;margin:4px auto 17px;font-size:13px;font-weight:800;line-height:1.5}.game-icon{font-size:35px;line-height:1}.game-dialog label{color:#46556f;margin:11px 0 7px;font-size:13px;font-weight:900;display:block}.game-options{flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:10px;display:flex}.game-options button{color:#475872;background:#f8faff;border:1px solid #dae3f0;border-radius:12px;min-width:64px;min-height:41px;padding:8px 12px;font-size:14px;font-weight:900}.game-options button.active{color:#654d05;background:#fff1ad;border-color:#eac55f;box-shadow:inset 0 0 0 1px #ffe18d}.game-primary,.game-secondary{color:#443619;background:linear-gradient(90deg,#ffdc69,#ffb447);border:1px solid #ffd36e;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:10px 18px;font-size:14px;font-weight:900;display:inline-flex}.game-dialog>.game-primary{margin-top:12px}.game-secondary{color:#344760;background:#f3f8ff;border-color:#d5e2f1}.game-status{z-index:7;pointer-events:none;color:#294067;white-space:nowrap;background:#fffcee;border-radius:16px;justify-content:center;align-items:center;gap:14px;padding:10px 18px;font-size:14px;font-weight:900;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 7px 20px #2437582b}.game-status span{color:#936224;align-items:center;gap:5px;display:inline-flex}.game-status.time-up{color:#a43b52;background:#fff0f0}.peek-dialog img{object-fit:contain;background:#fff;border:2px solid #e2eaf3;border-radius:12px;width:100%;height:min(46vh,355px);margin:9px auto;display:block}.game-dialog.gallery-dialog{width:min(1050px,100%)}.game-frames{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:14px 0 17px;display:grid}.game-frames figure{background:#f9fbfe;border:1px solid #e0e8f2;border-radius:15px;margin:0;padding:6px}.game-frames img{aspect-ratio:16/10;object-fit:contain;background:#fff;border-radius:10px;width:100%}.game-frames figcaption{color:#586b85;padding:5px 0 3px;font-size:12px;font-weight:900}.game-dialog-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.game-bottom-hint{text-align:center;color:#60728b;padding:13px 18px;font-size:12px;font-weight:900}.recent-jobs{border-top:1px solid #e6ecf4;flex-direction:column;gap:9px;padding-top:11px;display:flex}.recent-jobs h3{margin:0}.job-items{gap:7px;display:grid}.job-items p{color:#77879a;margin:0;font-size:11px;font-weight:700;line-height:1.5}.job-mini{color:#344157;text-align:left;background:#fff;border:1px solid #e2eaf5;border-radius:12px;align-items:center;gap:9px;width:100%;padding:6px;display:flex}.job-mini img{object-fit:contain;background:#f5f8fe;border-radius:7px;width:49px;height:40px}.job-mini span{flex-direction:column;min-width:0;display:flex}.job-mini b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.job-mini small{color:#8391a4;white-space:nowrap;font-size:10px}.queue-card{background:#fff;border:1px solid #dce5f0;border-radius:26px;width:min(940px,100%);max-height:min(90vh,860px);padding:27px;position:relative;overflow:auto;box-shadow:0 25px 70px #141f303b}.queue-card h2{margin:0 42px 7px 0;font:700 29px Fredoka,sans-serif}.queue-card .library-note{margin-bottom:19px;font-size:12px;line-height:1.5}.queue-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;display:grid}.queue-grid>p{text-align:center;color:#73859b;grid-column:1/-1;padding:30px 0}.queue-item{color:#34465f;background:#fcfdff;border:1px solid #dce5f1;border-radius:15px;flex-direction:column;align-items:center;gap:5px;padding:8px;display:flex}.queue-item img{aspect-ratio:1;object-fit:contain;background:#f6f8fc;border-radius:10px;width:100%}.queue-item b{font-size:12px}.queue-item small{color:#688098;font-size:11px}.result-actions button:disabled{opacity:.4}@media (max-width:1350px){.topbar{gap:8px;padding-inline:12px}.top-actions{gap:6px}.mode-switch button{padding:10px 8px;font-size:11px}.top-btn{padding-inline:10px}}@media (max-width:900px){.topbar,.top-actions{flex-wrap:wrap}.mode-switch{order:0}.queue-top-btn{order:1}.game-status{padding:7px 10px;font-size:12px;top:71px}.game-screen{padding:10px}.game-dialog{padding:14px}}@media (max-width:760px){.mode-switch{width:100%}.mode-switch button{flex:1}.game-frames{grid-template-columns:repeat(2,1fr)}.queue-card{padding:15px}.game-status{white-space:normal;gap:7px}.game-dialog p{font-size:11px}.game-options button{min-width:52px}}.mission-status{white-space:normal;text-align:left;gap:12px;width:max-content;max-width:calc(100% - 28px)}.mission-status>span{color:#8b5e12;flex-shrink:0}.mission-status>b{font-size:13px;line-height:1.35}.mission-status button{color:#5b4b2c;background:#fff;border:1px solid #e3d8b3;border-radius:10px;flex-shrink:0;padding:7px 10px;font-weight:900}.mission-dialog{width:min(700px,100%)}.mission-cover{object-fit:contain;object-position:center;border-radius:18px;width:min(100%,420px);height:clamp(100px,20vh,180px);margin:0 auto 12px;display:block}.mission-categories button{min-width:0}.mission-prompt{color:#344d78;background:#f4f7ff;border:1px solid #e0e8fb;border-radius:15px;max-width:560px;margin:13px auto 5px;padding:13px 16px;font-size:14px;font-weight:900;line-height:1.5}.mission-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.mission-actions .magic-btn{flex:1}.mission-finish{min-height:54px}@media (max-width:760px){.mission-cover{height:clamp(80px,16vh,130px);margin-bottom:8px}.mission-status{gap:7px;width:calc(100% - 20px);top:65px}.mission-status>b{font-size:11px}.mission-status button{padding:6px 7px;font-size:10px}.mission-actions{width:100%}.mission-finish{min-height:42px}}.generation-video-loader{z-index:80;pointer-events:none;justify-content:center;width:min(250px,100vw - 32px);display:flex;position:fixed;inset:auto 22px 22px auto}.generation-video-loader__content{box-sizing:border-box;color:#fff;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18181ee8;border:1px solid #ffffff29;border-radius:18px;width:100%;padding:14px 16px 13px;box-shadow:0 12px 42px #00000040}.generation-video-loader__video{object-fit:contain;border-radius:10px;width:116px;height:92px;margin:0 auto 7px;display:block}.generation-video-loader__title{font-size:14px;font-weight:700;line-height:1.35}.generation-video-loader__subtitle{color:#ffffffb8;margin-top:5px;font-size:11px;line-height:1.4}@media (max-width:600px){.generation-video-loader{width:min(205px,100vw - 20px);inset:auto 10px 10px auto}.generation-video-loader__content{border-radius:15px;padding:10px 12px}.generation-video-loader__video{width:88px;height:68px}}