@import "https://fonts.googleapis.com/css2?family=Pacifico&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:left;box-sizing:border-box;width:100%;height:100%;margin:0;overflow:hidden}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.canva-landing-wrapper[data-v-2d78e009]{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#6d28d9 100%);flex-direction:column;align-items:center;width:100%;min-height:100vh;font-family:Outfit,Inter,sans-serif;display:flex;overflow-y:auto}.canva-nav-bar[data-v-2d78e009]{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:20px 24px;display:flex}.nav-left[data-v-2d78e009]{align-items:center;gap:40px;display:flex}.brand-logo-group[data-v-2d78e009]{align-items:center;gap:10px;display:flex}.brand-logo-icon[data-v-2d78e009]{color:#6d28d9;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.95rem;font-weight:900;display:flex}.brand-logo-icon.small[data-v-2d78e009]{border-radius:5px;width:18px;height:18px;font-size:.72rem}.canva-logo[data-v-2d78e009]{color:#fff;-webkit-user-select:none;user-select:none;letter-spacing:-.5px;font-family:Outfit,Inter,sans-serif;font-size:1.3rem;font-weight:800}.canva-menu-list[data-v-2d78e009]{align-items:center;gap:26px;display:flex}.menu-link[data-v-2d78e009]{color:#ffffffd9;white-space:nowrap;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .15s}.menu-link[data-v-2d78e009]:hover{color:#fff}.btn-header-cta[data-v-2d78e009]{color:#1e293b;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:8px;padding:10px 22px;font-size:.88rem;font-weight:800;transition:background .2s,transform .2s}.btn-header-cta[data-v-2d78e009]:hover:not(:disabled){background:#f1f5f9;transform:translateY(-1px)}.btn-header-cta[data-v-2d78e009]:disabled{opacity:.5;cursor:not-allowed}.hero-container[data-v-2d78e009]{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1000px;margin-top:40px;padding:0 24px 60px;display:flex}.hero-title[data-v-2d78e009]{letter-spacing:-1px;text-shadow:0 4px 10px #0000001a;margin:0 0 16px;font-size:clamp(1.9rem,4.2vw,3.2rem);font-weight:900;line-height:1.3}.hero-subtitle[data-v-2d78e009]{opacity:.92;letter-spacing:-.1px;margin:0 0 28px;font-size:clamp(.92rem,1.6vw,1.05rem);font-weight:500}.btn-start-free[data-v-2d78e009]{color:#1e293b;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:14px 32px;font-size:.98rem;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 10px 25px #0000001f}.btn-start-free[data-v-2d78e009]:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 12px 30px #0000002e}.btn-start-free[data-v-2d78e009]:active{transform:translateY(0)}.showcase-card[data-v-2d78e009]{box-sizing:border-box;text-align:left;background:#fff;border-radius:22px;align-items:center;gap:36px;width:100%;margin-top:50px;padding:40px;display:flex;box-shadow:0 25px 60px #00000040}.showcase-left[data-v-2d78e009]{flex-direction:column;flex:0 0 34%;gap:22px;display:flex}.showcase-heading[data-v-2d78e009]{color:#0f172a;margin:0;font-size:1.4rem;font-weight:800;line-height:1.4}.showcase-swatches[data-v-2d78e009]{gap:10px;display:flex}.showcase-swatch[data-v-2d78e009]{border-radius:10px;width:34px;height:34px;box-shadow:0 4px 10px #00000026}.showcase-right[data-v-2d78e009]{aspect-ratio:16/9;border-radius:14px;flex:1;position:relative;overflow:hidden;box-shadow:0 15px 35px #0003}.showcase-screenshot[data-v-2d78e009]{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.showcase-badge[data-v-2d78e009]{color:#fff;background:#6d28d9;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 10px #00000040}@media (width<=700px){.showcase-card[data-v-2d78e009]{flex-direction:column;padding:28px}.showcase-left[data-v-2d78e009]{flex:auto}}.feature-highlights[data-v-2d78e009]{grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-top:24px;display:grid}.feature-highlight-card[data-v-2d78e009]{text-align:left;background:#fff;border-radius:16px;align-items:flex-start;gap:16px;padding:22px 24px;display:flex;box-shadow:0 15px 35px #00000026}.feature-highlight-icon[data-v-2d78e009]{flex-shrink:0;font-size:1.6rem}.feature-highlight-card h3[data-v-2d78e009]{color:#0f172a;margin:0 0 6px;font-size:1rem;font-weight:800}.feature-highlight-card p[data-v-2d78e009]{color:#64748b;margin:0;font-size:.84rem;line-height:1.5}@media (width<=700px){.feature-highlights[data-v-2d78e009]{grid-template-columns:1fr}}.landing-footer[data-v-2d78e009]{color:#64748b;box-sizing:border-box;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:18px 24px;font-size:.8rem;display:flex}.footer-links[data-v-2d78e009]{gap:18px;display:flex}.footer-link[data-v-2d78e009]{color:#64748b;text-decoration:none}.footer-link[data-v-2d78e009]:hover{color:#1e293b;text-decoration:underline}.auth-modal-overlay[data-v-2d78e009]{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.glass-card[data-v-2d78e009]{box-sizing:border-box;background:#1e293bf2;border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:440px;padding:40px;position:relative;box-shadow:0 25px 50px -12px #00000080}.modal-close-x[data-v-2d78e009]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.8rem;transition:color .15s;position:absolute;top:16px;right:20px}.modal-close-x[data-v-2d78e009]:hover{color:#fff}.brand-logo[data-v-2d78e009]{text-align:center;background:linear-gradient(135deg,#a78bfa 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 10px;font-size:2rem;font-weight:800}.brand-tagline[data-v-2d78e009]{color:#94a3b8;text-align:center;margin:0 0 28px;font-size:.9rem}.auth-form[data-v-2d78e009]{flex-direction:column;gap:18px;display:flex}.form-group[data-v-2d78e009]{flex-direction:column;gap:6px;display:flex}.form-group label[data-v-2d78e009]{color:#cbd5e1;font-size:.8rem;font-weight:600}.form-group input[data-v-2d78e009]{color:#fff;background:#ffffff08;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:12px 14px;font-size:.9rem;transition:all .25s}.form-group input[data-v-2d78e009]:focus{background:#ffffff0f;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.alert-box[data-v-2d78e009]{color:#fca5a5;text-align:center;background:#ef44441f;border:1px solid #ef444440;border-radius:8px;padding:10px 14px;font-size:.8rem}.submit-btn[data-v-2d78e009]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);border:none;border-radius:10px;justify-content:center;align-items:center;padding:13px;font-size:.95rem;font-weight:700;transition:all .25s;display:flex}.submit-btn[data-v-2d78e009]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.submit-btn[data-v-2d78e009]:active{transform:translateY(0)}.submit-btn[data-v-2d78e009]:disabled{opacity:.65;cursor:not-allowed}.mode-switch[data-v-2d78e009]{color:#94a3b8;justify-content:center;gap:6px;margin-top:20px;font-size:.8rem;display:flex}.mode-switch a[data-v-2d78e009]{color:#818cf8;font-weight:600;text-decoration:none}.mode-switch a[data-v-2d78e009]:hover{text-decoration:underline}.spinner[data-v-2d78e009]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin-2d78e009}@keyframes spin-2d78e009{to{transform:rotate(360deg)}}.framepea-logo[data-v-2d78e009]{background:linear-gradient(135deg,#fff 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;letter-spacing:-1px!important;font-family:Outfit,Inter,sans-serif!important;font-size:1.7rem!important;font-weight:900!important;line-height:1.3!important}.agreement-modal-overlay[data-v-2d78e009]{-webkit-backdrop-filter:blur(10px);z-index:2000;background:#0a0f1eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.agreement-card[data-v-2d78e009]{background:#fff;border-radius:22px;width:90%;max-width:720px;min-height:360px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000059}.agreement-close-x[data-v-2d78e009]{color:#94a3b8;cursor:pointer;z-index:10;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .15s;position:absolute;top:14px;right:18px}.agreement-close-x[data-v-2d78e009]:hover{color:#1e293b}.agreement-left[data-v-2d78e009]{box-sizing:border-box;flex-direction:column;flex:1;gap:14px;padding:40px 36px;display:flex}.agreement-title[data-v-2d78e009]{color:#0f172a;margin:0 0 4px;font-size:1.2rem;font-weight:800}.agree-divider[data-v-2d78e009]{background:#e2e8f0;height:1px;margin:2px 0}.agree-item[data-v-2d78e009]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;display:flex}.agree-all[data-v-2d78e009]{color:#1e293b;font-weight:700}.agree-item input[type=checkbox][data-v-2d78e009]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.agree-check[data-v-2d78e009]{background:#fff;border:2px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .18s;display:flex}.agree-item input[type=checkbox]:checked+.agree-check[data-v-2d78e009]{background:#7c3aed;border-color:#7c3aed}.agree-item input[type=checkbox]:checked+.agree-check[data-v-2d78e009]:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;display:block;transform:rotate(45deg)translateY(-1px)}.agree-label-text[data-v-2d78e009]{color:#334155;font-size:.88rem;line-height:1.5}.agree-link[data-v-2d78e009]{color:#6d28d9;font-weight:600;text-decoration:underline}.agree-link[data-v-2d78e009]:hover{color:#4c1d95}.agree-proceed-btn[data-v-2d78e009]{color:#94a3b8;cursor:not-allowed;background:#e2e8f0;border:none;border-radius:10px;width:100%;margin-top:8px;padding:13px;font-size:.95rem;font-weight:700;transition:all .25s}.agree-proceed-btn[data-v-2d78e009]:not(:disabled){color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);box-shadow:0 6px 18px #7c3aed4d}.agree-proceed-btn[data-v-2d78e009]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 24px #7c3aed66}.agreement-visual[data-v-2d78e009]{background:linear-gradient(160deg,#7c2ae8 0%,#06b6d4 60%,#a78bfa 100%);flex-shrink:0;justify-content:center;align-items:center;width:240px;display:flex;position:relative;overflow:hidden}.agreement-visual[data-v-2d78e009]:before{content:"";filter:blur(20px);background:#ffffff1f;border-radius:50%;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-main-badge[data-v-2d78e009]{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:0 8px 24px #0003,inset 0 1px #ffffff4d}.visual-logo-text[data-v-2d78e009]{color:#fff;text-shadow:0 2px 8px #0003;font-family:Outfit,Inter,sans-serif;font-size:2.5rem;font-weight:900}.visual-orbit[data-v-2d78e009]{width:180px;height:180px;animation:12s linear infinite orbit-rotate-2d78e009;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbit-rotate-2d78e009{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.orbit-icon[data-v-2d78e009]{width:36px;height:36px;top:calc(50% + sin(var(--angle)) * 80px - 18px);left:calc(50% + cos(var(--angle)) * 80px - 18px);background:#ffffffe6;border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;transition:transform .2s;animation:12s linear infinite orbit-icon-counter-2d78e009;display:flex;position:absolute;box-shadow:0 4px 12px #00000026}.orbit-icon[data-v-2d78e009]:first-child{top:calc(50% - 98px);left:calc(50% - 18px)}.orbit-icon[data-v-2d78e009]:nth-child(2){top:calc(50% - 58px);left:calc(50% + 52px)}.orbit-icon[data-v-2d78e009]:nth-child(3){top:calc(50% + 22px);left:calc(50% + 52px)}.orbit-icon[data-v-2d78e009]:nth-child(4){top:calc(50% + 62px);left:calc(50% - 18px)}.orbit-icon[data-v-2d78e009]:nth-child(5){top:calc(50% + 22px);left:calc(50% - 88px)}.orbit-icon[data-v-2d78e009]:nth-child(6){top:calc(50% - 58px);left:calc(50% - 88px)}@keyframes orbit-icon-counter-2d78e009{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (width<=600px){.agreement-visual[data-v-2d78e009]{display:none}.agreement-card[data-v-2d78e009]{max-width:95%}}.signup-modal-overlay[data-v-2d78e009]{-webkit-backdrop-filter:blur(8px);z-index:1100;background:#0f172ab8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.signup-card[data-v-2d78e009]{box-sizing:border-box;background:#1a2236;border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:400px;max-height:90vh;padding:28px 24px 24px;overflow-y:auto;box-shadow:0 25px 50px #0000008c}.signup-back-btn[data-v-2d78e009]{color:#e2e8f0;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:22px;padding:0;font-size:1rem;font-weight:700;transition:color .15s;display:flex}.signup-back-btn[data-v-2d78e009]:hover{color:#fff}.signup-methods[data-v-2d78e009]{flex-direction:column;gap:9px;display:flex}.social-btn[data-v-2d78e009]{cursor:pointer;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:10px;align-items:center;width:100%;padding:11px 14px;transition:background .18s,border-color .18s;display:flex}.social-btn[data-v-2d78e009]:hover{background:#ffffff17;border-color:#ffffff3d}.social-icon-wrap[data-v-2d78e009]{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.social-label[data-v-2d78e009]{text-align:center;color:#e2e8f0;flex:1;font-size:.9rem;font-weight:600}.social-btn[data-v-2d78e009]:disabled{opacity:.65;cursor:not-allowed}.google-spinner[data-v-2d78e009]{border:2px solid #e0e0e0;border-top-color:#4285f4;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin-2d78e009;display:inline-block}.kakao-icon[data-v-2d78e009]{background:#fee500}.naver-icon[data-v-2d78e009]{background:#03c75a}.google-icon[data-v-2d78e009]{background:#fff}.email-icon[data-v-2d78e009]{background:#ffffff12;border:1px solid #ffffff21}.facebook-icon[data-v-2d78e009]{background:#1877f2}.apple-icon[data-v-2d78e009]{background:#111}.microsoft-icon[data-v-2d78e009]{background:#fff;padding:6px}.company-email-icon[data-v-2d78e009]{background:#ffffff12;border:1px solid #ffffff21}.signup-terms-text[data-v-2d78e009]{color:#64748b;text-align:center;margin-top:20px;font-size:.74rem;line-height:1.65}.signup-terms-link[data-v-2d78e009]{color:#818cf8;text-decoration:underline}.signup-terms-link[data-v-2d78e009]:hover{color:#a78bfa}.signup-help[data-v-2d78e009]{justify-content:center;align-items:center;gap:5px;margin-top:14px;display:flex}.signup-help-link[data-v-2d78e009]{color:#64748b;font-size:.8rem;font-weight:500;text-decoration:none}.signup-help-link[data-v-2d78e009]:hover{color:#94a3b8;text-decoration:underline}.design-samples-overlay[data-v-2d78e009]{-webkit-backdrop-filter:blur(10px);z-index:2000;box-sizing:border-box;background:#0a0f1eb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.design-samples-modal[data-v-2d78e009]{background:#fff;border-radius:22px;flex-direction:column;width:92%;max-width:1000px;height:82vh;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000059}.ds-header[data-v-2d78e009]{border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:10px;padding:20px 24px;display:flex}.ds-title[data-v-2d78e009]{color:#0f172a;font-size:1.1rem;font-weight:800}.ds-count[data-v-2d78e009]{color:#94a3b8;flex:1;font-size:.82rem}.ds-close[data-v-2d78e009]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1}.ds-close[data-v-2d78e009]:hover{color:#1e293b}.ds-body[data-v-2d78e009]{flex:1;display:flex;overflow:hidden}.ds-nav[data-v-2d78e009]{border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:4px;width:150px;padding:16px 10px;display:flex;overflow-y:auto}.ds-nav-btn[data-v-2d78e009]{text-align:left;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:9px 12px;font-size:.85rem;font-weight:600}.ds-nav-btn[data-v-2d78e009]:hover{background:#f1f5f9}.ds-nav-btn.active[data-v-2d78e009]{color:#7c3aed;background:#ede9fe}.ds-grid[data-v-2d78e009]{flex-wrap:wrap;flex:1;align-content:start;gap:16px;padding:20px;display:flex;overflow-y:auto}.ds-card[data-v-2d78e009]{cursor:pointer;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:90px;max-width:260px;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.ds-card[data-v-2d78e009]:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000001f}.ds-thumb[data-v-2d78e009]{background:#f1f5f9;flex-shrink:0;justify-content:center;align-items:center;height:150px;display:flex;overflow:hidden}.ds-thumb-img[data-v-2d78e009]{width:auto;height:100%;display:block}.ds-thumb-placeholder[data-v-2d78e009]{text-align:center;color:#94a3b8;justify-content:center;align-items:center;width:112px;height:150px;padding:0 8px;font-size:.8rem;font-weight:700;display:flex}@media (width<=700px){.ds-nav[data-v-2d78e009]{width:100px}.ds-thumb[data-v-2d78e009],.ds-thumb-placeholder[data-v-2d78e009]{height:110px}}.features-modal-overlay[data-v-2d78e009]{-webkit-backdrop-filter:blur(10px);z-index:2000;box-sizing:border-box;background:#0a0f1eb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.features-card[data-v-2d78e009]{box-sizing:border-box;background:#fff;border-radius:22px;width:90%;max-width:640px;max-height:85vh;padding:40px 36px;position:relative;overflow-y:auto;box-shadow:0 30px 60px #00000059}.features-close-x[data-v-2d78e009]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .15s;position:absolute;top:14px;right:18px}.features-close-x[data-v-2d78e009]:hover{color:#1e293b}.features-title[data-v-2d78e009]{color:#0f172a;margin:0 0 6px;font-size:1.3rem;font-weight:800}.features-subtitle[data-v-2d78e009]{color:#64748b;margin:0 0 24px;font-size:.92rem}.features-grid[data-v-2d78e009]{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:28px;display:grid}.feature-item[data-v-2d78e009]{align-items:flex-start;gap:12px;display:flex}.feature-icon[data-v-2d78e009]{flex-shrink:0;font-size:1.5rem}.feature-text h3[data-v-2d78e009]{color:#1e293b;margin:0 0 4px;font-size:.94rem;font-weight:700}.feature-text p[data-v-2d78e009]{color:#64748b;margin:0;font-size:.82rem;line-height:1.4}.features-cta-btn[data-v-2d78e009]{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;width:100%;padding:13px;font-size:.95rem;font-weight:700;transition:background .15s}.features-cta-btn[data-v-2d78e009]:hover{background:#6d28d9}@media (width<=600px){.features-grid[data-v-2d78e009]{grid-template-columns:1fr}}.help-modal-overlay[data-v-2d78e009]{-webkit-backdrop-filter:blur(10px);z-index:2000;box-sizing:border-box;background:#0a0f1eb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.help-card[data-v-2d78e009]{box-sizing:border-box;background:#fff;border-radius:22px;width:90%;max-width:520px;max-height:85vh;padding:40px 36px;position:relative;overflow-y:auto;box-shadow:0 30px 60px #00000059}.help-close-x[data-v-2d78e009]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .15s;position:absolute;top:14px;right:18px}.help-close-x[data-v-2d78e009]:hover{color:#1e293b}.help-title[data-v-2d78e009]{color:#0f172a;margin:0 0 6px;font-size:1.3rem;font-weight:800}.help-subtitle[data-v-2d78e009]{color:#64748b;margin:0 0 20px;font-size:.92rem}.faq-list[data-v-2d78e009]{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.faq-item[data-v-2d78e009]{border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px}.faq-question[data-v-2d78e009]{color:#1e293b;cursor:pointer;font-size:.92rem;font-weight:700;list-style:none}.faq-question[data-v-2d78e009]::-webkit-details-marker{display:none}.faq-question[data-v-2d78e009]:before{content:"+ ";color:#7c3aed}.faq-item[open] .faq-question[data-v-2d78e009]:before{content:"- "}.faq-answer[data-v-2d78e009]{color:#64748b;margin:8px 0 0;font-size:.85rem;line-height:1.5}.help-contact[data-v-2d78e009]{color:#64748b;border-top:1px dashed #e2e8f0;justify-content:center;align-items:center;gap:6px;padding-top:16px;font-size:.85rem;display:flex}.help-contact a[data-v-2d78e009]{color:#7c3aed;font-weight:700;text-decoration:none}.help-contact a[data-v-2d78e009]:hover{text-decoration:underline}.content-modal-overlay[data-v-2d78e009]{-webkit-backdrop-filter:blur(10px);z-index:3000;background:#0a0f1eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.content-modal-card[data-v-2d78e009]{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:1000px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}.cm-header[data-v-2d78e009]{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cm-title[data-v-2d78e009]{color:#0f172a;font-size:1.1rem;font-weight:700}.cm-close[data-v-2d78e009]{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .15s}.cm-close[data-v-2d78e009]:hover{color:#1e293b}.cm-body[data-v-2d78e009]{color:#334155;padding:20px;font-size:.9rem;line-height:1.6;overflow-y:auto}.cm-body h3[data-v-2d78e009]{color:#0f172a;margin:0 0 8px;font-size:1rem}.cm-body p[data-v-2d78e009]{margin:0}.cm-footer[data-v-2d78e009]{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:16px 20px;display:flex}.cm-btn[data-v-2d78e009]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);border:none;border-radius:8px;padding:10px 20px;font-weight:700;transition:opacity .2s}.cm-btn[data-v-2d78e009]:hover{opacity:.9}.top-menu-bar[data-v-3e8731c2]{background:var(--theme-menu-bg,#191a21);z-index:1100;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:36px;padding:0 16px;display:flex;position:relative}.main-menu-list[data-v-3e8731c2]{align-items:center;height:100%;margin:0;padding:0;list-style:none;display:flex}.menu-item-disabled[data-v-3e8731c2]{opacity:.35;cursor:not-allowed!important}.menu-item-disabled[data-v-3e8731c2]:hover{background:0 0!important}.menu-item[data-v-3e8731c2]{color:var(--theme-text,#cbd5e1);cursor:pointer;border-radius:4px;padding:5px 10px;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;position:relative}.menu-item[data-v-3e8731c2]:hover,.menu-item.active[data-v-3e8731c2]{color:#fff;background:#ffffff14}.dropdown-menu.lang-dropdown[data-v-3e8731c2]{max-height:70vh;overflow-y:auto}.dropdown-menu[data-v-3e8731c2]{background:var(--theme-menu-bg,#202129);z-index:1200;border:1px solid #ffffff1a;border-radius:6px;min-width:220px;margin:4px 0 0;padding:6px 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #00000080}.dropdown-item[data-v-3e8731c2]{color:var(--theme-text,#cbd5e1);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:6px 16px;font-size:.8rem;transition:background .12s,color .12s;display:flex}.dropdown-item[data-v-3e8731c2]:hover{color:#fff;background:#4f46e5}.dropdown-item.disabled[data-v-3e8731c2]{color:#575865;cursor:not-allowed}.dropdown-item.disabled[data-v-3e8731c2]:hover{color:#575865;background:0 0}.dropdown-divider[data-v-3e8731c2]{background:#ffffff14;height:1px;margin:6px 0}.dropdown-item:hover .shortcut[data-v-3e8731c2]{color:#fffc}.dropdown-item:hover .submenu-arrow[data-v-3e8731c2]{color:#fff}.dropdown-item.has-submenu[data-v-3e8731c2]{position:relative}.dropdown-item.has-submenu:hover .submenu-list[data-v-3e8731c2]{display:block!important}.dropdown-item.has-submenu.disabled:hover .submenu-list[data-v-3e8731c2]{display:none!important}.recent-submenu[data-v-3e8731c2]{min-width:260px}.recent-file-row[data-v-3e8731c2]{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.recent-name[data-v-3e8731c2]{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;font-size:.82rem;overflow:hidden}.recent-date[data-v-3e8731c2]{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:.75rem}.top-menu-right[data-v-3e8731c2]{align-items:center;gap:12px;display:flex}.top-icon-btn[data-v-3e8731c2]{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;font-size:.95rem;transition:all .2s;display:flex}.top-icon-btn[data-v-3e8731c2]:hover{color:#fff;background:#ffffff14}.send-to-phone-btn[data-v-3e8731c2]{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:5px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:background .15s;display:flex}.send-to-phone-btn[data-v-3e8731c2]:hover{background:#6366f1}.send-to-phone-btn.disabled[data-v-3e8731c2]{color:#64748b;cursor:not-allowed;background:#ffffff14}.lang-toast[data-v-3e8731c2]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;z-index:99999;background:#1e293bf2;border:1px solid #10b98173;border-radius:12px;max-width:380px;padding:14px 22px;font-size:.9rem;font-weight:500;position:fixed;bottom:90px;right:32px;box-shadow:0 8px 32px #0006,0 0 0 1px #10b98133}.canvas-size-menu-label[data-v-3e8731c2]{font-variant-numeric:tabular-nums;letter-spacing:.01em;align-items:center;display:inline-flex}.submenu-arrow[data-v-3e8731c2]{color:#64748b;font-size:.65rem}.submenu-list[data-v-3e8731c2]{background:var(--theme-menu-bg,#202129);z-index:1300;border:1px solid #ffffff1a;border-radius:6px;min-width:140px;margin:0 0 0 4px;padding:6px 0;list-style:none;display:none;position:absolute;top:0;left:100%;box-shadow:0 10px 30px #00000080}.submenu-list[data-v-3e8731c2]:before{content:"";width:8px;height:100%;position:absolute;top:0;left:-8px}.lang-item[data-v-3e8731c2]{justify-content:space-between;display:flex}.lang-code[data-v-3e8731c2]{color:#64748b;font-size:.7rem}.lang-active[data-v-3e8731c2]{color:#6ee7b7}.about-overlay[data-v-0a7da9fd]{z-index:9000;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.about-modal[data-v-0a7da9fd]{border-radius:10px;width:720px;max-width:96vw;min-height:380px;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000b3}.about-left[data-v-0a7da9fd]{background:linear-gradient(145deg,#1a1b2e 0%,#2d2f4a 40%,#3d3060 100%);flex-shrink:0;justify-content:center;align-items:center;width:260px;display:flex}.about-logo-wrap[data-v-0a7da9fd]{text-align:center}.about-logo-icon[data-v-0a7da9fd]{margin-bottom:12px;font-size:3.6rem}.about-logo-name[data-v-0a7da9fd]{color:#e2e8f0;letter-spacing:.04em;font-size:1.6rem;font-weight:800}.about-logo-version[data-v-0a7da9fd]{color:#94a3b8;letter-spacing:.08em;margin-top:6px;font-size:.78rem}.about-right[data-v-0a7da9fd]{background:#3b3c4a;flex-direction:column;flex:1;padding:32px 32px 24px;display:flex;position:relative}.about-close[data-v-0a7da9fd]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1;position:absolute;top:14px;right:16px}.about-close[data-v-0a7da9fd]:hover{color:#fff}.about-title[data-v-0a7da9fd]{color:#f1f5f9;margin:0 0 16px;font-size:1.7rem;font-weight:700}.about-body[data-v-0a7da9fd]{color:#cbd5e1;flex:1;font-size:.86rem;line-height:1.7}.about-body p[data-v-0a7da9fd]{margin:0 0 10px}.about-body strong[data-v-0a7da9fd]{color:#e2e8f0}.about-footer[data-v-0a7da9fd]{text-align:right;border-top:1px solid #ffffff1a;margin-top:16px;padding-top:14px}.about-sig[data-v-0a7da9fd]{color:#e2e8f0;font-size:.95rem;font-style:italic;font-weight:600}.about-contact a[data-v-0a7da9fd]{color:#a5b4fc;font-size:.82rem;text-decoration:none}.about-contact a[data-v-0a7da9fd]:hover{text-decoration:underline}.print-progress-overlay[data-v-e051c222]{z-index:999999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.print-progress-box[data-v-e051c222]{text-align:center;color:#fff;background:#1e293b;border-radius:12px;min-width:300px;padding:30px;box-shadow:0 4px 20px #00000080}.print-progress-box h3[data-v-e051c222]{margin-top:0;margin-bottom:10px;font-size:1.2rem}.progress-bar-container[data-v-e051c222]{background:#334155;border-radius:6px;width:100%;height:12px;margin:20px 0 10px;overflow:hidden}.progress-bar-fill[data-v-e051c222]{background:#3b82f6;height:100%;transition:width .1s linear}.progress-percent[data-v-e051c222]{color:#60a5fa;margin:0;font-size:1.5rem;font-weight:700}:root{--theme-editor-bg:#383838;--theme-menu-bg:#2e2e2e;--theme-board-bg:#222;--theme-accent:#aaa;--theme-text:#eee;--theme-text-sub:#ccc}.editor-workspace{background:var(--theme-editor-bg,#0f172a);flex-direction:column;width:100%;height:100%;transition:background .3s;display:flex}.toolbar{background:var(--theme-menu-bg,#1e293b);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.user-badge{color:#818cf8;background:#818cf826;border-radius:8px;margin-right:16px;padding:6px 12px;font-size:.85rem;font-weight:700}.project-name-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;font-size:.95rem;font-weight:600}.canvas-dimensions{align-items:center;gap:16px;display:flex}.input-unit{align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.input-unit input[type=number]{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:80px;padding:6px}.scale-control{margin-left:10px}.scale-control input[type=range]{accent-color:#6366f1;width:100px}.toolbar-right{gap:10px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.cloud-save{background:var(--theme-accent,#6366f1);color:#fff}.cloud-save:hover{background:var(--theme-accent,#4f46e5);opacity:.85;box-shadow:0 0 10px #6366f166}.cloud-load{color:#d1d5db;background:#1e293b;border:1px solid #ffffff1a}.cloud-load:hover{background:#ffffff0d}.export-btn{color:#fff;background:#10b981}.export-btn:hover{background:#059669;box-shadow:0 0 10px #10b98166}.logout-btn{color:#fff;background:#ef4444}.logout-btn:hover{background:#dc2626}.editor-main{flex:1;display:flex;overflow:hidden}.sidebar-nav-vertical{background:var(--theme-menu-bg,#1e293b);border-right:1px solid #80808033;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:72px;padding-top:16px;padding-bottom:16px;display:flex;overflow:hidden auto}.sidebar-nav-bottom{border-top:1px solid #ffffff14;flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:auto;padding-top:20px;display:flex}.bottom-nav-btn{color:var(--theme-text-sub,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.bottom-nav-btn:hover{color:var(--theme-text,#fff);background:#8080801f}.user-avatar-wrapper{cursor:pointer;background:#2a2b36;border:2px solid #6366f199;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.user-avatar-wrapper:hover{border-color:#6366f1;transform:scale(1.08)}.user-avatar-img{object-fit:cover;width:100%;height:100%}.sidebar-nav-vertical::-webkit-scrollbar{display:none}.nav-btn{width:100%;color:var(--theme-text-sub,#94a3b8);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:12px 0;transition:all .2s;display:flex;position:relative}.nav-btn:hover{color:var(--theme-text,#fff);background:#8080801f}.nav-btn.active{color:var(--theme-text,#fff);background:#8080802e}.nav-btn.active:before{content:"";background:var(--theme-accent,#6366f1);border-radius:0 4px 4px 0;width:3px;height:70%;position:absolute;top:15%;left:0}.nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.nav-icon{justify-content:center;align-items:center;margin-bottom:6px;display:flex}.nav-text{text-align:center;font-size:.75rem}.nav-tooltip-popup{z-index:99999;pointer-events:none;align-items:center;display:flex;position:fixed;transform:translateY(-50%)}.nav-tooltip-arrow{border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:7px solid #1e293b;flex-shrink:0;width:0;height:0}.nav-tooltip-popup span{color:#f1f5f9;white-space:nowrap;background:#1e293b;border:1px solid #ffffff14;border-radius:7px;padding:7px 12px;font-size:.78rem;font-weight:500;box-shadow:0 4px 16px #00000073}.sidebar-close-btn{z-index:300;color:#475569;cursor:pointer;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s,box-shadow .15s;display:flex;position:absolute;top:50%;left:316px;transform:translateY(-50%);box-shadow:0 2px 8px #00000040}.sidebar-close-btn:hover{color:#1e293b;background:#f1f5f9;box-shadow:0 4px 12px #0000004d}.left-sidebar-wrapper{z-index:100;flex-shrink:0;height:100%;display:flex;position:relative}.sidebar-left{background:var(--theme-menu-bg,#1e293b);z-index:200;box-sizing:border-box;border-right:1px solid #ffffff0d;flex-direction:column;width:260px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s;display:flex;position:absolute;top:0;left:100%;overflow:visible;box-shadow:4px 0 16px #00000059}.sidebar-left-content{flex-direction:column;flex:1;gap:20px;padding:16px;display:flex;overflow:hidden auto}.sidebar-left.sidebar-collapsed{opacity:0;pointer-events:none;transform:translate(-100%)}.tool-section{flex-direction:column;gap:12px;display:flex}.tool-section h3,.sticker-library h3{text-transform:uppercase;color:var(--theme-text-sub,#94a3b8);letter-spacing:1px;margin:0 0 8px;font-size:.85rem}.tool-btn{color:#f3f4f6;cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s}.tool-btn:hover{background:#ffffff14;border-color:#818cf8}.sticker-library{flex-direction:column;flex:1;min-height:0;display:flex}.sticker-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding-right:4px;display:grid;overflow-y:auto}.sticker-card{aspect-ratio:1;cursor:pointer;background:#ededed;border:1px solid #00000014;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.sticker-card img{object-fit:contain;max-width:100%;max-height:100%}.sticker-card:hover{border-color:var(--theme-accent,#818cf8);background:#fff;transform:scale(1.05);box-shadow:0 2px 8px #0000002e}.text-style-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding-right:4px;display:grid;overflow-y:auto}.text-style-card{aspect-ratio:1;cursor:pointer;background:#ededed;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.text-style-sample{-webkit-user-select:none;user-select:none;font-size:1.9rem;line-height:1}.text-style-card:hover{border-color:#818cf8;transform:scale(1.05)}.bc-panel{flex-direction:column;gap:12px;padding:14px 12px;display:flex}.bc-type-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.bc-type-btn{background:var(--theme-item-bg,#ffffff0d);color:var(--theme-text-sub,#94a3b8);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:.7rem;transition:background .12s,color .12s,border-color .12s;display:flex}.bc-type-btn:hover{color:var(--theme-text,#cbd5e1);background:#6366f126}.bc-type-btn.active{background:var(--theme-accent,#6366f1);color:#fff;border-color:#0000}.bc-label{color:var(--theme-text-sub,#94a3b8);margin-bottom:3px;font-size:.72rem;display:block}.bc-input-wrap{flex-direction:column;gap:3px;display:flex}.bc-input{background:var(--theme-input-bg,#ffffff0f);width:100%;color:var(--theme-text,#cbd5e1);box-sizing:border-box;border:1px solid #ffffff1f;border-radius:7px;outline:none;padding:8px 10px;font-size:.82rem}.bc-input:focus{border-color:var(--theme-accent,#6366f1)}.bc-btn-preview{width:100%;color:var(--theme-accent,#818cf8);cursor:pointer;background:#6366f12e;border:1px solid #6366f166;border-radius:8px;padding:9px;font-size:.82rem;font-weight:600;transition:background .12s}.bc-btn-preview:hover{background:#6366f14d}.bc-preview-wrap{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.bc-preview-img{max-width:100%;image-rendering:pixelated;border-radius:4px}.bc-btn-add{background:var(--theme-accent,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:background .12s;display:flex}.bc-btn-add:hover{background:#4f46e5}.bc-color-row{border-top:1px solid #ffffff12;padding:6px 0}.bc-color-swatch-wrap{cursor:pointer;align-items:center;display:inline-flex;position:relative}.bc-color-swatch{border:1px solid #ffffff40;border-radius:4px;flex-shrink:0;width:22px;height:22px;display:block}.bc-color-swatch-bg{border:1px solid #fff6}.bc-color-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.bc-color-swatch-wrap:hover .bc-color-swatch{border-color:var(--theme-accent,#4f46e5)}.qr-logo-btn{color:var(--theme-text,#cbd5e1);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;align-items:center;padding:4px 10px;font-size:.75rem;transition:background .15s;display:inline-flex}.qr-logo-btn:hover{background:var(--theme-accent,#4f46e5);color:#fff;border-color:#0000}.qr-logo-btn.qr-logo-remove{color:#f87171;background:#f8717114;border-color:#f871714d;padding:4px 8px}.qr-logo-btn.qr-logo-remove:hover{color:#fff;background:#ef4444;border-color:#0000}.barcode-display-toggle{border-top:1px solid #ffffff12;align-items:center;margin-top:4px;padding:6px 0;display:flex}.bc-toggle-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:0;display:flex}.bc-toggle-track{background:#ffffff1f;border-radius:10px;width:36px;height:20px;transition:background .2s;display:inline-block;position:relative}.bc-toggle-on .bc-toggle-track{background:var(--theme-accent,#6366f1)}.bc-toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:3px;left:3px}.bc-toggle-on .bc-toggle-thumb{left:19px}.bc-toggle-label{color:var(--theme-text-sub,#94a3b8);min-width:28px;font-size:.75rem;font-weight:600}.bc-toggle-on .bc-toggle-label{color:var(--theme-accent,#818cf8)}.puzzle-effect-section{border-top:1px solid #ffffff12;flex-direction:column;gap:10px;margin-top:4px;padding-top:10px;display:flex}.puzzle-section-divider{color:var(--theme-text-sub,#94a3b8);letter-spacing:.5px;font-size:.78rem;font-weight:700}.puzzle-size-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:6px 4px;font-size:.72rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.puzzle-size-btn:hover{background:#ffffff1a}.puzzle-size-btn.active{background:var(--theme-accent,#6366f1);color:#fff;border-color:#0000}.puzzle-color-preset{cursor:pointer;border:1px solid #ffffff40;border-radius:4px;flex-shrink:0;width:20px;height:20px;padding:0;transition:transform .1s,border-color .1s}.puzzle-color-preset:hover{border-color:var(--theme-accent,#4f46e5);transform:scale(1.1)}.puzzle-settings-btn{width:26px;height:26px;color:var(--theme-text-sub,#94a3b8);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.puzzle-settings-btn:hover{color:#fff;background:#ffffff1a}.puzzle-settings-btn.active{background:var(--theme-accent,#6366f1);color:#fff;border-color:#0000}.puzzle-popover{z-index:30;background:var(--theme-menu-bg,#1e293b);border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:12px;min-width:224px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000073}.puzzle-popover-row{flex-direction:column;gap:6px;display:flex}.puzzle-popover-row>label{color:var(--theme-text-sub,#94a3b8);font-size:.75rem;font-weight:600}.puzzle-size-group{gap:4px;display:flex}.puzzle-color-group{align-items:center;gap:8px;display:flex}.bc-type-tip{color:var(--theme-text-sub,#64748b);text-align:center;margin:-4px 0 4px;font-size:.68rem}.bc-preview-img{cursor:grab}.bc-preview-img:active{cursor:grabbing}.bc-hint{color:var(--theme-text-sub,#64748b);text-align:center;font-size:.7rem;line-height:1.5}.floating-toolbar{background:var(--theme-menu-bg,#202129);z-index:200;pointer-events:auto;white-space:nowrap;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:2px;padding:4px 6px;display:flex;position:absolute;box-shadow:0 4px 20px #00000080}.ft-btn{width:30px;height:30px;color:var(--theme-text-sub,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex;position:relative}.ft-btn[data-tooltip]:before{content:attr(data-tooltip);color:#e2e8f0;white-space:nowrap;pointer-events:none;opacity:0;z-index:400;background:#0f0f14eb;border:1px solid #ffffff14;border-radius:5px;padding:4px 9px;font-size:11.5px;transition:opacity .15s .4s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.ft-btn[data-tooltip]:after{content:"";pointer-events:none;opacity:0;z-index:400;border:5px solid #0000;border-top-color:#0f0f14eb;transition:opacity .15s .4s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.ft-btn[data-tooltip]:hover:before,.ft-btn[data-tooltip]:hover:after{opacity:1}.ft-btn:hover{background:var(--theme-accent,#4f46e5);color:#fff}.ft-btn-active{color:var(--theme-accent,#6366f1)!important}.ft-btn-delete:hover{color:#fca5a5!important;background:#ef444440!important}.ft-qr-link-popup{background:var(--theme-menu-bg,#202129);z-index:9999;white-space:nowrap;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:4px;min-width:260px;padding:6px 8px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.ft-qr-link-input{color:var(--theme-text,#cbd5e1);background:#ffffff12;border:1px solid #ffffff26;border-radius:5px;outline:none;flex:1;min-width:0;padding:5px 8px;font-size:.8rem}.ft-qr-link-input:focus{border-color:var(--theme-accent,#4f46e5)}.ft-qr-link-confirm{background:var(--theme-accent,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ft-qr-link-confirm:hover{background:#6366f1}.ft-sep{background:#ffffff1a;flex-shrink:0;width:1px;height:20px;margin:0 2px}.ft-align-wrap{position:relative}.ft-align-menu{background:var(--theme-menu-bg,#202129);z-index:300;border:1px solid #ffffff1a;border-radius:8px;min-width:120px;padding:6px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000080}.ft-align-group{flex-direction:column;gap:1px;display:flex}.ft-align-divider{background:#ffffff14;height:1px;margin:5px 0}.ft-align-btn{color:var(--theme-text,#cbd5e1);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:.8rem;transition:background .12s,color .12s;display:flex}.ft-align-btn:hover{background:var(--theme-accent,#4f46e5);color:#fff}.canvas-board{background:var(--theme-board-bg,#0b0f19);flex:1;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:auto}.canvas-file-tab{z-index:20;background:var(--theme-menu-bg,#1a1f2e);border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 20px);padding:6px 8px 6px 12px;display:inline-flex;position:sticky;top:10px;left:10px;box-shadow:0 4px 12px #0000004d}.canvas-file-tab-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:.78rem;overflow:hidden}.canvas-file-tab-close{color:#94a3b8;cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:.9rem;line-height:1}.canvas-file-tab-close:hover{opacity:1;color:#fff;background:#ffffff1a}.canvas-workspace{justify-content:center;align-items:center;min-width:4000px;min-height:4000px;display:flex}.canvas-viewport{background:0 0;flex-shrink:0;display:flex;box-shadow:0 25px 50px -12px #000000b3}.editor-canvas-element{cursor:inherit;display:block}.inline-text-editor{box-sizing:border-box;resize:none;text-align:center;z-index:200;color:#0000;caret-color:#fff;background:0 0;border:2px dashed #6366f1;outline:none;margin:0;padding:0;line-height:1;position:absolute;overflow:hidden}.canvas-board.cursor-grab,.canvas-board.cursor-grab .editor-canvas-element{cursor:grab!important}.canvas-board.cursor-grabbing,.canvas-board.cursor-grabbing .editor-canvas-element{cursor:grabbing!important}.sidebar-right{background:var(--theme-menu-bg,#1e293b);border-left:1px solid #ffffff0d;flex-shrink:0;width:240px;padding:24px;transition:width .3s,padding .3s;overflow-y:auto}.properties-box h3{color:var(--theme-text,#f3f4f6);border-bottom:1px solid #ffffff14;margin:0 0 20px;padding-bottom:10px;font-size:.95rem}.prop-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.prop-row label{color:var(--theme-text-sub,#94a3b8);font-size:.85rem;font-weight:600}.prop-row input[type=text]{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;flex:1;padding:8px}.prop-val-badge{color:#cbd5e1;background:#334155;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.prop-group-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.prop-group{flex-direction:column;gap:6px;min-width:0;display:flex}.prop-group label{color:#94a3b8;font-size:.8rem}.prop-group input{box-sizing:border-box;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;min-width:0;padding:8px;font-size:.85rem}.prop-row input[type=range]{accent-color:#6366f1;flex:1}.text-format-buttons{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.format-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700}.format-btn.active{background:#6366f1;border-color:#818cf8}.format-scale-label{color:#94a3b8;text-align:center;min-width:32px;font-size:11px}.layer-order-actions{flex-direction:row;gap:6px;margin-top:24px;display:flex}.layer-icon-btn{color:#d1d5db;cursor:pointer;word-break:keep-all;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 4px;font-size:.68rem;line-height:1.2;transition:background .15s,color .15s;display:flex}.layer-icon-btn:hover{color:#fff;background:#ffffff14}.layer-icon-btn.delete-action{color:#fca5a5;background:#ef44441a;border-color:#ef444433}.layer-icon-btn.delete-action:hover{color:#fff;background:#ef444440}.no-selection-box{text-align:center;color:#64748b;justify-content:center;align-items:center;height:100%;font-size:.9rem;display:flex}.canvas-empty-splash{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:0}.ces-sample-row{pointer-events:auto;gap:18px;margin-bottom:36px;display:flex}.ces-sample-card{cursor:default;pointer-events:none;opacity:.7;flex-direction:column;align-items:center;gap:10px;display:flex}.ces-slot-preview{box-sizing:border-box;background:#ffffff0a;border:1.5px solid #ffffff2e;border-radius:7px;gap:3px;width:90px;height:130px;padding:5px;display:grid}.ces-slot-cell{background:#ffffff29;border-radius:3px;min-width:0;min-height:0}.ces-slots-1{grid-template-rows:1fr;grid-template-columns:1fr}.ces-slots-2{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.ces-slots-3{grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr}.ces-slots-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.ces-slots-5{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr}.ces-slots-5 .ces-slot-cell:last-child{grid-column:span 2}.ces-slots-6{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr}.ces-slots-8{grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr}.ces-slot-label{color:#ffffff59;letter-spacing:.03em;font-size:.75rem}.ces-logo-name{letter-spacing:.06em;color:#fff3;margin-bottom:8px;font-size:2.2rem;font-weight:800}.ces-logo-sub{color:#ffffff26;font-size:.82rem}.bg-color-panel{padding:10px 8px 12px}.bg-color-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px;display:grid}.bg-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;height:44px;transition:border-color .15s,transform .1s}.bg-swatch:hover{border-color:#ffffff59;transform:scale(1.05)}.bg-swatch.active{border-color:#6366f1;box-shadow:0 0 0 2px #6366f173}.bg-custom-row{border-top:1px solid #ffffff12;align-items:center;gap:8px;padding:6px 2px 0;display:flex}.bg-custom-row label{color:#94a3b8;white-space:nowrap;font-size:.78rem}.bg-custom-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:5px;width:100%;height:30px;padding:2px}.slot-color-swatch-wrap{flex:1;align-items:center;gap:6px;display:flex}.slot-color-swatch{cursor:pointer;border:1px solid #ffffff2e;border-radius:5px;flex:1;height:30px}.slot-color-transparent{background-color:#555;background-image:linear-gradient(45deg,#888 25%,#0000 25%),linear-gradient(-45deg,#888 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#888 75%),linear-gradient(-45deg,#0000 75%,#888 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.slot-color-clear{color:#888;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.75rem;line-height:1}.slot-color-clear:hover{color:#f87171}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-window{background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:600px;padding:24px;display:flex;box-shadow:0 20px 40px #00000080}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.25rem}.close-btn:hover{color:#fff}.project-table{border-collapse:collapse;text-align:left;width:100%}.project-table th{color:#94a3b8;border-bottom:2px solid #ffffff1a;padding:12px;font-size:.85rem}.project-table td{border-bottom:1px solid #ffffff0d;padding:12px;font-size:.9rem}.project-row{cursor:pointer;transition:all .2s}.project-row:hover{background:#ffffff08}.proj-name-cell{color:#818cf8;font-weight:700}.delete-proj-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:4px;padding:4px 8px}.delete-proj-btn:hover{color:#fff;background:#ef4444}.empty-list{text-align:center;color:#64748b;padding:40px}.sidebar-ad{background:var(--theme-editor-bg,#0f172a);border-left:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;gap:20px;width:240px;padding:16px;transition:width .3s,padding .3s;display:flex;overflow-y:auto}aside.panel-collapsed{overflow:hidden;width:44px!important;padding:16px 8px!important}aside.panel-collapsed .panel-header,aside.panel-collapsed .ad-label-wrapper{border-bottom:none!important;justify-content:center!important;margin-bottom:0!important;padding-bottom:0!important}.ad-label-wrapper{justify-content:space-between;align-items:center;margin-bottom:-4px;display:flex}.ad-badge{color:#94a3b8;background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.ad-info-icon{color:#64748b;cursor:pointer;font-size:.8rem}.ad-card{background:var(--theme-menu-bg,#2e2e2e);border:1px solid #ffffff0a;border-radius:12px;transition:all .3s;overflow:hidden}.ad-card:hover{border-color:#6366f133;box-shadow:0 4px 20px #6366f126}.ad-banner-wrapper{aspect-ratio:1.6;width:100%;overflow:hidden}.ad-banner-img{object-fit:cover;width:100%;height:100%}.ad-card-body{flex-direction:column;gap:6px;padding:12px;display:flex}.ad-title{color:#f3f4f6;text-align:left;margin:0;font-size:.85rem;font-weight:700}.ad-title.text-accent{color:#a78bfa}.ad-subtitle{color:#94a3b8;text-align:left;margin:0;font-size:.75rem}.ad-subtitle.text-green{color:#34d399;font-weight:600}.ad-desc{color:#94a3b8;text-align:left;margin:0;font-size:.75rem;line-height:1.4}.ad-link-btn{color:#6366f1;text-align:left;margin-top:4px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-block}.ad-link-btn:hover{text-decoration:underline}.ad-action-btn{text-align:center;color:#fff;box-sizing:border-box;background:#10b981;border-radius:6px;width:100%;margin-top:4px;padding:8px;font-size:.75rem;font-weight:700;text-decoration:none;transition:background .2s;display:block}.ad-action-btn:hover{background:#059669}.ad-repix-card{cursor:pointer;background:linear-gradient(135deg,#7c3aed2e,#ec48991f);text-decoration:none;display:block;border:1px solid #7c3aed59!important}.ad-repix-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #7c3aed40;border-color:#7c3aeda6!important}.ad-repix-banner-wrapper{aspect-ratio:16/9;border-radius:10px 10px 0 0;width:100%;overflow:hidden}.ad-repix-banner-img{object-fit:cover;width:100%;height:100%;display:block}.ad-repix-stars{color:#f59e0b;letter-spacing:1px;margin-top:2px;font-size:.7rem}.ad-gplay-btn{color:#fff;background:#01875f;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:7px 12px;font-size:.78rem;font-weight:700;transition:background .2s;display:inline-flex}.ad-repix-card:hover .ad-gplay-btn{background:#00a070}.ad-video-wrapper{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.ad-video-img{object-fit:cover;width:100%;height:100%}.top-menu-bar{background:var(--theme-menu-bg,#191a21);z-index:1100;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:36px;padding:0 16px;display:flex;position:relative}.main-menu-list{align-items:center;height:100%;margin:0;padding:0;list-style:none;display:flex}.canvas-size-menu-label{font-variant-numeric:tabular-nums;letter-spacing:.01em;align-items:center;display:inline-flex}.menu-item-disabled{opacity:.35;cursor:not-allowed!important}.menu-item-disabled:hover{background:0 0!important}.menu-item{color:var(--theme-text,#cbd5e1);cursor:pointer;border-radius:4px;padding:5px 10px;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;position:relative}.menu-item:hover,.menu-item.active{color:#fff;background:#ffffff14}.dropdown-menu.lang-dropdown{max-height:70vh;overflow-y:auto}.dropdown-menu{background:var(--theme-menu-bg,#202129);z-index:1200;border:1px solid #ffffff1a;border-radius:6px;min-width:220px;margin:4px 0 0;padding:6px 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #00000080}.dropdown-item{color:var(--theme-text,#cbd5e1);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:6px 16px;font-size:.8rem;transition:background .12s,color .12s;display:flex}.dropdown-item:hover{color:#fff;background:#4f46e5}.dropdown-item.disabled{color:#575865;cursor:not-allowed}.dropdown-item.disabled:hover{color:#575865;background:0 0}.dropdown-divider{background:#ffffff14;height:1px;margin:6px 0}.shortcut{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem}.dropdown-item:hover .shortcut{color:#fffc}.submenu-arrow{color:#64748b;font-size:.65rem}.dropdown-item:hover .submenu-arrow{color:#fff}.dropdown-item.has-submenu{position:relative}.submenu-list{background:var(--theme-menu-bg,#202129);z-index:1300;border:1px solid #ffffff1a;border-radius:6px;min-width:140px;margin:0 0 0 4px;padding:6px 0;list-style:none;display:none;position:absolute;top:0;left:100%;box-shadow:0 10px 30px #00000080}.dropdown-item.has-submenu:hover .submenu-list{display:block!important}.dropdown-item.has-submenu.disabled:hover .submenu-list{display:none!important}.submenu-list:before{content:"";width:8px;height:100%;position:absolute;top:0;left:-8px}.recent-submenu{min-width:260px}.recent-file-row{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.recent-name{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;font-size:.82rem;overflow:hidden}.recent-date{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:.75rem}.top-menu-right{align-items:center;gap:12px;display:flex}.top-icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;font-size:.95rem;transition:all .2s;display:flex}.top-icon-btn:hover{color:#fff;background:#ffffff14}.webgl-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;z-index:99999;background:#1e293bf2;border:1px solid #6366f166;border-radius:12px;max-width:380px;padding:14px 22px;font-size:.9rem;font-weight:500;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 32px #0006,0 0 0 1px #6366f133}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .35s,transform .35s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translateY(16px)}.lang-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;z-index:99999;background:#1e293bf2;border:1px solid #10b98173;border-radius:12px;max-width:380px;padding:14px 22px;font-size:.9rem;font-weight:500;position:fixed;bottom:90px;right:32px;box-shadow:0 8px 32px #0006,0 0 0 1px #10b98133}.tg-overlay{z-index:9100;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tg-modal{background:#2c2c2c;border:1px solid #444;border-radius:4px;flex-direction:column;width:min(960px,96vw);height:min(680px,92vh);display:flex;overflow:hidden;box-shadow:0 12px 40px #000000b3}.tg-header{background:#3c3c3c;border-bottom:1px solid #555;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.tg-header-left{align-items:center;gap:10px;display:flex}.tg-title{color:#ddd;letter-spacing:.3px;font-size:.95rem;font-weight:700}.tg-frame-badge{color:#fff;background:#6366f1;border-radius:10px;padding:2px 10px;font-size:.75rem;font-weight:600}.tg-close{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.3rem;line-height:1;transition:color .15s}.tg-close:hover{color:#fff}.tg-body{flex:1;display:flex;overflow:hidden}.tg-nav{scrollbar-width:thin;scrollbar-color:#555 #242424;background:#242424;border-right:1px solid #3a3a3a;flex-direction:column;flex-shrink:0;gap:2px;width:150px;padding:12px 0;display:flex;overflow-y:auto}.tg-nav-btn{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;padding:8px 16px;font-size:.85rem;transition:background .12s,color .12s}.tg-nav-btn:hover{color:#ddd;background:#333}.tg-nav-btn.active{color:#818cf8;background:#3a3a5c;font-weight:600}.tg-grid{scrollbar-width:thin;scrollbar-color:#555 #2c2c2c;flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:14px;padding:16px;display:grid;overflow-y:auto}.tg-card{cursor:pointer;border:2px solid #0000;border-radius:4px;flex-direction:column;gap:6px;transition:border-color .15s,transform .12s;display:flex;overflow:hidden}.tg-card:hover{border-color:#6366f1;transform:translateY(-2px)}.tg-thumb{border-radius:3px;width:100%;position:relative;overflow:hidden}.tg-thumb-img{width:100%;height:auto;display:block}.tg-thumb-svg{width:100%;height:100%;position:absolute;inset:0}.tg-card-name{color:#bbb;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:0 4px 4px;font-size:.78rem;overflow:hidden}.rsz-overlay{z-index:9000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rsz-modal{scrollbar-width:thin;scrollbar-color:#555 #2c2c2c;background:#2c2c2c;border:1px solid #444;border-radius:4px;flex-direction:column;width:min(900px,95vw);max-height:85vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #000000b3}.rsz-header{background:#3c3c3c;border-bottom:1px solid #555;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.rsz-title{color:#ddd;letter-spacing:.3px;font-size:.95rem;font-weight:600}.rsz-close{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.3rem;line-height:1;transition:color .15s}.rsz-close:hover{color:#fff}.guide-modal{width:320px}.guide-modal-body{flex-direction:column;gap:12px;padding:16px 18px 18px;display:flex}.guide-global-badge{color:#aaa;letter-spacing:.04em;background:#3a3a4a;border-radius:4px;width:fit-content;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.guide-row{align-items:center;gap:8px;display:flex}.guide-label{color:#94a3b8;flex-shrink:0;width:36px;font-size:.82rem}.guide-input{color:#f1f5f9;background:#1e1e2e;border:1px solid #444;border-radius:4px;outline:none;flex:1;padding:6px 8px;font-size:.85rem}.guide-input:focus{border-color:#6366f1}.guide-unit{color:#f1f5f9;cursor:pointer;background:#1e1e2e;border:1px solid #444;border-radius:4px;outline:none;padding:5px 6px;font-size:.82rem}.guide-confirm-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;width:100%;margin-top:4px;padding:9px;font-size:.88rem;font-weight:600;transition:background .15s}.guide-confirm-btn:hover{background:#4f46e5}.batch-section{padding:8px 0 4px}.batch-list{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.batch-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;transition:background .15s;display:flex}.batch-row:hover{background:#ffffff12}.batch-thumb{color:#64748b;background:#ffffff0f;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;display:flex;overflow:hidden}.batch-thumb img{object-fit:cover;width:100%;height:100%}.batch-name{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.batch-pick-btn{color:#818cf8;cursor:pointer;background:#6366f11f;border:1px solid #6366f14d;border-radius:4px;flex-shrink:0;padding:3px 7px;font-size:.75rem;transition:background .15s}.batch-pick-btn:hover{color:#fff;background:#6366f147}.batch-del-btn{color:#475569;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:.7rem;transition:color .15s}.batch-del-btn:hover{color:#ef4444}.batch-empty{color:#475569;text-align:center;padding:10px 0;font-size:.78rem}.batch-add-btn{color:#818cf8;cursor:pointer;background:#6366f114;border:1px dashed #6366f14d;border-radius:5px;width:100%;padding:7px;font-size:.8rem;transition:background .15s}.batch-add-btn:hover{background:#6366f12e}.batch-nav-btn{z-index:50;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.batch-nav-btn:hover{background:#6366f1cc;transform:translateY(-50%)scale(1.08)}.batch-nav-prev{left:-56px}.batch-nav-next{right:-56px}.batch-nav-counter{z-index:50;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap;background:#0009;border-radius:20px;padding:3px 10px;font-size:.8rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.guide-overlay{pointer-events:none;z-index:20;position:absolute;inset:0}.smart-guides-overlay{pointer-events:none;z-index:21;width:100%;height:100%;position:absolute;inset:0}.sg-line{stroke:#f0f;stroke-width:1.5px;stroke-dasharray:4 4}.sg-mark{stroke:#f0f;stroke-width:2px}.sg-text{fill:#f0f;text-anchor:middle;text-shadow:1px 1px 2px #000c,-1px -1px 2px #000c;font-size:12px;font-weight:700}.guide-line{pointer-events:all;z-index:21;background:#00e5ff;position:absolute}.guide-h{cursor:ns-resize;height:1px;left:0;right:0}.guide-h:before{content:"";cursor:ns-resize;position:absolute;inset:-5px 0}.guide-v{cursor:ew-resize;width:1px;top:0;bottom:0}.guide-v:before{content:"";cursor:ew-resize;position:absolute;inset:0 -5px}.guide-drag-icon{color:#0b0f19;pointer-events:none;opacity:0;white-space:nowrap;background:#00e5ff;border-radius:3px;padding:2px 4px;font-size:11px;font-weight:900;line-height:1;transition:opacity .15s;position:absolute}.guide-h .guide-drag-icon{top:-10px;left:50%;transform:translate(-50%)}.guide-v .guide-drag-icon{top:50%;left:4px;transform:translateY(-50%)}.guide-line:hover .guide-drag-icon{opacity:1}.rsz-body{scrollbar-width:thin;scrollbar-color:#555 #2c2c2c;flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.rsz-top-row,.rsz-sns-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.rsz-section-full{grid-column:1/-1}.rsz-preset-list.rsz-preset-list-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.rsz-section-title{color:#bbb;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #444;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:4px;font-size:.8rem;font-weight:700;display:flex}.rsz-brand-x{color:#ddd;font-size:1rem}.rsz-brand-icon{flex-shrink:0;width:16px;height:16px}.rsz-custom-box{background:#333;border:1px solid #444;border-radius:4px;flex-direction:column;gap:8px;padding:14px;display:flex}.rsz-input-row{align-items:center;gap:8px;display:flex}.rsz-input-label{color:#888;flex-shrink:0;width:14px;font-size:.8rem;font-weight:700}.rsz-input{color:#ddd;box-sizing:border-box;background:#222;border:1px solid #555;border-radius:3px;outline:none;width:100%;padding:7px 10px;font-size:.88rem}.rsz-input:focus{border-color:#6366f1}.rsz-apply-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:3px;padding:8px;font-size:.88rem;font-weight:600;transition:background .15s}.rsz-apply-btn:hover{background:#4f46e5}.rsz-preset-list{flex-direction:column;gap:4px;display:flex}.rsz-preset{color:#ccc;cursor:pointer;text-align:left;background:#333;border:1px solid #444;border-radius:3px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:.82rem;transition:border-color .15s,background .15s,color .15s;display:flex}.rsz-preset:hover{color:#eee;background:#3a3a50;border-color:#6366f1}.rsz-pname{flex:1}.rsz-psize{color:#777;font-size:.78rem}.rsz-icon{opacity:.55;border:1.5px solid;border-radius:2px;flex-shrink:0;display:inline-block}.rsz-icon-sq{width:12px;height:12px}.rsz-icon-land{width:16px;height:11px}.rsz-icon-port{width:11px;height:16px}.rsz-icon-wide{width:20px;height:8px}.rsz-divider{background:#444;height:1px}.nf-overlay{z-index:10000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nf-modal{background:var(--theme-editor-bg,#1e2535);border:1px solid rgba(var(--nf-accent-rgb), .25);border-radius:12px;flex-direction:column;width:820px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000b3}.nf-modal.cutout-modal-full{width:96vw;max-width:96vw;height:94vh;max-height:94vh}.nf-header{border-bottom:1px solid rgba(var(--nf-accent-rgb), .2);background:var(--theme-menu-bg,#1e293b);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.nf-title{color:#e2e8f0;font-size:1.05rem;font-weight:700}.nf-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.1rem;transition:color .15s}.nf-close:hover{color:#fff}.cutout-fullscreen-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px 6px;transition:color .15s,background .15s;display:flex}.cutout-fullscreen-btn:hover{color:#fff;background:#ffffff14}.nf-body{flex:1;display:flex;overflow:hidden}.nf-types{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:12px;padding:20px;display:grid;overflow-y:auto}.nf-type-card{cursor:pointer;background:#ffffff05;border:2px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:border-color .15s,background .15s;display:flex}.nf-type-card:hover{border-color:rgba(var(--nf-accent-rgb), .5);background:rgba(var(--nf-accent-rgb), .07)}.nf-type-card.selected{border-color:var(--nf-accent);background:rgba(var(--nf-accent-rgb), .15)}.nf-preview{width:64px;height:80px}.nf-preview rect{fill:#ffffff40;stroke:#ffffffb3;stroke-width:1.5px}.nf-type-card.selected .nf-preview rect{fill:#ffffff73;stroke:#fff}.nf-type-label{color:#e2e8f0;text-align:center;font-size:.78rem;font-weight:600}.nf-type-desc{color:#64748b;text-align:center;font-size:.68rem}.nf-settings{border-left:1px solid rgba(var(--nf-accent-rgb), .2);flex-direction:column;flex-shrink:0;gap:14px;width:230px;padding:20px 18px;display:flex;overflow-y:auto}.nf-settings-title,.nf-presets-title{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.78rem;font-weight:600}.nf-wh-row{gap:8px;display:flex}.nf-wh-row .nf-field{flex:1;min-width:0}.nf-field{flex-direction:column;gap:5px;display:flex}.nf-field label{color:#94a3b8;font-size:.82rem}.nf-input-row{align-items:center;gap:6px;display:flex}.nf-input-row input{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;flex:1;width:0;padding:7px 10px;font-size:.88rem}.nf-input-row input:focus{border-color:var(--nf-accent);outline:none}.nf-unit{color:#64748b;font-size:.8rem}.nf-preset-combos{flex-direction:column;gap:6px;display:flex}.nf-combo{color:#cbd5e1;cursor:pointer;appearance:auto;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:7px 8px;font-size:.8rem}.nf-combo:hover{border-color:rgba(var(--nf-accent-rgb), .5);background:rgba(var(--nf-accent-rgb), .08)}.nf-combo option{color:#cbd5e1;background:#1e293b}.nf-presets{grid-template-columns:1fr 1fr;gap:6px;display:grid}.nf-presets button{color:#94a3b8;cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;padding:7px 4px;font-size:.72rem;line-height:1.4;transition:background .15s,color .15s}.nf-presets button:hover{background:rgba(var(--nf-accent-rgb), .15);color:#e2e8f0;border-color:rgba(var(--nf-accent-rgb), .4)}.nf-presets button small{color:#475569;font-size:.65rem;display:block}.nf-summary{color:#64748b;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;margin-top:auto;padding:10px;font-size:.8rem}.nf-summary strong{color:var(--nf-accent)}.nf-footer{border-top:1px solid rgba(var(--nf-accent-rgb), .2);background:var(--theme-menu-bg,#1e293b);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.nf-btn-cancel{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;padding:9px 22px;font-size:.88rem;transition:background .15s}.nf-btn-cancel:hover{background:#ffffff1a}.nf-btn-create{background:var(--nf-accent);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:9px 28px;font-size:.88rem;font-weight:700;transition:background .15s}.nf-btn-create:hover{background:rgba(var(--nf-accent-rgb), .8)}.shortcuts-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcuts-modal{scrollbar-width:thin;scrollbar-color:#6366f14d transparent;background:#0f172af5;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:20px;width:min(750px,92vw);max-height:85vh;padding:28px 32px;display:flex;overflow-y:auto;box-shadow:0 25px 60px #0009,0 0 0 1px #6366f126}.shortcuts-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.shortcuts-title{color:#f1f5f9;margin:0;font-size:1.2rem;font-weight:700}.shortcuts-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem;transition:color .2s}.shortcuts-close-btn:hover{color:#f1f5f9;background:#ffffff14}.shortcuts-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.shortcuts-section{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:16px}.shortcuts-section-title{text-transform:uppercase;letter-spacing:.8px;color:#818cf8;margin:0 0 12px;font-size:.82rem;font-weight:700}.shortcuts-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.shortcuts-item{justify-content:space-between;align-items:center;gap:8px;display:flex}.shortcuts-desc{color:#cbd5e1;font-size:.83rem}.shortcuts-keys{color:#94a3b8;flex-shrink:0;align-items:center;gap:4px;font-size:.78rem;display:flex}.shortcuts-modal kbd{color:#a5b4fc;white-space:nowrap;background:#6366f126;border:1px solid #6366f159;border-bottom:2px solid #6366f180;border-radius:4px;padding:2px 7px;font-family:Courier New,monospace;font-size:.75rem;font-style:normal;font-weight:600}.shortcuts-footer{border-top:1px solid #ffffff14;justify-content:flex-end;padding-top:16px;display:flex}.shortcuts-ok-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:9px 28px;font-size:.88rem;font-weight:700;transition:background .2s}.shortcuts-ok-btn:hover{background:#4f46e5}@media (width<=560px){.shortcuts-grid{grid-template-columns:1fr}}.sc-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sc-modal{scrollbar-width:thin;scrollbar-color:#555 #2c2c2c;background:#2c2c2c;border:1px solid #444;border-radius:4px;width:min(780px,94vw);max-height:88vh;padding:0;overflow-y:auto;box-shadow:0 8px 32px #000000b3}.sc-header{background:#3c3c3c;border-bottom:1px solid #555;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.sc-title{color:#ddd;letter-spacing:.3px;font-size:.95rem;font-weight:600}.sc-close{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.3rem;line-height:1;transition:color .15s}.sc-close:hover{color:#fff}.sc-section-label{color:#eee;border-bottom:1px solid #555;margin-bottom:0;padding:14px 20px 4px;font-size:1rem;font-weight:700}.sc-nav-label{border-top:1px solid #555;margin-top:8px}.sc-cols{border-bottom:1px solid #555;grid-template-columns:repeat(3,1fr);gap:0;padding:0 8px 8px;display:grid}.sc-col{border-right:1px solid #444;padding:10px 12px}.sc-col:last-child{border-right:none}.sc-group-title{color:#fff;border-bottom:1px solid #444;margin-top:10px;margin-bottom:4px;padding-bottom:4px;font-size:.8rem;font-weight:700}.sc-col .sc-group-title:first-child{margin-top:0}.sc-mt{margin-top:14px}.sc-mt-top{margin-top:6px}.sc-row{justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex}.sc-action{color:#ccc;white-space:nowrap;flex:1;font-size:.76rem}.sc-key{color:#fff;white-space:nowrap;text-align:right;font-size:.76rem;font-weight:600}.sc-nav-row{grid-template-columns:repeat(3,1fr);gap:0;padding:8px 20px 16px;display:grid}.sc-nav-item{align-items:center;gap:12px;padding:4px 8px;display:flex}.sc-nav-action{color:#ccc;font-size:.78rem}.sc-nav-key{color:#fff;font-size:.78rem;font-weight:700}.ps-layer-panel{background:#333;border:1px solid #222;border-radius:4px;flex-direction:column;margin-bottom:15px;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000004d}.ps-tabs{color:#999;background:#252525;border-bottom:1px solid #111;font-size:.8rem;display:flex}.ps-tab{cursor:pointer;border-right:1px solid #111;padding:6px 12px}.ps-tab.active{color:#fff;background:#333;border-top:2px solid #555;margin-top:-2px}.ps-tab-menu{cursor:pointer;margin-left:auto;padding:6px 10px}.ps-empty{text-align:center;color:#777;padding:16px 12px;font-size:.8rem}.slot-image-bar{padding:10px 0}.slot-image-btn-row{align-items:center;gap:6px;display:flex}.slot-img-clear-btn{color:#f87171;flex-shrink:0;padding:4px 8px;font-size:.9rem}.slot-image-btn{color:#c7d2fe;cursor:pointer;background:#6366f126;border:1px solid #6366f166;border-radius:6px;flex:1;padding:10px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.slot-image-btn:hover:not(:disabled){color:#fff;background:#6366f14d}.slot-image-btn:disabled{opacity:.4;cursor:not-allowed}.slot-fit-options{gap:16px;margin-top:10px;padding:0 2px;display:flex}.slot-fit-opt{color:#cbd5e1;cursor:pointer;align-items:center;gap:6px;font-size:.82rem;display:flex}.slot-fit-opt input[type=radio]{accent-color:#6366f1;cursor:pointer}.slot-options-panel{background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;flex-direction:column;gap:8px;margin-top:10px;padding:10px;display:flex}.slot-opt-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.slot-opt-title-label{color:#94a3b8;font-size:.78rem;font-weight:500}.slot-opt-btn-group{background:#0003;border:1px solid #ffffff0d;border-radius:6px;padding:2px;display:flex}.slot-opt-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;transition:all .2s;display:flex}.slot-opt-btn:hover{color:#f1f5f9;background:#ffffff0d}.slot-opt-btn.active{color:#fff;background:#6366f1;box-shadow:0 2px 4px #0003}.slot-opt-btn svg{display:block}.ps-controls{color:#ccc;border-bottom:1px solid #222;align-items:center;gap:10px;padding:6px 8px;font-size:.75rem;display:flex}.ps-blend-mode{color:#fff;background:#222;border:1px solid #111;border-radius:3px;flex:1;padding:2px 4px}.ps-opacity{align-items:center;gap:4px;display:flex}.ps-opacity input{color:#fff;text-align:right;background:0 0;border:none;width:25px;font-size:.75rem}.ps-layer-panel-footer{background:#252525;border-top:1px solid #111;justify-content:flex-end;align-items:center;height:12px;display:flex;position:relative}.ps-resize-handle:hover{opacity:1}.ps-resize-handle{cursor:ns-resize;z-index:10;opacity:.5;justify-content:center;align-items:center;width:14px;height:14px;transition:opacity .2s;display:flex;position:absolute;bottom:2px;right:2px}.ps-layer-list{background:#222;height:240px;overflow-y:auto}.ps-layer-item{cursor:pointer;color:#bbb;border-bottom:1px solid #2a2a2a;align-items:center;padding:4px;font-size:.8rem;transition:background .2s;display:flex}.ps-layer-item:hover{background:#3a3a3a}.ps-layer-item.active{color:#fff;background:#4a4a4a}.ps-eye{text-align:center;cursor:pointer;width:20px;font-size:.9rem;transition:opacity .15s}.ps-eye.off{opacity:.25;filter:grayscale()}.ps-layer-item.hidden .ps-thumb,.ps-layer-item.hidden .ps-name{opacity:.4}.ps-thumb{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-repeat:repeat;background-size:10px 10px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #444;justify-content:center;align-items:center;width:32px;height:32px;margin:0 8px;display:flex;overflow:hidden}.ps-thumb img{object-fit:contain;max-width:100%;max-height:100%}.ps-thumb span{color:#333;font-size:1.2rem;font-weight:700}.ps-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ps-name-input{color:#fff;min-width:0;font-size:inherit;background:#1b1b1b;border:1px solid #6366f1;border-radius:3px;outline:none;flex:1;padding:2px 4px}.ps-lock{margin-right:8px;font-size:.8rem}.ps-lock-btn{text-align:center;cursor:pointer;opacity:.35;flex-shrink:0;width:20px;margin-right:4px;font-size:.85rem;line-height:1;transition:opacity .15s}.ps-layer-item:hover .ps-lock-btn,.ps-lock-btn.locked{opacity:1}.ps-layer-item.locked .ps-name,.ps-layer-item.locked .ps-thumb{opacity:.6}.sidebar-tabs{white-space:nowrap;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;background-color:#0000;border-bottom:1px solid #fff3;flex-wrap:nowrap;gap:3px;margin:0;padding:8px 8px 0;display:flex;overflow:auto hidden}.sidebar-tabs::-webkit-scrollbar{display:none}.tab-btn{color:#9ca3af;cursor:pointer;background-color:#0003;border:1px solid #ffffff1a;border-bottom:none;border-radius:6px 6px 0 0;flex:none;margin-bottom:-1px;padding:8px 16px;font-size:.85rem;font-weight:400;transition:all .2s}.tab-btn.active{background-color:var(--theme-menu-bg,#1e293b);color:#fff;border:1px solid #fff3;border-bottom:1px solid var(--theme-menu-bg,#1e293b);font-weight:700}.tpl-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 4px;display:grid}.tpl-card{border:1.5px solid rgba(var(--tpl-accent-rgb,99,102,241), .25);background:rgba(var(--tpl-accent-rgb,99,102,241), .05);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px 8px;transition:border-color .15s,background .15s;display:flex}.tpl-card:hover{border-color:rgba(var(--tpl-accent-rgb,99,102,241), .6);background:rgba(var(--tpl-accent-rgb,99,102,241), .12)}.tpl-preview{fill:#ffffff38;stroke:#ffffffbf;stroke-width:1.5px;width:56px;height:70px}.tpl-preview rect{fill:#ffffff38;stroke:#ffffffbf}.tpl-label{color:#94a3b8;text-align:center;font-size:.72rem;line-height:1.2}.sidebar-tabs{background-color:#262626;border-bottom:1px solid #1a1a1a;margin:0;padding:0;display:flex}.tab-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-right:1px solid #1a1a1a;flex:none;padding:8px 16px;font-size:.85rem;font-weight:400;transition:all .2s}.tab-btn.active{color:#fff;background-color:#3f3f46}.tab-btn:hover:not(.active){color:#e2e8f0;background-color:#333}.tab-content{flex:1;padding-top:10px;overflow-y:auto}.shape-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 4px;display:grid}.shape-card{cursor:pointer;aspect-ratio:1;background:#ededed;border:1px solid #00000014;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;transition:all .2s;display:flex}.shape-card:hover{border-color:var(--theme-accent,#6366f1);background:#fff;box-shadow:0 2px 8px #0000002e}.shape-svg{color:#6366f1;width:34px;height:34px;margin-bottom:6px}.shape-name{color:#444;font-size:.8rem}.wa-close{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1.2rem;line-height:1;transition:background .15s,color .15s}.wa-close:hover{color:#fff;background:#ffffff26}.wa-overlay{z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wa-dialog{background:var(--theme-editor-bg,#383838);border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;width:740px;max-width:96vw;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #000c,0 0 0 1px #ffffff0d}.wa-header{border-radius:12px 12px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.wa-title{color:#fff;letter-spacing:.03em;font-size:.88rem;font-weight:700}.wa-style-grid{background:var(--theme-menu-bg,#2e2e2e);grid-template-columns:repeat(6,1fr);gap:5px;max-height:420px;padding:10px 12px;display:grid;overflow-y:auto}.wa-style-grid::-webkit-scrollbar{width:5px}.wa-style-grid::-webkit-scrollbar-track{background:0 0}.wa-style-grid::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.wa-style-cell{cursor:pointer;background:var(--theme-editor-bg,#383838);border:1.5px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:100%;height:58px;transition:border-color .12s,transform .1s,box-shadow .12s;display:flex;overflow:hidden}.wa-style-cell:hover{border-color:#ffffff59;transform:scale(1.04);box-shadow:0 4px 12px #0006}.wa-row-divider{color:var(--theme-text-sub,#ccc);letter-spacing:.06em;text-transform:uppercase;background:0 0;border-top:1px solid #ffffff1a;grid-column:1/-1;margin-top:4px;padding:6px 4px 3px;font-size:10px;font-weight:700}.wa-cell-canvas{width:100%;height:100%;display:block}.wa-sidebar-menu-btn{background:var(--theme-menu-bg,#2e2e2e);color:var(--theme-text,#eee);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;margin:10px 8px 4px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.wa-sidebar-menu-btn:hover{background:var(--theme-accent,#6366f1);color:#fff}.wa-menu-arrow{margin-left:auto;transition:transform .2s}.wa-menu-arrow.open{transform:rotate(90deg)}.wa-tab-content{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.wa-tab-header{flex-shrink:0;margin:-10px 0 8px;padding:10px 14px}.wa-tab-title{color:#fff;letter-spacing:.03em;font-size:.82rem;font-weight:700}.wa-tab-list{flex:1;padding:6px 6px 16px;overflow-y:auto}.wa-tab-list::-webkit-scrollbar{width:4px}.wa-tab-list::-webkit-scrollbar-track{background:0 0}.wa-tab-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:2px}.wa-tab-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:4px;display:grid}.wa-sub-panel{left:calc(var(--sidebar-width,260px) + 50px);background:var(--theme-editor-bg,#383838);z-index:200;border-right:1px solid #ffffff1a;flex-direction:column;width:240px;display:flex;position:fixed;top:40px;bottom:0;box-shadow:4px 0 16px #0006}.wa-sub-slide-enter-active,.wa-sub-slide-leave-active{transition:transform .22s,opacity .22s}.wa-sub-slide-enter-from,.wa-sub-slide-leave-to{opacity:0;transform:translate(-20px)}.wa-sub-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.wa-sub-title{color:#fff;letter-spacing:.02em;font-size:.82rem;font-weight:700}.wa-sub-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:0 2px;font-size:1.1rem;line-height:1}.wa-sub-close:hover{opacity:1}.wa-sub-list{flex:1;padding:8px 6px 16px;overflow-y:auto}.wa-sub-list::-webkit-scrollbar{width:4px}.wa-sub-list::-webkit-scrollbar-track{background:0 0}.wa-sub-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.wa-sub-section-label{color:var(--theme-text-sub,#ccc);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #ffffff14;margin-bottom:4px;padding:8px 4px 4px;font-size:.7rem;font-weight:600}.wa-sub-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:4px;display:grid}.wa-sub-card{cursor:pointer;background:#ededed;border:1px solid #00000014;border-radius:6px;height:52px;transition:border-color .15s,transform .1s;overflow:hidden}.wa-sub-card:hover{border-color:var(--theme-accent,#6366f1);transform:scale(1.04);box-shadow:0 2px 8px #0000002e}.wa-sub-canvas{width:100%;height:100%;display:block}.wa-style-cell--active{box-shadow:0 0 0 2px var(--theme-accent,#6366f1)}.wa-preview-area{background:var(--theme-board-bg,#222);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;justify-content:center;align-items:stretch;height:160px;padding:10px 18px;display:flex;position:relative;overflow:hidden}.wa-preview-canvas{border-radius:6px;width:100%;height:100%;display:block}.wa-input-row{background:var(--theme-menu-bg,#2e2e2e);border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 14px;display:flex}.wa-label{color:var(--theme-text-sub,#ccc);white-space:nowrap;min-width:64px;font-size:.82rem}.wa-input{background:var(--theme-editor-bg,#383838);color:var(--theme-text,#eee);border:1.5px solid #ffffff2e;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:.9rem;transition:border-color .15s}.wa-input:focus{border-color:var(--theme-accent,#6366f1);box-shadow:0 0 0 2px #6366f140}.wa-footer{background:var(--theme-menu-bg,#2e2e2e);border-top:1px solid #ffffff14;border-radius:0 0 12px 12px;justify-content:flex-end;gap:8px;padding:10px 14px 12px;display:flex}.wa-btn-cancel{color:var(--theme-text,#eee);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;min-width:80px;padding:6px 22px;font-size:.85rem;transition:background .15s}.wa-btn-cancel:hover{background:#ffffff24}.wa-btn-ok{color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:8px;min-width:80px;padding:6px 22px;font-size:.85rem;font-weight:700;transition:opacity .15s,transform .1s}.wa-btn-ok:hover{opacity:.88;transform:translateY(-1px)}.wa-btn-ok:active{transform:translateY(0)}.smart-guides-overlay{pointer-events:none;z-index:50;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.sg-line{stroke:#ff1493;stroke-width:1.5px;stroke-dasharray:4 2;filter:drop-shadow(0 0 2px #0009)}.sg-mark{stroke:#ff1493;stroke-width:2px;filter:drop-shadow(0 0 2px #0009)}.sg-text{fill:#fff;text-anchor:middle;filter:drop-shadow(0 1px 2px #000c);pointer-events:none;font-size:11px;font-weight:700}.cutout-tool-row{gap:8px;padding:0 24px 10px;display:flex}.cutout-tool-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;transition:all .15s;display:flex}.cutout-tool-btn:hover{background:#ffffff1a}.cutout-tool-btn.cutout-tool-active{background:var(--theme-accent,#6366f1);border-color:var(--theme-accent,#6366f1);color:#fff}.cutout-tool-btn:disabled{opacity:.4;cursor:not-allowed}.cutout-tool-btn:disabled:hover{background:#ffffff0f}.cutout-zoom-btn{padding:6px 8px}.cutout-zoom-value{font-variant-numeric:tabular-nums;justify-content:center;min-width:52px}.cutout-ai-btn{background:linear-gradient(135deg,#a855f72e,#6366f12e);border-color:#a855f766}.cutout-ai-btn:hover{background:linear-gradient(135deg,#a855f74d,#6366f14d)}.cutout-ai-btn:disabled{opacity:.7}.cutout-spin{animation:.9s linear infinite cutout-spin-rotate}@keyframes cutout-spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cutout-tool-sep{background:#ffffff1f;align-self:stretch;width:1px;margin:2px}.cutout-canvas-wrap{text-align:center;background-color:#6b7280;background-image:linear-gradient(45deg,#4b5563 25%,#0000 25%),linear-gradient(-45deg,#4b5563 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#4b5563 75%),linear-gradient(-45deg,#0000 75%,#4b5563 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #ffffff14;border-radius:8px;max-height:55vh;margin:0 24px;display:block;overflow:auto}.cutout-canvas-wrap.cutout-canvas-wrap-full{flex:1;max-height:none}.cutout-canvas{cursor:crosshair;max-width:100%;height:auto;display:inline-block}.cutout-tolerance-row{color:#cbd5e1;align-items:center;gap:10px;padding:12px 24px 4px;font-size:.82rem;display:flex}.cutout-tolerance-row input[type=range]{accent-color:var(--theme-accent,#6366f1);flex:1}.cutout-tolerance-value{text-align:right;color:#94a3b8;font-variant-numeric:tabular-nums;width:28px}.cutout-brush-size-select{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:4px 8px;font-size:.82rem}.cutout-brush-size-select:hover{border-color:var(--theme-accent,#6366f1)}.cutout-tool-wrap{display:inline-flex;position:relative}.cutout-brush-size-dropdown{color:#cbd5e1;white-space:nowrap;z-index:20;background:#1e293b;border:1px solid #334155;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;font-size:.82rem;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000059}.cutout-brush-mode-toggle{border-right:1px solid #334155;gap:4px;padding-right:8px;display:flex}.cutout-brush-mode-btn{padding:4px 8px;font-size:.78rem}.phone-receive[data-v-0acd405a]{color:#f3f4f6;box-sizing:border-box;background:#0b0f19;flex-direction:column;align-items:center;width:100vw;min-height:100vh;padding:24px 16px 40px;display:flex}.ph-header[data-v-0acd405a]{letter-spacing:.02em;margin-bottom:24px;font-size:1.3rem;font-weight:700}.ph-body[data-v-0acd405a]{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:480px;display:flex}.ph-message[data-v-0acd405a]{color:#94a3b8;text-align:center;padding:60px 12px;font-size:.95rem}.ph-error[data-v-0acd405a]{color:#f87171}.ph-image[data-v-0acd405a]{background:#fff;border-radius:12px;width:100%}.ph-save-btn[data-v-0acd405a]{color:#fff;cursor:pointer;background:#4f7cff;border:none;border-radius:10px;width:100%;padding:14px 0;font-size:1rem;font-weight:600}.ph-save-btn[data-v-0acd405a]:disabled{opacity:.6;cursor:default}.ph-hint[data-v-0acd405a]{color:#64748b;text-align:center;font-size:.82rem}.phone-upload-container[data-v-22cda0b4]{color:#f8fafc;background-color:#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Pretendard,sans-serif;display:flex}.card[data-v-22cda0b4]{background-color:#1e293b;border-radius:16px;width:100%;max-width:400px;padding:32px 24px;box-shadow:0 10px 25px -5px #00000080}.header[data-v-22cda0b4]{text-align:center;margin-bottom:24px}.header h1[data-v-22cda0b4]{color:#10b981;margin:0 0 8px;font-size:1.5rem}.header p[data-v-22cda0b4]{color:#94a3b8;margin:0;font-size:.95rem}.upload-area[data-v-22cda0b4]{text-align:center;cursor:pointer;background-color:#0f172a80;border:2px dashed #475569;border-radius:12px;margin-bottom:24px;padding:40px 20px;transition:all .2s}.upload-area[data-v-22cda0b4]:hover{background-color:#10b9810d;border-color:#10b981}.upload-icon[data-v-22cda0b4]{margin-bottom:12px;font-size:3rem}.upload-area p[data-v-22cda0b4]{color:#cbd5e1;margin:0}.file-list[data-v-22cda0b4]{background-color:#0f172a;border-radius:8px;margin-bottom:24px;padding:16px}.file-list h3[data-v-22cda0b4]{color:#94a3b8;margin:0 0 12px;font-size:.9rem}.file-list ul[data-v-22cda0b4]{margin:0;padding:0;list-style:none}.file-list li[data-v-22cda0b4]{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:8px 0;font-size:.9rem;display:flex}.file-list li[data-v-22cda0b4]:last-child{border-bottom:none}.file-list li span[data-v-22cda0b4]{white-space:nowrap;text-overflow:ellipsis;max-width:85%;overflow:hidden}.file-list button[data-v-22cda0b4]{color:#f87171;cursor:pointer;background:0 0;border:none;padding:4px}.btn-upload[data-v-22cda0b4]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;width:100%;padding:14px;font-size:1.1rem;font-weight:700;transition:opacity .2s}.btn-upload[data-v-22cda0b4]:disabled{opacity:.5;cursor:not-allowed}.status-msg[data-v-22cda0b4]{text-align:center;color:#10b981;margin-top:16px;font-weight:500}.status-msg.error[data-v-22cda0b4]{color:#f87171}.login-container[data-v-6420f7db]{color:#f3f4f6;background-color:#0b0f19;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Outfit,Inter,Malgun Gothic,sans-serif;display:flex}.login-box[data-v-6420f7db]{box-sizing:border-box;background-color:#1e293b;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 25px #00000080}.login-header[data-v-6420f7db]{text-align:center;margin-bottom:30px}.login-header h2[data-v-6420f7db]{color:#38bdf8;margin:0 0 10px;font-size:28px}.login-header p[data-v-6420f7db]{color:#94a3b8;margin:0;font-size:14px}.login-form[data-v-6420f7db]{flex-direction:column;gap:20px;display:flex}.input-group[data-v-6420f7db]{flex-direction:column;gap:8px;display:flex}.input-group label[data-v-6420f7db]{color:#cbd5e1;font-size:14px;font-weight:500}.input-group input[data-v-6420f7db]{color:#f3f4f6;background-color:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;padding:12px 16px;font-size:16px;transition:border-color .2s}.input-group input[data-v-6420f7db]:focus{border-color:#38bdf8}.error-message[data-v-6420f7db]{color:#ef4444;text-align:center;background-color:#ef44441a;border-radius:6px;padding:8px;font-size:14px}.login-btn[data-v-6420f7db]{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:8px;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:background-color .2s}.login-btn[data-v-6420f7db]:hover:not(:disabled){background-color:#0284c7}.login-btn[data-v-6420f7db]:disabled{cursor:not-allowed;opacity:.7;background-color:#475569}.admin-layout[data-v-55f99659]{color:#f3f4f6;background-color:#0b1120;width:100vw;height:100vh;font-family:Outfit,Inter,Malgun Gothic,sans-serif;display:flex;overflow:hidden}.sidebar[data-v-55f99659]{background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:250px;display:flex}.sidebar-header[data-v-55f99659]{padding:30px 20px}.logo[data-v-55f99659]{align-items:center;gap:12px;display:flex}.logo-icon[data-v-55f99659]{color:#fff;background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;font-weight:800;display:flex}.logo-text[data-v-55f99659]{color:#38bdf8;font-size:20px;font-weight:700;line-height:1.1}.logo-text small[data-v-55f99659]{color:#94a3b8;font-size:11px;font-weight:400}.sidebar-nav[data-v-55f99659]{flex:1;padding:10px 0}.sidebar-nav ul[data-v-55f99659]{margin:0;padding:0;list-style:none}.sidebar-nav li[data-v-55f99659]{cursor:pointer;color:#94a3b8;border-left:3px solid #0000;padding:15px 30px;font-size:15px;transition:all .2s}.sidebar-nav li[data-v-55f99659]:hover{color:#f8fafc;background-color:#1e293b}.sidebar-nav li.active[data-v-55f99659]{color:#38bdf8;background-color:#1e293b;border-left-color:#38bdf8;font-weight:700}.sidebar-footer[data-v-55f99659]{border-top:1px solid #1e293b;flex-direction:column;gap:15px;padding:20px;display:flex}.auto-refresh-box[data-v-55f99659]{background-color:#0b1120;border:1px solid #1e293b;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.refresh-status[data-v-55f99659]{align-items:center;gap:8px;display:flex}.pulse-dot[data-v-55f99659]{background-color:#0ea5e9;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-55f99659;box-shadow:0 0 8px 2px #0ea5e980}@keyframes pulse-55f99659{0%{transform:scale(.95);box-shadow:0 0 #0ea5e9b3}70%{transform:scale(1);box-shadow:0 0 0 6px #0ea5e900}to{transform:scale(.95);box-shadow:0 0 #0ea5e900}}.refresh-text[data-v-55f99659]{color:#0ea5e9;white-space:nowrap;font-size:12px;font-weight:700}.refresh-select[data-v-55f99659]{color:#f8fafc;cursor:pointer;appearance:none;background-color:#0000;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23f8fafc%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:100%;background-repeat:no-repeat;background-size:8px;border:none;outline:none;padding-right:15px;font-size:12px;font-weight:700}.refresh-select option[data-v-55f99659]{color:#f8fafc;background-color:#1e293b}.user-info[data-v-55f99659]{align-items:center;gap:12px;display:flex}.avatar-placeholder[data-v-55f99659]{color:#fff;background-color:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.user-details[data-v-55f99659]{flex-direction:column;display:flex}.username[data-v-55f99659]{font-size:14px;font-weight:700}.logout-link[data-v-55f99659]{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;margin:3px 0 0;padding:0;font-size:12px}.logout-link[data-v-55f99659]:hover{color:#f8fafc;text-decoration:underline}.app-version[data-v-55f99659]{color:#64748b;margin-top:-5px;font-size:11px}.main-content[data-v-55f99659]{flex:1;padding:40px;overflow-y:auto}.content-wrapper[data-v-55f99659]{background-color:#111827;border-radius:12px;padding:30px;box-shadow:0 4px 6px -1px #00000080}.dashboard-wrapper[data-v-55f99659]{flex-direction:column;gap:20px;min-height:100%;display:flex}.summary-cards[data-v-55f99659]{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card[data-v-55f99659]{background-color:#111827;border-radius:12px;align-items:center;gap:20px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #00000080}.card-icon[data-v-55f99659]{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.bg-red-900[data-v-55f99659]{background-color:#dc262633}.bg-blue-900[data-v-55f99659]{background-color:#2563eb33}.bg-purple-900[data-v-55f99659]{background-color:#9333ea33}.bg-green-900[data-v-55f99659]{background-color:#16a34a33}.card-info[data-v-55f99659]{flex-direction:column;display:flex}.card-title[data-v-55f99659]{color:#94a3b8;margin-bottom:5px;font-size:13px}.card-value[data-v-55f99659]{color:#f8fafc;font-size:24px;font-weight:700}.chart-container[data-v-55f99659]{flex-direction:column;flex:1;display:flex}.chart-header[data-v-55f99659]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-header h2[data-v-55f99659]{margin:0;font-size:18px;font-weight:700}.chart-canvas[data-v-55f99659]{flex:1;min-height:350px;position:relative}.analysis-wrapper[data-v-55f99659]{flex-direction:column;gap:20px;min-height:100%;display:flex}.filter-panel[data-v-55f99659]{padding:24px 30px}.filter-grid[data-v-55f99659]{flex-wrap:wrap;align-items:flex-end;gap:30px;margin-bottom:20px;display:flex}.filter-item[data-v-55f99659]{flex-direction:column;flex:1;gap:10px;min-width:200px;display:flex}.filter-item label[data-v-55f99659]{color:#0ea5e9;font-size:13px;font-weight:700}.input-dark[data-v-55f99659]{color:#f8fafc;background-color:#0f172a;border:1px solid #1e293b;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.input-dark[data-v-55f99659]::placeholder{color:#475569}.input-dark[type=date][data-v-55f99659]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.date-filter-group[data-v-55f99659]{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.quick-btns[data-v-55f99659]{gap:5px;display:flex}.quick-btns button[data-v-55f99659]{color:#94a3b8;cursor:pointer;background-color:#0000;border:none;border-radius:16px;padding:6px 12px;font-size:13px;transition:all .2s}.quick-btns button[data-v-55f99659]:hover{color:#f8fafc;background-color:#1e293b}.quick-btns button.active[data-v-55f99659]{color:#fff;background-color:#0ea5e9;font-weight:700}.date-pickers[data-v-55f99659]{align-items:center;gap:10px;display:flex}.tilde[data-v-55f99659]{color:#64748b}.filter-actions[data-v-55f99659]{border-top:1px solid #1e293b;justify-content:center;gap:12px;padding-top:10px;display:flex}.btn-search[data-v-55f99659]{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:20px;padding:10px 40px;font-weight:700}.btn-search[data-v-55f99659]:hover{background-color:#0284c7}.btn-reset[data-v-55f99659]{color:#94a3b8;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:20px;padding:10px 30px}.btn-reset[data-v-55f99659]:hover{color:#f8fafc;background-color:#334155}.content-header[data-v-55f99659]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:30px;display:flex}.content-header h2[data-v-55f99659]{margin:0;font-size:20px;font-weight:700}.content-header .highlight[data-v-55f99659]{color:#f8fafc}.header-actions[data-v-55f99659]{gap:10px;display:flex}.view-select[data-v-55f99659]{color:#f8fafc;background-color:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;padding:8px 12px}.excel-btn[data-v-55f99659]{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:6px;padding:8px 16px;font-weight:700}.table-container[data-v-55f99659]{-webkit-overflow-scrolling:touch;overflow-x:auto}.repix-table[data-v-55f99659]{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.repix-table th[data-v-55f99659],.repix-table td[data-v-55f99659]{border-bottom:1px solid #1e293b;padding:16px 12px;font-size:14px}.repix-table th[data-v-55f99659]{color:#94a3b8;white-space:nowrap;font-size:13px;font-weight:500}.repix-table tbody tr[data-v-55f99659]{transition:background-color .15s}.repix-table tbody tr[data-v-55f99659]:hover{background-color:#1e293b}.checkbox-col[data-v-55f99659]{text-align:center;width:40px}.uuid-col[data-v-55f99659]{color:#cbd5e1;font-family:monospace;font-size:12px}.timezone-badge[data-v-55f99659]{color:#e2e8f0;white-space:nowrap;background-color:#334155;border-radius:4px;padding:4px 8px;font-size:12px}.days-ago[data-v-55f99659]{color:#0ea5e9;margin-left:5px;font-size:12px;font-weight:700}.duration-col[data-v-55f99659]{color:#f8fafc;white-space:nowrap;font-weight:700}.empty-state[data-v-55f99659],.loading[data-v-55f99659]{text-align:center;color:#94a3b8;padding:40px}.coming-soon[data-v-55f99659]{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.coming-soon .icon[data-v-55f99659]{margin-bottom:20px;font-size:60px}.coming-soon h2[data-v-55f99659]{color:#f8fafc;margin-bottom:10px}.analysis-table th[data-v-55f99659]{background-color:#0f172a}@media (width<=768px){.admin-layout[data-v-55f99659]{flex-direction:column;overflow-y:auto}.sidebar[data-v-55f99659]{border-bottom:1px solid #1e293b;border-right:none;flex-shrink:0;width:100%}.sidebar-header[data-v-55f99659]{padding:20px 20px 10px}.sidebar-nav[data-v-55f99659]{-webkit-overflow-scrolling:touch;padding:0;overflow-x:auto}.sidebar-nav ul[data-v-55f99659]{white-space:nowrap;flex-direction:row;display:flex}.sidebar-nav li[data-v-55f99659]{border-bottom:3px solid #0000;border-left:none;padding:12px 20px}.sidebar-nav li.active[data-v-55f99659]{border-bottom-color:#38bdf8;border-left:none}.sidebar-footer[data-v-55f99659]{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px;padding:15px 20px}.auto-refresh-box[data-v-55f99659]{flex:1;min-width:180px;padding:8px 12px}.main-content[data-v-55f99659]{padding:15px;overflow-y:visible}.content-wrapper[data-v-55f99659]{padding:20px 15px}.summary-cards[data-v-55f99659]{grid-template-columns:repeat(2,1fr);gap:15px}.filter-grid[data-v-55f99659]{flex-direction:column;align-items:stretch;gap:20px}.filter-item[data-v-55f99659]{width:100%}.date-pickers[data-v-55f99659]{flex-direction:column;align-items:stretch;width:100%}.date-pickers input[data-v-55f99659]{width:100%}.tilde[data-v-55f99659]{text-align:center}.chart-canvas[data-v-55f99659]{min-height:250px}}html,body{color:#f3f4f6;background-color:#0b0f19;width:100%;height:100%;margin:0;padding:0;font-family:Outfit,Inter,Malgun Gothic,sans-serif;overflow:hidden}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex}