:root{color:#1f2937;background:#f8fafc;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:#2563eb;text-decoration:none}.layout,.mini-app{max-width:960px;margin:0 auto;padding:24px}.header,.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.logo{color:inherit;font-size:1.25rem;font-weight:700}.form{gap:16px;display:grid}.form label,.mini-app label{gap:8px;font-weight:600;display:grid}input,textarea,select,button{font:inherit}input,textarea,select{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px}button,.button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 16px}button.danger{background:#dc2626}.actions{flex-wrap:wrap;gap:12px;display:flex}.template-list{gap:12px;padding:0;list-style:none;display:grid}.template-list li{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.template-list code{color:#64748b;margin-top:4px;display:block}.try-result,.template-preview,.usage-card{background:#fff;border-radius:12px;margin-top:24px;padding:20px}.usage-card{gap:12px;display:grid}.progress-bar{background:#e2e8f0;border-radius:999px;height:10px;margin-top:16px;overflow:hidden}.progress-bar div{background:#2563eb;height:100%}.error{color:#dc2626}.hint{color:#64748b}.usage-badge{color:#475569}pre{white-space:pre-wrap;background:#f1f5f9;border-radius:8px;padding:12px}.brand-logo{color:inherit;letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-logo__mark{filter:drop-shadow(0 6px 14px #4f46e538);flex-shrink:0}.brand-logo__text{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.brand-logo--sm .brand-logo__text{font-size:1.125rem}.brand-logo--md .brand-logo__text{font-size:1.25rem}.app-page .brand-logo__text{background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.app-page{--app-bg:#070b14;--app-surface:#ffffff0f;--app-surface-strong:#0f172ad9;--app-border:#ffffff1a;--app-text:#f1f5f9;--app-muted:#94a3b8;--app-accent:#6366f1;--app-accent-2:#22d3ee;--app-glow:#6366f159;--app-danger:#f87171;min-height:100vh;color:var(--app-text);background:var(--app-bg);position:relative}.app-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.app-bg-blob{filter:blur(80px);opacity:.45;border-radius:50%;position:absolute}.app-bg-blob--1{background:#4338ca;width:420px;height:420px;top:-140px;right:-100px}.app-bg-blob--2{background:#0e7490;width:460px;height:460px;bottom:-120px;left:-80px}.app-bg-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.app-nav,.app-main{z-index:1;position:relative}.app-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:20px 24px;display:flex}.app-brand-link{text-decoration:none}.app-nav-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-nav-links a{color:var(--app-muted);border-radius:999px;padding:8px 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.app-nav-links a:hover,.app-nav-links a.active{color:var(--app-text);background:var(--app-surface)}.app-nav-links button{border:1px solid var(--app-border);color:var(--app-muted);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.app-nav-links button:hover{color:var(--app-text);border-color:#fff3}.app-main{max-width:1120px;margin:0 auto;padding:0 24px 64px}.language-switcher--app{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-muted);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;display:flex}.language-switcher--app select{color:var(--app-text);font:inherit;cursor:pointer;background:0 0;border:none;outline:none}@media (width<=720px){.app-nav-inner{flex-direction:column;align-items:flex-start;padding-inline:16px}.app-main{padding-inline:16px}}.dashboard-page{gap:28px;display:grid}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-badge{border:1px solid var(--app-border);background:var(--app-surface);width:fit-content;color:var(--app-accent-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;margin-bottom:12px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-block}.dashboard-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.dashboard-create-btn{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;font:inherit;border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex;box-shadow:0 12px 24px #6366f140}.dashboard-create-btn:hover{opacity:.95;transform:translateY(-1px)}.dashboard-empty,.dashboard-loading{border:1px dashed var(--app-border);background:var(--app-surface);color:var(--app-muted);text-align:center;border-radius:16px;padding:32px}.dashboard-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.dashboard-card{border:1px solid var(--app-border);background:var(--app-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex;box-shadow:0 16px 32px #0003}.dashboard-card-body{gap:4px;min-width:0;display:grid}.dashboard-card-name{color:var(--app-text);font-size:1rem;font-weight:700}.dashboard-card-subject{color:var(--app-muted);font-size:.875rem}.dashboard-card-id{color:#c7d2fe;background:#6366f126;border-radius:6px;width:fit-content;margin-top:4px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;display:inline-block}.dashboard-card-link{color:#c7d2fe;background:#6366f11f;border:1px solid #6366f159;border-radius:10px;flex-shrink:0;padding:10px 14px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.dashboard-card-link:hover{background:#6366f138;border-color:#6366f18c}@media (width<=640px){.dashboard-card{flex-direction:column;align-items:stretch}.dashboard-card-link{text-align:center}}.find-page{gap:28px;display:grid}.find-page-header{gap:12px;display:grid}.find-page-badge{border:1px solid var(--app-border);background:var(--app-surface);width:fit-content;color:var(--app-accent-2);border-radius:999px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-block}.find-page-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.find-page-subtitle{max-width:640px;color:var(--app-muted);margin:0;line-height:1.6}.find-form{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;flex-wrap:wrap;align-items:end;gap:12px;padding:24px;display:flex}.find-form label{color:var(--app-text);flex:240px;gap:8px;font-size:.875rem;font-weight:600;display:grid}.find-form input{border:1px solid var(--app-border);width:100%;color:var(--app-text);font:inherit;background:#ffffff0a;border-radius:10px;padding:12px 14px}.find-form input:focus{border-color:#6366f18c;outline:none;box-shadow:0 0 0 3px #6366f126}.find-form button{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-weight:600}.find-form button:disabled{opacity:.55;cursor:not-allowed}.find-error{color:#fecaca;background:#f871711f;border:1px solid #f8717159;border-radius:12px;margin:0;padding:12px 16px}.find-preview{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;gap:20px;padding:28px;display:grid;box-shadow:0 16px 32px #0003}.find-preview-header{gap:8px;display:grid}.find-preview-header h2{color:var(--app-text);margin:0;font-size:1.25rem}.find-preview-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.find-preview-subject{color:var(--app-muted);font-size:.9375rem}.find-preview-id{color:#c7d2fe;background:#6366f126;border-radius:6px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.find-preview-owner{color:var(--app-muted);font-size:.8125rem}.find-preview-inactive{color:#fecaca;background:#f8717126;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.find-preview-prompt{color:var(--app-text);white-space:pre-wrap;background:#ffffff0a;border-radius:12px;margin:0;padding:16px;font-family:inherit;font-size:.9375rem;line-height:1.65}.find-preview-images{gap:10px;display:grid}.find-preview-images h3{color:var(--app-text);margin:0;font-size:.9375rem}.find-preview-image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.find-preview-image-grid img{aspect-ratio:1;object-fit:cover;border:1px solid var(--app-border);border-radius:10px;width:100%}.find-try-section{border-top:1px solid var(--app-border);gap:12px;padding-top:8px;display:grid}.find-try-section label{color:var(--app-text);gap:8px;font-size:.875rem;font-weight:600;display:grid}.find-try-section input[type=file]{color:var(--app-muted);font-size:.875rem}.find-try-btn{border:1px solid var(--app-border);width:fit-content;color:var(--app-text);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:10px;padding:12px 18px;font-weight:600}.find-try-btn:disabled{opacity:.55;cursor:not-allowed}.find-result{background:#6366f11a;border:1px solid #6366f140;border-radius:16px;gap:12px;padding:24px;display:grid}.find-result h3{color:var(--app-text);margin:0;font-size:1rem}.find-result p{color:var(--app-text);margin:0;line-height:1.65}.find-loading{color:var(--app-muted)}.landing-page{--landing-bg:#070b14;--landing-surface:#ffffff0f;--landing-border:#ffffff1a;--landing-text:#f1f5f9;--landing-muted:#94a3b8;--landing-accent:#6366f1;--landing-accent-2:#22d3ee;--landing-glow:#6366f159;min-height:100vh;color:var(--landing-text);background:var(--landing-bg);position:relative;overflow-x:hidden}.landing-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.landing-bg-blob{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.landing-bg-blob--1{background:#4338ca;width:480px;height:480px;top:-120px;right:-80px}.landing-bg-blob--2{background:#0e7490;width:520px;height:520px;bottom:-160px;left:-100px}.landing-bg-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.landing-nav,.landing-page main,.landing-footer{z-index:1;position:relative}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:20px 24px;display:flex}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1120px;margin:0 auto;padding:48px 24px 80px;display:grid}.landing-badge{border:1px solid var(--landing-border);background:var(--landing-surface);color:var(--landing-accent-2);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-block}.landing-hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.1}.landing-hero-subtitle{max-width:520px;color:var(--landing-muted);margin:0 0 36px;font-size:1.0625rem;line-height:1.7}.landing-cta{border:1px solid var(--landing-border);background:var(--landing-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:28px;box-shadow:0 24px 48px #00000040}.landing-cta-label{margin:0 0 16px;font-size:1rem;font-weight:600}.landing-cta-note{color:var(--landing-muted);margin:14px 0 0;font-size:.875rem}.landing-dev-login{border:1px dashed var(--landing-border);width:100%;color:var(--landing-muted);cursor:pointer;background:0 0;border-radius:12px;margin-top:16px;padding:12px 16px;font-size:.875rem;display:block}.landing-dev-login:hover:not(:disabled){color:var(--landing-text);border-color:var(--landing-accent)}.landing-dev-login:disabled{opacity:.6;cursor:wait}.landing-hero-visual{justify-content:center;align-items:center;min-height:420px;display:flex}.landing-showcase{width:min(100%,460px);min-height:400px;position:relative}.landing-showcase-glow{background:radial-gradient(circle, var(--landing-glow), transparent 70%);filter:blur(24px);pointer-events:none;border-radius:50%;position:absolute;inset:10% 5%}.landing-showcase-card{border:1px solid var(--landing-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aeb;border-radius:20px;position:relative;box-shadow:0 0 0 1px #ffffff0d,0 28px 56px #00000073}.landing-showcase-card--homework{animation:6s ease-in-out infinite landing-float-tilt;transform:perspective(900px)rotateY(-8deg)rotateX(3deg)}.landing-showcase-card--result{background:#1e1b4bf2;border-color:#6366f159;padding:18px 20px;animation:6s ease-in-out .8s infinite landing-float;position:absolute;bottom:24px;left:48px;right:-8px}.landing-showcase-card-head{border-bottom:1px solid var(--landing-border);background:#ffffff08;align-items:center;gap:8px;padding:12px 16px;display:flex}.landing-showcase-dot{border-radius:50%;width:10px;height:10px}.landing-showcase-dot--red{background:#f87171}.landing-showcase-dot--yellow{background:#fbbf24}.landing-showcase-dot--green{background:#4ade80}.landing-showcase-card-title{color:var(--landing-muted);margin-left:8px;font-size:.75rem;font-weight:600}.landing-showcase-homework{padding:8px 8px 12px;position:relative;overflow:hidden}.landing-showcase-svg{width:100%;height:auto;display:block}.landing-showcase-scan{background:linear-gradient(90deg, transparent, var(--landing-accent-2), transparent);height:2px;box-shadow:0 0 16px var(--landing-accent-2);animation:3.2s ease-in-out infinite landing-scan;position:absolute;left:0;right:0}.landing-showcase-result-header{color:var(--landing-text);align-items:center;gap:10px;margin-bottom:12px;font-size:.8125rem;font-weight:700;display:flex}.landing-showcase-ai-badge{background:linear-gradient(135deg, var(--landing-accent), var(--landing-accent-2));color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:.6875rem;font-weight:800;display:inline-grid}.landing-showcase-result-line{color:var(--landing-text);margin:0 0 8px;font-size:.8125rem;line-height:1.5}.landing-showcase-result-line--muted{color:var(--landing-muted)}.landing-showcase-confidence{color:var(--landing-muted);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;font-size:.75rem;display:flex}.landing-showcase-confidence strong{color:#a5f3fc;background:#22d3ee26;border-radius:999px;padding:4px 10px;font-size:.75rem}.landing-showcase-float{border:1px solid var(--landing-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 16px 32px #00000059}.landing-showcase-float span{font-size:1.25rem}.landing-showcase-float strong{font-size:.9375rem;line-height:1.2;display:block}.landing-showcase-float small{color:var(--landing-muted);font-size:.6875rem}.landing-showcase-float--tokens{animation:5s ease-in-out 1.2s infinite landing-float;top:12px;right:-12px}.landing-showcase-float--bot{flex-direction:column;gap:4px;padding:10px 12px;animation:5.5s ease-in-out .4s infinite landing-float;top:42%;left:-18px}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes landing-float-tilt{0%,to{transform:perspective(900px)rotateY(-8deg)rotateX(3deg)translateY(0)}50%{transform:perspective(900px)rotateY(-8deg)rotateX(3deg)translateY(-8px)}}@keyframes landing-scan{0%{opacity:0;top:12%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:88%}}.landing-section{max-width:1120px;margin:0 auto;padding:64px 24px}.landing-section--alt{padding-top:32px}.landing-section-title{letter-spacing:-.02em;text-align:center;margin:0 0 32px;font-size:1.75rem;font-weight:700}.landing-features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-feature-card{border:1px solid var(--landing-border);background:var(--landing-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s}.landing-feature-card:hover{border-color:#6366f159;transform:translateY(-4px);box-shadow:0 20px 40px #0003}.landing-feature-icon{background:#6366f126;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.4rem;display:inline-flex}.landing-feature-card h3{margin:0 0 10px;font-size:1.125rem;font-weight:700}.landing-feature-card p{color:var(--landing-muted);margin:0;font-size:.9375rem;line-height:1.6}.landing-steps{grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.landing-step{border:1px solid var(--landing-border);background:var(--landing-surface);border-radius:16px;flex-direction:column;gap:14px;padding:24px 20px;display:flex}.landing-step-num{background:linear-gradient(135deg, var(--landing-accent), #818cf8);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9375rem;font-weight:700;display:inline-flex}.landing-step-text{color:var(--landing-muted);font-size:.9375rem;line-height:1.5}.landing-footer{border-top:1px solid var(--landing-border);text-align:center;padding:32px 24px 48px}.landing-footer p{color:var(--landing-muted);margin:0;font-size:.875rem}.language-switcher--landing{border:1px solid var(--landing-border);background:var(--landing-surface);color:var(--landing-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;display:flex}.language-switcher--landing select{color:var(--landing-text);font:inherit;cursor:pointer;background:0 0;border:none;outline:none}.telegram-login--landing{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.telegram-login--landing .hint{color:var(--landing-muted);font-size:.875rem}@media (width<=960px){.landing-hero{grid-template-columns:1fr;padding-top:24px}.landing-hero-visual{order:-1;min-height:360px}.landing-showcase-card--homework{animation:6s ease-in-out infinite landing-float;transform:none}.landing-showcase-card--result{margin-top:-32px;margin-left:24px;position:relative;bottom:auto;left:auto;right:auto}.landing-showcase-float--tokens{right:0}.landing-showcase-float--bot{left:0}.landing-features{grid-template-columns:1fr}.landing-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.landing-steps{grid-template-columns:1fr}.landing-nav-inner,.landing-hero,.landing-section{padding-inline:16px}}.template-editor-page{gap:28px;display:grid}.template-editor-header{gap:12px;display:grid}.template-editor-badge{border:1px solid var(--app-border);background:var(--app-surface);width:fit-content;color:var(--app-accent-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-block}.template-editor-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.template-editor-subtitle{max-width:640px;color:var(--app-muted);margin:0;font-size:1rem;line-height:1.6}.template-editor-usage{color:#c7d2fe;background:#6366f11f;border:1px solid #6366f140;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.template-editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:24px;display:grid}.template-editor-card{border:1px solid var(--app-border);background:var(--app-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:28px;box-shadow:0 24px 48px #00000040}.template-editor-form{gap:20px;display:grid}.template-editor-field{gap:8px;display:grid}.template-editor-field label{color:var(--app-text);font-size:.875rem;font-weight:600}.template-editor-field input,.template-editor-field textarea{border:1px solid var(--app-border);width:100%;color:var(--app-text);font:inherit;background:#0f172aa6;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.template-editor-field input::placeholder,.template-editor-field textarea::placeholder{color:#94a3b8b3}.template-editor-field input:focus,.template-editor-field textarea:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f126}.template-editor-field textarea{resize:vertical;min-height:180px;line-height:1.6}.template-editor-file{gap:10px;display:grid}.template-editor-file-drop{min-height:120px;color:var(--app-muted);text-align:center;cursor:pointer;background:linear-gradient(135deg,#6366f11f,#22d3ee0f),#ffffff05;border:1px dashed #ffffff29;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;transition:border-color .15s,background .15s;display:flex}.template-editor-file-drop:hover{border-color:#6366f173}.template-editor-file-drop strong{color:var(--app-text);font-size:.9375rem}.template-editor-file-drop span{font-size:.8125rem}.template-editor-file input[type=file]{display:none}.template-editor-image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.template-editor-image-card{border:1px solid var(--app-border);background:#ffffff08;border-radius:12px;gap:8px;margin:0;padding:10px;display:grid}.template-editor-image-card img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.template-editor-image-card span{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.template-editor-image-card button{color:#fecaca;font:inherit;cursor:pointer;background:#f871711f;border:1px solid #f8717159;border-radius:8px;padding:6px 8px;font-size:.75rem}.template-editor-actions{flex-wrap:wrap;gap:12px;padding-top:4px;display:flex}.template-editor-btn{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:12px 18px;font-size:.9375rem;font-weight:600;transition:transform .15s,opacity .15s,box-shadow .15s}.template-editor-btn:disabled{opacity:.55;cursor:not-allowed}.template-editor-btn:not(:disabled):hover{transform:translateY(-1px)}.template-editor-btn--primary{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;box-shadow:0 12px 24px #6366f140}.template-editor-btn--secondary{border:1px solid var(--app-border);color:var(--app-text);background:#ffffff0a}.template-editor-btn--danger{color:#fecaca;background:#f871711f;border:1px solid #f8717159}.template-editor-side{gap:20px;display:grid}.template-editor-tip{border:1px solid var(--app-border);background:var(--app-surface-strong);border-radius:16px;padding:22px}.template-editor-tip h2{margin:0 0 12px;font-size:1rem;font-weight:700}.template-editor-tip ul{color:var(--app-muted);margin:0;padding-left:18px;font-size:.875rem;line-height:1.7}.template-editor-result{background:#6366f11a;border:1px solid #6366f140;border-radius:16px;padding:24px;box-shadow:0 16px 32px #0003}.template-editor-result-tag{color:#c7d2fe;background:#6366f140;border-radius:999px;margin-bottom:14px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.template-editor-result h2,.template-editor-result h3{margin:0 0 10px;font-size:.9375rem;font-weight:700}.template-editor-result p{color:var(--app-text);margin:0 0 16px;font-size:.9375rem;line-height:1.65}.template-editor-result p:last-child{color:var(--app-muted);margin-bottom:0;font-size:.8125rem}.template-editor-loading{color:var(--app-muted);text-align:center;padding:48px 0}@media (width<=960px){.template-editor-grid{grid-template-columns:1fr}}.usage-page{gap:28px;display:grid}.usage-page-header{gap:12px;display:grid}.usage-page-badge{border:1px solid var(--app-border);background:var(--app-surface);width:fit-content;color:var(--app-accent-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-block}.usage-page-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.usage-page-subtitle{max-width:640px;color:var(--app-muted);margin:0;font-size:1rem;line-height:1.6}.usage-page-loading{color:var(--app-muted);text-align:center;padding:48px 0}.usage-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.usage-stat-card{border:1px solid var(--app-border);background:var(--app-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:22px 24px;box-shadow:0 16px 32px #0000002e}.usage-stat-card--accent{background:#6366f11a;border-color:#6366f147}.usage-stat-label{color:var(--app-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 10px;font-size:.8125rem;font-weight:600}.usage-stat-value{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.1}.usage-stat-value--muted{color:#c7d2fe}.usage-progress-card{border:1px solid var(--app-border);background:var(--app-surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:28px;box-shadow:0 24px 48px #00000040}.usage-progress-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.usage-plan{gap:6px;display:grid}.usage-plan-label{color:var(--app-muted);margin:0;font-size:.8125rem;font-weight:600}.usage-plan-name{margin:0;font-size:1.125rem;font-weight:700}.usage-plan-badge{color:#a5f3fc;text-transform:uppercase;letter-spacing:.04em;background:#22d3ee1f;border:1px solid #22d3ee40;border-radius:999px;align-items:center;width:fit-content;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.usage-percent{letter-spacing:-.04em;background:linear-gradient(135deg, var(--app-accent), var(--app-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.usage-progress-track{background:#ffffff14;border-radius:999px;height:14px;overflow:hidden;box-shadow:inset 0 1px 2px #00000040}.usage-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--app-accent), var(--app-accent-2));height:100%;box-shadow:0 0 20px var(--app-glow);transition:width .4s}.usage-progress-fill--warning{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 20px #f59e0b59}.usage-progress-fill--danger{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 20px #ef444459}.usage-progress-meta{color:var(--app-muted);justify-content:space-between;gap:12px;margin-top:14px;font-size:.8125rem;display:flex}.usage-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.usage-info-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;padding:22px}.usage-info-card h2{margin:0 0 10px;font-size:.9375rem;font-weight:700}.usage-info-card p{color:var(--app-muted);margin:0;font-size:.875rem;line-height:1.65}@media (width<=820px){.usage-stats,.usage-info-grid{grid-template-columns:1fr}.usage-progress-top{flex-direction:column}}