:root{--text-xs: clamp(.75rem, .72rem + .18vw, .875rem);--text-sm: clamp(.875rem, .84rem + .24vw, 1rem);--text-base: clamp(1rem, .96rem + .2vw, 1.0625rem);--text-lg: clamp(1.125rem, 1.04rem + .45vw, 1.375rem);--text-xl: clamp(1.4rem, 1.1rem + 1.1vw, 2rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.125rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--color-bg: #0f1013;--color-surface: #15171b;--color-surface-2: #1b1d22;--color-surface-3: #20232a;--color-surface-offset: #101317;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .12);--color-divider: rgba(255, 255, 255, .07);--color-text: #eef2f6;--color-text-muted: #a5acb8;--color-text-faint: #737a85;--color-primary: #d7c2ff;--color-primary-hover: #84dde6;--color-primary-highlight: rgba(102, 208, 219, .12);--color-primary-strong: rgba(102, 208, 219, .24);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 16px 48px rgba(0, 0, 0, .34);--shadow-lg: 0 30px 80px rgba(0, 0, 0, .42);--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1);--font-body: "Inter", sans-serif;--font-display: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{min-height:100dvh;background:radial-gradient(circle at top left,rgba(102,208,219,.1),transparent 28%),radial-gradient(circle at bottom right,rgba(102,208,219,.06),transparent 24%),var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55}img,canvas,svg{display:block;max-width:100%;height:auto}button,input,select{font:inherit;color:inherit}button{border:0;cursor:pointer;transition:transform var(--transition-interactive),background var(--transition-interactive),color var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive),opacity var(--transition-interactive)}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:var(--space-4);top:var(--space-4);z-index:100;background:var(--color-surface-2);color:var(--color-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.app-shell{width:min(980px,calc(100% - 1.5rem));margin:0 auto;padding:var(--space-5) 0 var(--space-8)}.topbar{margin-bottom:var(--space-6)}.topbar-brand{display:flex;justify-content:center;align-items:center;padding-top:var(--space-2)}.brand-stack{display:grid;justify-items:center;gap:var(--space-3);width:100%}.brand-logo-image{object-fit:contain;filter:drop-shadow(0 10px 30px rgba(168,85,247,.18)) drop-shadow(0 2px 12px rgba(217,70,239,.12))}.brand-tagline{text-align:center;font-size:var(--text-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d7c2ff}.studio{width:100%;max-width:860px;margin:0 auto;padding:clamp(.95rem,1.8vw,1.4rem);display:grid;gap:var(--space-4);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.studio-stage{min-height:560px;padding:var(--space-4);display:grid;place-items:center;border-radius:calc(var(--radius-2xl) - 6px);transition:background var(--transition-interactive),box-shadow var(--transition-interactive),border-color var(--transition-interactive);overflow:hidden;position:relative;cursor:pointer}.studio-stage.empty{border:1px dashed rgba(255,255,255,.08)}.studio-stage.dragover{box-shadow:inset 0 0 0 1px #66d0db8c;background:linear-gradient(180deg,#66d0db14,#ffffff05),linear-gradient(180deg,var(--color-surface-2),var(--color-surface-offset))}.studio-empty{display:grid;justify-items:center;gap:var(--space-3);text-align:center;max-width:34ch;padding:var(--space-6)}.studio-empty strong{color:var(--color-text);font-size:var(--text-lg);line-height:1.1}.studio-empty p{color:var(--color-text-muted);font-size:var(--text-sm)}canvas{width:100%;height:auto;max-height:72dvh;object-fit:contain}.badge{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;padding:.35rem .65rem;border-radius:var(--radius-full);background:var(--color-primary-highlight);color:var(--color-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em}.studio-actions{display:grid;justify-items:center;gap:var(--space-3);padding-top:var(--space-1)}.btn{min-height:44px;padding:.78rem 1rem;border-radius:var(--radius-md);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary{background:var(--color-primary);color:#081014;box-shadow:0 10px 24px #66d0db2e}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text)}.btn-soft{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--color-text)}.btn-ghost{background:transparent;border:1px dashed var(--color-border-strong);color:var(--color-text-muted)}.btn-hero{min-width:min(100%,320px);min-height:54px;padding-inline:1.4rem;border-radius:var(--radius-full);font-size:var(--text-base)}.studio-subactions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.studio-status{display:grid;gap:var(--space-2);padding:0 var(--space-2)}.studio-status-top{display:flex;justify-content:space-between;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.studio-status-text{font-size:var(--text-sm);color:var(--color-text)}.progress{width:100%;height:10px;border-radius:var(--radius-full);background:#ffffff14;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),#9ce7ee);transition:width .22s ease}.studio-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.meta-pill{min-width:140px;padding:.8rem .95rem;border-radius:var(--radius-full);background:#ffffff09;border:1px solid rgba(255,255,255,.04);display:grid;gap:.15rem;text-align:center}.meta-pill span{color:var(--color-text-muted);font-size:var(--text-xs)}.meta-pill strong{font-size:var(--text-sm);line-height:1.2}.studio-advanced{padding-top:var(--space-2)}.advanced-toggle{width:100%;max-width:320px;min-height:44px;margin:0 auto;padding:.25rem 0;display:flex;justify-content:space-between;align-items:center;background:transparent;color:var(--color-text);font-weight:600;text-align:left}.advanced-mark{color:var(--color-primary);font-size:1.2rem;line-height:1}.advanced-panel{max-width:560px;margin:var(--space-4) auto 0}.form-grid{display:grid;gap:var(--space-4)}.field{display:grid;gap:var(--space-2)}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}label{font-size:var(--text-sm);font-weight:600}.input,.select{width:100%;min-height:44px;padding:.72rem .85rem;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-3);color:var(--color-text)}.input::placeholder{color:var(--color-text-faint)}.sr-only-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media (max-width: 640px){.app-shell{width:min(100% - 1rem,980px);padding-top:var(--space-4)}.brand-tagline{font-size:var(--text-xs);letter-spacing:.12em}.studio{border-radius:1.25rem;padding:.9rem}.studio-stage{min-height:320px;border-radius:1rem}.studio-subactions{flex-direction:column;width:100%}.btn-hero,.studio-subactions .btn{width:100%}.field-row{grid-template-columns:1fr}.studio-meta{display:grid;grid-template-columns:1fr}}@media (max-width: 960px){.studio-stage{min-height:420px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.brand-stack{position:relative}.brand-stack:before{content:"";position:absolute;inset:-2rem auto auto 50%;width:280px;height:280px;transform:translate(-50%);background:radial-gradient(circle,rgba(215,194,255,.12),transparent 62%);filter:blur(24px);pointer-events:none;z-index:-1}.studio{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px)}.studio:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.studio>*{position:relative;z-index:1}.studio-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.studio-stage:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none}.studio-stage canvas{border-radius:calc(var(--radius-xl) - 4px)}.preset-group{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.preset-chip{min-height:44px;padding:.68rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0b,#ffffff05);color:var(--color-text);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff08}.preset-chip:hover{background:linear-gradient(180deg,#ffffff14,#ffffff08);border-color:#ffffff24}.preset-chip.active{color:#081014;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-hover));border-color:transparent;box-shadow:0 10px 24px #66d0db2e,inset 0 1px #ffffff38}.preset-chip:disabled{opacity:.5}.btn-secondary:hover,.btn-soft:hover,.btn-ghost:hover{border-color:#ffffff29}.btn-soft:hover{background:#ffffff12}.btn-ghost:hover{background:#ffffff08;color:var(--color-text)}.studio-status{padding:0}.studio-status-text{text-align:center;color:var(--color-text-muted)}.progress{position:relative;background:#ffffff0f;box-shadow:inset 0 1px 2px #0000003d}.progress-bar{position:relative;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));box-shadow:0 0 18px #66d0db2e}.progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff0,#ffffff38,#fff0);transform:translate(-100%);animation:progress-sheen 1.8s linear infinite}.meta-pill{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffff0b,#ffffff05);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff06}.meta-pill strong{color:var(--color-text)}.advanced-toggle{max-width:360px;padding:.75rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08);background:#ffffff06}.advanced-toggle:hover{background:#ffffff0b;border-color:#ffffff24}.advanced-panel{padding:var(--space-4);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffff08,#ffffff04);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff08}.input,.select{transition:border-color var(--transition-interactive),background var(--transition-interactive),box-shadow var(--transition-interactive),transform var(--transition-interactive)}.input:hover,.select:hover{border-color:#ffffff2e}.input:focus-visible,.select:focus-visible{outline:none;border-color:#84dde699;box-shadow:0 0 0 3px #66d0db24,inset 0 1px #ffffff08}.advanced-hint{margin-top:var(--space-3);text-align:center;color:var(--color-text-faint);font-size:var(--text-sm)}@keyframes progress-sheen{to{transform:translate(100%)}}.studio-empty .empty-hint{color:var(--color-text-faint);font-size:var(--text-xs);letter-spacing:.02em}@supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){.studio,.meta-pill{background:#181b21f5}}@media (max-width: 640px){.preset-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.preset-chip{width:100%;padding-inline:.75rem}.advanced-toggle{width:100%;max-width:none}.advanced-panel{padding:var(--space-3)}.studio-status-text{text-align:left}}@media (min-width: 1200px){.studio-stage{min-height:620px}}@media (prefers-reduced-motion: reduce){.progress-bar:after{animation:none}.brand-stack:before{filter:none}}