.form-shell{width:100%;min-height:100vh;background:#f4f4f4}.form-frame{display:block;width:100%;min-height:100vh;border:0;background:#f4f4f4}:root{--primary: hsl(258 72% 55%);--secondary: hsl(160 76% 48%);--accent: hsl(14 100% 64%);--destructive: hsl(0 84% 60%);--background: hsl(245 100% 99%);--foreground: hsl(240 33% 14%);--card: hsl(0 0% 100%);--muted: hsl(240 20% 95%);--muted-foreground: hsl(220 9% 46%);--border: hsl(240 20% 92%);--input: hsl(240 20% 92%);--ring: hsl(258 72% 55%);--hero-end: hsl(258 60% 96%)}[data-theme=dark]{--primary: hsl(258 72% 60%);--secondary: hsl(160 76% 48%);--accent: hsl(14 100% 64%);--destructive: hsl(0 62% 30%);--background: hsl(252 45% 5%);--foreground: hsl(0 0% 95%);--card: hsl(252 30% 8%);--muted: hsl(252 20% 15%);--muted-foreground: hsl(220 9% 60%);--border: hsl(252 20% 18%);--input: hsl(252 20% 18%);--ring: hsl(258 72% 60%);--hero-end: hsl(252 35% 10%)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--primary: hsl(258 72% 60%);--secondary: hsl(160 76% 48%);--accent: hsl(14 100% 64%);--destructive: hsl(0 62% 30%);--background: hsl(252 45% 5%);--foreground: hsl(0 0% 95%);--card: hsl(252 30% 8%);--muted: hsl(252 20% 15%);--muted-foreground: hsl(220 9% 60%);--border: hsl(252 20% 18%);--input: hsl(252 20% 18%);--ring: hsl(258 72% 60%);--hero-end: hsl(252 35% 10%)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,Arial,sans-serif;color:var(--foreground);background:linear-gradient(135deg,var(--background),var(--hero-end))}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Inter,Arial,sans-serif}.gradient-primary{background:linear-gradient(135deg,#6b3adf,#b447eb)}.gradient-secondary{background:linear-gradient(135deg,#1dd799,#17cfb0)}.gradient-accent{background:linear-gradient(135deg,#ff7247,#f93)}.gradient-hero{background:linear-gradient(135deg,#fafaff,#f2effb)}.gradient-text{background:linear-gradient(135deg,#6b3adf,#b447eb);-webkit-background-clip:text;background-clip:text;color:transparent}.shadow-soft{box-shadow:0 12px 28px #6b3adf1f}.shadow-card{box-shadow:0 8px 20px #17171c14}.shadow-elevated{box-shadow:0 16px 36px #6b3adf33}.site-header{position:fixed;top:0;right:0;z-index:50;padding:12px 16px;pointer-events:none}.site-header__inner{display:flex;align-items:center;gap:8px;pointer-events:auto}.site-header__btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;display:grid;place-items:center;padding:0;transition:border-color .15s ease,box-shadow .15s ease}.site-header__btn:hover{border-color:var(--primary)}.site-header__btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site-header__btn--flag[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 1px #6b3adf40}.site-header__icon{width:20px;height:20px}.site-header__flag{font-size:1.25rem;line-height:1}.page-shell{padding-top:64px;min-height:100vh}.page-shell--no-header{padding-top:0}.centered-page{min-height:calc(100vh - 64px);display:grid;place-content:center;gap:12px;padding:24px;text-align:center}.centered-page a{color:var(--primary);font-weight:600}.templates-home{max-width:980px;margin:0 auto;padding:32px 16px 48px}.templates-header{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.templates-header h1{margin:0 0 10px}.templates-header p{margin:0;color:var(--muted-foreground)}.templates-view-toggle{display:inline-flex;gap:8px;margin:18px 0 20px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--muted)}.templates-view-toggle button{border:1px solid transparent;background:transparent;color:var(--foreground);border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:600}.templates-view-toggle button.is-active{border-color:var(--border);background:var(--card);color:var(--primary)}.templates-view-toggle button:focus-visible,.template-item a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.templates-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.templates-list{display:flex;flex-direction:column;gap:10px}.template-item{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--card);box-shadow:0 8px 20px #17171c14}.template-item h2{margin:0 0 8px;font-size:18px}.template-item p{margin:0 0 8px;color:var(--muted-foreground);font-size:14px}.template-uuid{display:block;margin:0 0 12px;padding:8px 10px;border-radius:8px;background:var(--muted);color:var(--foreground);font-size:12px;border:1px solid var(--border);word-break:break-all}.template-meta{margin:0 0 12px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--muted);font-size:12px}.template-meta__row{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border)}.template-meta__row:last-child{border-bottom:0;padding-bottom:0}.template-meta__row:first-child{padding-top:0}.template-meta dt{margin:0;color:var(--muted-foreground);font-weight:600}.template-meta dd{margin:0;word-break:break-word;color:var(--foreground)}.template-item a{display:inline-block;text-decoration:none;color:#fff;font-weight:600;padding:8px 12px;border-radius:8px;background:linear-gradient(135deg,#6b3adf,#b447eb)}.templates-status{margin:16px 0;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--muted-foreground)}.templates-status--error{border-color:#ef434373;color:var(--foreground)}.templates-status__detail{margin:8px 0 12px;font-size:13px;color:var(--muted-foreground);word-break:break-word}.templates-status--error button{border:1px solid var(--border);background:var(--muted);color:var(--foreground);font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer}.templates-status--error button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}