:root{--bg:#071523;--bg2:#0b1e34;--bg3:#0f2640;--bg4:#163450;--border:#1d4266;--text:#ddf0fb;--text2:#6aabc8;--pri:#006385;--pl:#4cbff4;--cyan:#04c7e8;--blue:#0366eb;--glass-bg:linear-gradient(135deg, #0b1e348c, #0b1e3459);--glass-bg-strong:linear-gradient(135deg, #0b1e34b3, #0b1e3480);--glass-border:#4cbff438;--glass-shadow:inset 0 1px 0 #ffffff14, inset 0 -1px 0 #00000040, 0 0 0 1px #04c7e80d, 0 10px 36px #00000073, 0 2px 8px #00000040;--glass-blur:blur(22px) saturate(160%);--grad:linear-gradient(135deg, #006385 0%, #4cbff4 100%);--top-h:72px;--left-w:68px;--right-w:290px}.canvas-page *{box-sizing:border-box;margin:0;padding:0}.canvas-page{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}#topBar{background:var(--glass-bg-strong);height:62px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);z-index:300;border-radius:22px;align-items:center;gap:5px;padding:0 14px;display:flex;position:fixed;top:10px;left:10px;right:10px;overflow:visible}.t-logo{color:var(--text);align-items:center;gap:7px;text-decoration:none;display:flex}.t-logo img{border-radius:10px;height:46px}.t-logo span{font-size:16px;font-weight:800}.t-badge{letter-spacing:.1em;text-transform:uppercase;color:#2a1500;background:linear-gradient(105deg,#7a5c10 0%,#c9920c 18%,#f4c430 35%,#fff0a0 50%,#f4c430 65%,#c9920c 82%,#7a5c10 100%) 0 0/200% 100%;border-radius:99px;padding:4px 12px;font-size:10px;font-weight:800;animation:6s linear infinite gold-shimmer;box-shadow:0 2px 10px #d4a01773,0 1px 4px #8b69144d}.t-sep{background:var(--border);width:1px;height:24px;margin:0 3px}.t-btn{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:4px;padding:6px 11px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;transition:all .15s;display:flex}.t-btn:hover{background:var(--bg3);color:var(--text)}.t-btn:disabled{opacity:.3;cursor:not-allowed}.t-btn .ms{font-size:16px}.t-btn.red:hover{color:#f87171;background:#f8514924}.t-btn.magic-plus-btn{color:#fff;background:linear-gradient(135deg,#006385 0%,#4cbff4 100%);border-radius:14px;margin-left:auto;font-weight:600}.t-btn.magic-plus-btn:hover{opacity:.88;background:linear-gradient(135deg,#006385 0%,#4cbff4 100%)}.t-btn.magic-pro-btn{color:#fff;background:linear-gradient(135deg,#652fe7 0%,#a78bfa 100%);border-radius:14px;font-weight:600}.t-btn.magic-pro-btn:hover{opacity:.88;background:linear-gradient(135deg,#652fe7 0%,#a78bfa 100%)}.t-spacer{flex:1}.t-guide-group{background:var(--bg3);border:1px solid var(--border);border-radius:14px;align-items:center;gap:6px;padding:4px 10px 4px 8px;display:flex}.t-guide-val{color:var(--text2);min-width:28px;font-size:11px}.t-guide-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:90px;height:4px}.t-guide-slider::-webkit-slider-thumb{appearance:none;background:var(--pl);cursor:pointer;border:2px solid var(--bg2);border-radius:50%;width:13px;height:13px}.ai-active{color:var(--pl);align-items:center;gap:6px;margin-right:6px;font-size:11px;font-weight:600;display:none}.ai-dot{background:var(--pri);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.65)}}#toolbar{top:calc(var(--top-h) + 10px);width:var(--left-w);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);z-index:91;box-shadow:var(--glass-shadow);border-radius:22px;flex-direction:column;align-items:center;gap:3px;padding:10px 0;display:flex;position:fixed;bottom:10px;left:10px}.tb{width:52px;height:52px;color:var(--text2);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background .35s cubic-bezier(.22,1,.36,1),color .35s cubic-bezier(.22,1,.36,1),border-color .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.tb:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#00638559,#4cbff447);transition:opacity .35s,transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0;transform:scale(.6)}.tb:after{content:"";opacity:0;pointer-events:none;border-radius:22px;transition:opacity .3s;position:absolute;inset:-4px;box-shadow:0 0 #4cbff48c}.tb .ms{z-index:1;font-size:20px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative}.tb .lbl{z-index:1;font-family:Plus Jakarta Sans,sans-serif;font-size:8px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s;position:relative}.tb:hover{background:var(--bg3);color:var(--text);transform:translateY(-1px)scale(1.04)}.tb:hover .ms{transform:scale(1.12)rotate(-4deg)}.tb:active{transform:scale(.94)}.tb.active{border-color:var(--pri);color:var(--pl);background:#00638538;box-shadow:0 0 0 1px #4cbff440,0 6px 18px #00638559,inset 0 1px #ffffff14}.tb.active:before{opacity:1;transform:scale(1)}.tb.active .ms{animation:.55s cubic-bezier(.34,1.56,.64,1) tb-icon-pop}.tb.active .lbl{transform:translateY(-1px)}.tb.just-switched:after{animation:.65s cubic-bezier(.22,1,.36,1) tb-ring-pulse}.tb.just-switched .ms{animation:.6s cubic-bezier(.34,1.56,.64,1) tb-icon-burst}@keyframes tb-icon-pop{0%{transform:scale(.7)rotate(-12deg)}55%{transform:scale(1.25)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes tb-icon-burst{0%{opacity:.4;transform:scale(.5)rotate(-25deg)}40%{opacity:1;transform:scale(1.35)rotate(10deg)}70%{transform:scale(.94)rotate(-3deg)}to{transform:scale(1)rotate(0)}}@keyframes tb-ring-pulse{0%{opacity:.85;box-shadow:0 0 #4cbff48c}to{opacity:0;box-shadow:0 0 0 14px #4cbff400}}.tb-sep{background:var(--border);width:38px;height:1px;margin:4px 0}.tb.smart{border-color:var(--pri);color:var(--pl);background:#04c7e814}.tb.smart:hover{background:#04c7e82e}.tip{background:var(--bg4);border:1px solid var(--border);white-space:nowrap;pointer-events:none;opacity:0;z-index:300;border-radius:6px;padding:3px 9px;font-size:11px;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 9px);transform:translateY(-50%)}.tb:hover .tip{opacity:1}#canvasArea{top:calc(var(--top-h) + 10px);left:calc(var(--left-w) + 20px);right:calc(var(--right-w) + 20px);z-index:0;isolation:isolate;cursor:crosshair;background:0 0;border-radius:22px;justify-content:center;align-items:center;display:flex;position:fixed;bottom:10px;overflow:hidden}#canvasWrapper{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 0 0 1px #ffffff1a}#canvasArea canvas{image-rendering:auto;-ms-interpolation-mode:bicubic;position:absolute;top:0;left:0}#gridCanvas{z-index:1;pointer-events:none}#guideCanvas{z-index:2;pointer-events:none;shape-rendering:geometricprecision;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}#drawCanvas{z-index:3}#boundaryCanvas{z-index:3;pointer-events:none}#overlayCanvas{z-index:4;pointer-events:none}#inputCanvas{z-index:5;opacity:0;background:0 0}#canvasArea.t-eraser #inputCanvas{cursor:none}.canvas-download-btn{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#374151;cursor:pointer;background:#ffffffd9;border:1px solid #0000001a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000014}.canvas-download-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 4px 16px #0000001f}.canvas-download-btn .ms{font-size:20px}#canvasArea.t-select #inputCanvas{cursor:move}#canvasArea.t-fill #inputCanvas{cursor:crosshair}#rightPanel{top:calc(var(--top-h) + 10px);width:var(--right-w);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);z-index:90;box-shadow:var(--glass-shadow);border-radius:22px;flex-direction:column;gap:10px;padding:12px;display:flex;position:fixed;bottom:10px;right:10px;overflow-y:auto}.sec{background:var(--bg3);border-radius:18px;padding:14px}.sec-title{color:var(--text2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:700}.s-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.s-lbl{color:var(--text2);min-width:54px;font-size:11px}.s-val{color:var(--text2);text-align:right;min-width:30px;font-size:11px}input[type=range]{appearance:none;background:var(--border);border-radius:2px;outline:none;flex:1;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--pri);cursor:pointer;border:2px solid var(--bg2);border-radius:50%;width:16px;height:16px}input[type=range].teal::-webkit-slider-thumb{background:var(--pl)}.row-sb{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.row-lbl{align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.row-lbl .ms{color:var(--pl);font-size:15px}.toggle{background:var(--border);cursor:pointer;border:none;border-radius:99px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle.on{background:var(--pri)}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on:after{transform:translate(18px)}input[type=color]{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:100%;height:36px;padding:2px}.swatches{grid-template-columns:repeat(8,1fr);gap:4px;margin-top:7px;display:grid}.sw{aspect-ratio:1;cursor:pointer;border:1.5px solid #0000;border-radius:5px;transition:transform .1s}.sw:hover{border-color:#ffffff80;transform:scale(1.2)}.sw.on{border-color:#fff}.size-pre{background:var(--bg);border-radius:8px;justify-content:center;align-items:center;height:44px;margin-bottom:8px;display:flex}.size-dot{background:#fff;border-radius:50%;transition:all .1s}.opt-row{color:var(--text2);justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;display:flex}.shape-btns{gap:5px;margin-top:5px;display:flex}.shape-btn{border:1.5px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;transition:all .15s;display:flex}.shape-btn .ms{font-size:15px}.shape-btn.on{border-color:var(--pri);color:var(--pl);background:#00638538}.grid-btns{gap:5px;margin-top:6px;display:flex}.grid-btn{border:1.5px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;transition:all .15s;display:flex}.grid-btn .ms{font-size:15px}.grid-btn.on{border-color:var(--pri);color:var(--pl);background:#00638538}.layer-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.layer-ic{color:var(--text2);font-size:14px}.layer-nm{flex:1;font-size:12px}.layer-op{color:var(--text2);font-size:11px}.lbtn{background:var(--bg);width:28px;height:28px;color:var(--text2);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.lbtn:hover{background:var(--bg4);color:var(--text)}.lbtn.red:hover{color:#f87171;background:#f8514926}.layers-hdr{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.layers-hdr .sec-title{margin-bottom:0}.layers-add-btns{gap:5px;display:flex}.layer-item{cursor:pointer;border:1.5px solid #0000;border-radius:12px;margin-bottom:4px;padding:5px 6px;transition:all .15s}.layer-item:hover{background:var(--bg4)}.layer-item.layer-active{border-color:var(--pri);background:#00638538}#ctxMenu{z-index:1000;background:var(--bg2);border:1.5px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;width:250px;padding:18px 20px;display:none;position:fixed;box-shadow:0 12px 48px #0009,0 0 0 1px #4cbff41a,inset 0 1px #ffffff0a}#ctxMenu.open{animation:.15s ease-out ctxIn;display:block}@keyframes ctxIn{0%{opacity:0;transform:scale(.92)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.ctx-title{color:var(--text2);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:14px;padding-bottom:10px;font-size:10px;font-weight:700;display:flex}.ctx-title:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%;display:inline-block}#modal,#modalColoring{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#modal.open,#modalColoring.open{display:flex}.modal-box{background:var(--bg2);border:1px solid var(--border);border-radius:24px;flex-direction:column;width:820px;max-width:95vw;max-height:88vh;display:flex;overflow:hidden}.modal-hd{flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px 0;display:flex}.modal-hd h2{font-size:17px;font-weight:700}.modal-cls{background:var(--bg3);width:34px;height:34px;color:var(--text2);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-cls:hover{background:var(--bg4)}.o-tabs{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:14px 22px 0;display:flex}.o-tab{border:1.5px solid var(--border);color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:99px;padding:5px 13px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.o-tab:hover{border-color:var(--pri);color:var(--text)}.o-tab.on{background:var(--pri);border-color:var(--pri);color:#fff}.modal-body{padding:14px 22px 20px;overflow-y:auto}.modal-sub{color:var(--text2);margin-bottom:12px;font-size:12px}.o-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.o-thumb{aspect-ratio:1;border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.o-thumb:hover{border-color:var(--pri);transform:scale(1.04)}.o-thumb:hover .o-apply{display:flex}.o-icon{object-fit:contain;pointer-events:none;width:36px;height:36px}.o-label{color:var(--text);font-size:9px;font-weight:700}.o-apply{color:#fff;background:#006385a6;border-radius:12px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:none;position:absolute;inset:0}.upload-orb-wrap{pointer-events:none;z-index:0;border-radius:22px;position:absolute;inset:0;overflow:hidden}.upload-orb{mix-blend-mode:multiply;pointer-events:none;border-radius:50%;position:absolute}.upload-orb-1{filter:blur(65px);opacity:.52;background:radial-gradient(circle at 40% 40%,#04c7e8dd 0%,#0366eb99 45%,#0000 75%);width:820px;height:820px;animation:9s ease-in-out infinite drift1;top:-260px;left:-180px}.upload-orb-2{filter:blur(72px);opacity:.48;background:radial-gradient(circle at 55% 45%,#eafaff 0%,#04c7e8cc 40%,#0366ebbb 70%,#0000 100%);width:700px;height:700px;animation:11s ease-in-out infinite drift2;bottom:-140px;right:-140px}.upload-orb-3{filter:blur(68px);opacity:.44;background:radial-gradient(circle,#0366ebaa 0%,#04c7e8bb 50%,#0000 80%);width:560px;height:560px;animation:13s ease-in-out infinite drift3;top:30%;left:36%}.card-orb-wrap{pointer-events:none;border-radius:inherit;z-index:0;position:absolute;inset:0;overflow:hidden}.card-orb{mix-blend-mode:multiply;pointer-events:none;border-radius:50%;position:absolute}.card-orb-a{filter:blur(52px);opacity:.55;background:radial-gradient(circle at 40% 40%,#04c7e8cc 0%,#0366eb77 50%,#0000 75%);width:380px;height:380px;animation:8s ease-in-out infinite drift1;top:-100px;left:-80px}.card-orb-b{filter:blur(58px);opacity:.5;background:radial-gradient(circle at 55% 55%,#eafaff 0%,#04c7e8bb 45%,#0366eb88 72%,#0000 100%);width:300px;height:300px;animation:10s ease-in-out infinite drift2;bottom:-70px;right:-50px}.card-orb-c{filter:blur(48px);opacity:.42;background:radial-gradient(circle,#0366ebaa 0%,#04c7e8aa 55%,#0000 80%);width:240px;height:240px;animation:12s ease-in-out -4s infinite drift3;top:40%;left:40%}@keyframes drift1{0%{transform:translate(0)scale(1)}25%{transform:translate(28px,-18px)scale(1.04)}50%{transform:translate(14px,24px)scale(.97)}75%{transform:translate(-22px,10px)scale(1.02)}to{transform:translate(0)scale(1)}}@keyframes drift2{0%{transform:translate(0)scale(1)}30%{transform:translate(-24px,20px)scale(1.03)}60%{transform:translate(18px,-14px)scale(.98)}80%{transform:translate(8px,28px)scale(1.01)}to{transform:translate(0)scale(1)}}@keyframes drift3{0%{transform:translate(0)scale(1)}20%{transform:translate(16px,22px)scale(1.02)}50%{transform:translate(-20px,-16px)scale(.96)}70%{transform:translate(24px,8px)scale(1.03)}to{transform:translate(0)scale(1)}}#rightPanel::-webkit-scrollbar{width:4px}#rightPanel::-webkit-scrollbar-track{background:0 0}#rightPanel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.ms{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;display:inline-block}.ms.fill{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.zoom-toolbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1e34f2;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:15px;left:15px;box-shadow:0 6px 16px #00000040}.z-btn{width:34px;height:34px;color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.z-btn:hover{background:var(--bg4);color:var(--text)}.z-label{color:var(--text);text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;min-width:44px;padding:0 2px;font-size:11px;font-weight:700;transition:color .15s}.z-label:hover{color:var(--pl)}.tut-overlay{z-index:10000;pointer-events:auto;position:fixed;inset:0}.tut-mask{z-index:10000;pointer-events:none;position:fixed;inset:0}.tut-card-wrap{z-index:10002;will-change:transform, opacity, filter;perspective:1200px;width:340px;max-height:calc(100vh - 28px);position:fixed}.tut-comet{z-index:0;border-radius:1.6rem;position:absolute;inset:-2px;overflow:hidden}.tut-comet:before{content:"";transform-origin:50%;background:conic-gradient(#0000 0deg 260deg,#003c5000 270deg,#00638580 300deg,#4cbff4f2 330deg,#c8f0ff 348deg,#fff 355deg,#c8f0ff4d 359deg,#0000 360deg);width:200%;height:200%;animation:3.5s linear infinite tut-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.tut-bloom{z-index:0;filter:blur(5px);border-radius:1.6rem;position:absolute;inset:-2px;overflow:hidden}.tut-bloom:before{content:"";transform-origin:50%;background:conic-gradient(#0000 0deg 280deg,#4cbff44d 320deg,#91d8ffb3 345deg,#fff9 355deg,#0000 360deg);width:200%;height:200%;animation:3.5s linear infinite tut-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}@keyframes tut-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.tut-card-wrap:before{content:"";pointer-events:none;filter:blur(18px);background:radial-gradient(80% 60% at 50% 100%,#4cbff426 0%,#0000 70%);border-radius:1.6rem;position:absolute;inset:0;transform:translateY(8px)scale(1.05)}.tut-bubble{z-index:10;background:#fff;border-radius:1.5rem;max-height:calc(100vh - 32px);padding:24px 22px 18px;font-family:Plus Jakarta Sans,sans-serif;position:relative;overflow-y:auto}.tut-icon-ring{background:linear-gradient(135deg,#006385 0%,#4cbff4 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex;box-shadow:0 4px 20px #4cbff440,0 0 0 4px #4cbff40f}.tut-icon{color:#fff;font-size:28px!important}.tut-progress-bar{background:#e8f4fb;border-radius:4px;width:100%;height:4px;margin-bottom:6px;overflow:hidden}.tut-progress-fill{background:linear-gradient(90deg,#006385,#4cbff4);border-radius:4px;height:100%;box-shadow:0 0 8px #4cbff433}.tut-step-label{color:#006385;text-align:center;text-transform:uppercase;letter-spacing:.12em;opacity:.5;margin-bottom:12px;font-size:10px;font-weight:700}.tut-title{color:#0f172a;text-align:center;letter-spacing:-.4px;margin:0 0 6px;font-size:21px;font-weight:800;line-height:1.2}.tut-desc{color:#475569;text-align:center;margin:0 0 14px;font-size:13.5px;font-weight:500;line-height:1.6}.tut-speaking{justify-content:center;align-items:center;gap:4px;margin-bottom:12px;display:flex;overflow:hidden}.tut-wave{background:#006385;border-radius:3px;width:3px;height:12px;animation:.8s ease-in-out infinite alternate tut-wave-anim;display:inline-block}.tut-wave:nth-child(2){height:18px}.tut-wave:nth-child(3){height:8px}@keyframes tut-wave-anim{0%{opacity:.4;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}.tut-speaking-text{color:#006385;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-left:6px;font-size:10px;font-weight:600}.tut-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.tut-skip{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.tut-skip:hover{color:#475569;background:#f1f5f9}.tut-nav-group{align-items:center;gap:6px;display:flex}.tut-prev{color:#006385;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-family:inherit;transition:all .15s;display:flex}.tut-prev:hover{background:#e8f4fb;border-color:#4cbff4}.tut-next{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#006385 0%,#4cbff4 100%);border:none;border-radius:14px;align-items:center;gap:4px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:800;transition:all .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00638566}.tut-next:hover{box-shadow:0 6px 28px #0063858c}.tut-next:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff40 50%,#0000 70%);animation:3s ease-in-out infinite tut-btn-shine;position:absolute;inset:0;transform:translate(-150%)}@keyframes tut-btn-shine{0%,80%,to{transform:translate(-150%)}40%{transform:translate(150%)}}.t-toolkit-btn,.t-voice-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:14px;align-items:center;gap:5px;padding:4px 10px 4px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s;display:flex}.t-toolkit-btn:hover,.t-voice-btn:hover{background:var(--bg4);color:var(--pl);border-color:#4cbff44d}.t-toolkit-btn .ms,.t-voice-btn .ms{font-size:16px}.t-voice-wrap{position:relative}.t-voice-dropdown{background:var(--bg2);border:1px solid var(--border);z-index:400;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 40px #00000080}.t-voice-option{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-family:inherit;transition:all .12s;display:flex}.t-voice-option:hover{background:#4cbff414}.t-voice-option.active{background:#4cbff41f}.t-vo-icon{color:#4cbff4;flex-shrink:0;font-size:20px!important}.t-vo-text{flex-direction:column;flex:1;display:flex}.t-vo-name{color:var(--text);font-size:12px;font-weight:700;line-height:1.2}.t-vo-desc{color:var(--text2);opacity:.6;font-size:10px;font-weight:500;line-height:1.2}.t-vo-check{color:#4cbff4;flex-shrink:0;font-size:16px!important}.mascot-wrap{bottom:20px;right:calc(var(--right-w) + 34px);z-index:500;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;cursor:grab;touch-action:none;position:fixed}.mascot-wrap:active{cursor:grabbing}.mascot-bubble{pointer-events:none;background:#fff;border-radius:16px;width:max-content;max-width:180px;padding:10px 14px;position:absolute;box-shadow:0 4px 20px #0000001a,0 0 0 1px #0000000a}.mascot-bubble-text{color:#1e293b;font-family:Plus Jakarta Sans,sans-serif;font-size:11.5px;font-weight:600;line-height:1.45}.mascot-bubble-tail{border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute}.pika{pointer-events:none;cursor:grab;width:80px;height:100px;position:relative}.pika-glow{pointer-events:none;background:radial-gradient(#0000001a 0%,#0000 70%);border-radius:50%;height:18px;position:absolute;bottom:-4px;left:10px;right:10px}.pika-ear{transform-origin:bottom;z-index:1;background:linear-gradient(#2a2a2a 0% 30%,#f7d02c 30% 100%);border-radius:7px 7px 4px 4px;width:14px;height:36px;position:absolute;top:-4px}.pika-ear-l{left:10px;transform:rotate(-20deg)}.pika-ear-r{right:10px;transform:rotate(20deg)}.pika-ear-tip{background:#2a2a2a;border-radius:7px 7px 2px 2px;height:40%;position:absolute;top:0;left:0;right:0}.pika-head{pointer-events:auto;cursor:grab;z-index:2;background:radial-gradient(circle at 35% 30%,#ffe566 0%,#0000 50%),radial-gradient(circle at 65% 70%,#d4a800 0%,#0000 50%),linear-gradient(170deg,#fce34d 0%,#f7d02c 40%,#e6b800 100%);border-radius:50% 50% 46% 46%;width:64px;height:52px;position:absolute;top:18px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 4px 14px #b48c0040,inset 0 3px 6px #ffffff40,inset 0 -3px 8px #b4820033}.pika-head:before{content:"";filter:blur(2px);background:#ffffff4d;border-radius:50%;width:20px;height:10px;position:absolute;top:5px;left:16px}.pika-eye{background:#1a1a1a;border-radius:50%;width:11px;height:13px;transition:height .1s,top .1s;position:absolute;top:16px;overflow:hidden;box-shadow:0 1px 3px #00000026}.pika-eye-l{left:13px}.pika-eye-r{right:13px}.pika-eye.blink{border-radius:2px;height:2px;top:22px}.pika-pupil{background:#1a1a1a;border-radius:50%;width:5px;height:5px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.pika-eye-shine{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:2px;left:2px}.pika-cheek{opacity:.75;filter:blur(1px);background:radial-gradient(circle,#ff5050 0%,#e63939 100%);border-radius:50%;width:14px;height:10px;position:absolute;top:26px}.pika-cheek-l{left:2px}.pika-cheek-r{right:2px}.pika-nose{background:#1a1a1a;border-radius:50%;width:4px;height:3px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.pika-mouth{gap:0;width:16px;height:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.pika-mouth-curve{border-bottom:2px solid #6b4c00;border-left:1px solid #6b4c00;border-right:1px solid #6b4c00;border-radius:0 0 8px 8px;width:8px;height:6px}.pika-body{pointer-events:auto;cursor:grab;z-index:1;background:radial-gradient(circle at 50% 30%,#ffe566 0%,#0000 60%),linear-gradient(#f7d02c 0%,#e6b800 100%);border-radius:24px 24px 20px 20px;width:48px;height:34px;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:inset 0 -3px 8px #a0780033,inset 0 2px 4px #ffffff26}.pika-belly{background:#fff0b480;border-radius:50%;width:26px;height:14px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.pika-arm{background:linear-gradient(#f7d02c,#d4a800);border-radius:5px;width:10px;height:18px;position:absolute;top:4px;box-shadow:0 1px 3px #0000001a}.pika-arm-l{transform-origin:100% 0;left:-5px}.pika-arm-r{transform-origin:0 0;right:-5px}.pika-foot{background:#d4a800;border-radius:7px 7px 4px 4px;width:14px;height:8px;position:absolute;bottom:-4px;box-shadow:0 2px 4px #0000001a}.pika-foot-l{left:6px}.pika-foot-r{right:6px}.pika-tail{transform-origin:0;z-index:0;pointer-events:none;width:28px;height:30px;position:absolute;top:38px;right:-12px}.pika-tail-s1{background:#d4a800;width:12px;height:14px;position:absolute;bottom:0;left:0;transform:skew(-15deg)}.pika-tail-s2{background:#e6b800;width:14px;height:12px;position:absolute;bottom:10px;left:6px;transform:skew(15deg)}.pika-tail-s3{background:#f7d02c;border-radius:2px 4px 0 0;width:12px;height:14px;position:absolute;bottom:18px;left:10px;transform:skew(-10deg)}.pika.pika-disabled{filter:saturate(0)brightness(.82)contrast(.92);transition:filter 1.1s cubic-bezier(.4,0,.2,1)}.pika:not(.pika-disabled){transition:filter .9s cubic-bezier(.34,1.2,.64,1)}.pika.pika-disabled .pika-glow{opacity:.15;transition:opacity 1s}.pika:not(.pika-disabled) .pika-glow{transition:opacity .8s}.pika.pika-disabled .pika-cheek{opacity:.3;transition:opacity 1s}.pika .pika-cheek{transition:opacity .8s}.pika-eye.pika-powered-down .pika-pupil{background:#4a4a4a;transition:transform .6s cubic-bezier(.4,0,.2,1),background .8s;transform:scaleY(.25)translateY(3px)}.pika-eye.pika-powered-down .pika-eye-shine{opacity:0;transition:opacity .4s}.pika-eye .pika-pupil{transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .6s}.pika-eye .pika-eye-shine{transition:opacity .35s}.pika.pika-speaking .pika-eye-shine{animation:1.8s ease-in-out infinite pika-eye-pulse}@keyframes pika-eye-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}}.mascot-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#0f172aeb;border-radius:10px;padding:6px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.mascot-hint:after{content:"";border:5px solid #0000;border-top-color:#0f172aeb;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.pika.pika-speaking .pika-eye-shine{animation:none}}.mascot-body{pointer-events:none;cursor:grab;position:relative}.gen-dyn{will-change:transform, box-shadow;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,filter .25s;animation:6s linear infinite gen-dyn-shimmer;position:relative;background-size:220% 100%!important}.gen-dyn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff59 50%,#0000 65%);transition:transform .7s;position:absolute;inset:0;transform:translate(-140%)}.gen-dyn:hover{filter:brightness(1.08)saturate(1.15);transform:translateY(-2px)scale(1.06);box-shadow:0 10px 28px #00000038,0 2px 8px #0000001f,inset 0 1px #fff3}.gen-dyn:hover:before{transform:translate(140%)}.gen-dyn:active{transform:translateY(0)scale(.97)}.gen-dyn.gen-dyn-green:hover{box-shadow:0 12px 30px #065f468c,inset 0 1px #ffffff38}.gen-dyn.gen-dyn-cyan:hover{box-shadow:0 12px 30px #0063858c,inset 0 1px #ffffff38}.gen-dyn.gen-dyn-purple:hover{box-shadow:0 12px 30px #652fe78c,inset 0 1px #ffffff38}@keyframes gen-dyn-shimmer{0%{background-position:220%}to{background-position:0%}}