:root{color-scheme:dark;--space-grey: #0c2232;--sideral-grey: #2c404d;--starlight-grey: #d5dfe7;--galaxy-black: #0c0c0c;--bg: #0c2232;--bg-deep: #081826;--surface: #122c3d;--surface-2: #1c3849;--border: rgba(213, 223, 231, .14);--border-strong: rgba(213, 223, 231, .28);--ink: #d5dfe7;--ink-strong: #ffffff;--muted: #90a4b4;--accent: #ff6a3d;--accent-ink: #0c2232;--accent-quiet: rgba(255, 106, 61, .14);--solar: linear-gradient(135deg, #6a2b8a 0%, #d8434b 38%, #f0873e 68%, #f6c445 100%);--success: #46b98a;--warning: #e0a73c;--danger: #e2564d;--danger-quiet: rgba(226, 86, 77, .14);--info: #4a9be2;--radius: 12px;--radius-sm: 8px;--radius-brand: 18px 3px 18px 3px;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-toast: 400;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-quiet);color:var(--ink-strong)}*{scrollbar-color:var(--sideral-grey) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--sideral-grey);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.layer-item:focus-visible,.preset-card:focus-visible,.tabs button:focus-visible{outline-offset:-2px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);position:relative;background:color-mix(in srgb,var(--bg-deep) 80%,transparent);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--solar);opacity:.65}.app-header .brand{display:inline-flex;align-items:center;gap:.75rem}.app-header .brand img{height:22px;width:auto;display:block}.app-header .brand-suffix{color:var(--muted);font-size:.9rem;padding-left:.75rem;border-left:1px solid var(--border)}@media (max-width: 560px){.app-header .brand-suffix{display:none}}.app-header nav{display:flex;align-items:center;gap:1.25rem}.app-header nav a{color:var(--ink);font-size:.95rem;transition:color .15s ease}.app-header nav a:hover{color:var(--accent);text-decoration:none}.app-header nav a.active{color:var(--accent)}.user-display{display:flex;flex-direction:column;gap:.1rem;text-align:right;font-size:.85rem}.user-display strong{font-weight:600;color:var(--ink)}.user-display .muted{color:var(--muted);font-size:.75rem}.app-main{flex:1;width:100%}.app-main>.card{max-width:560px;margin:3rem auto}.app-footer{padding:.9rem 1.5rem;color:var(--muted);font-size:.8rem;border-top:1px solid var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px #ffffff08 inset,0 12px 28px -16px #0000008c}.card.brand-shape{border-radius:var(--radius-brand)}h1{font-size:clamp(1.3rem,1.1rem + .6vw,1.6rem);font-weight:700;margin:0 0 .75rem;color:var(--ink-strong);letter-spacing:-.015em;line-height:1.2}h2{font-size:1.1rem;font-weight:700;margin:0 0 .5rem;color:var(--ink-strong);letter-spacing:-.01em}h3{font-size:.95rem;font-weight:700;margin:0 0 .35rem;color:var(--ink-strong)}.muted{color:var(--muted)}code{background:var(--bg-deep);padding:.1rem .4rem;border-radius:5px;font-size:.85em}.button{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-weight:600;cursor:pointer;background:var(--accent);color:var(--accent-ink);border:1px solid transparent;padding:.55rem 1rem;border-radius:var(--radius-sm);box-shadow:0 4px 14px -6px #ff6a3d73;transition:filter .15s ease,background .15s ease,transform .1s ease,box-shadow .15s ease}.button:hover{filter:brightness(1.08);box-shadow:0 6px 18px -6px #ff6a3d8c}.button:active{transform:translateY(1px);box-shadow:0 2px 8px -4px #ff6a3d66}.button:disabled{opacity:.5;cursor:not-allowed;filter:none;box-shadow:none}.button.ghost{background:transparent;color:var(--ink);border-color:var(--border-strong)}.button.ghost:hover{background:#d5dfe70f;filter:none}.button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}.button.danger:hover{background:var(--danger-quiet);filter:none}.button.small{padding:.35rem .7rem;font-size:.85rem}.link-button{font:inherit;cursor:pointer;background:none;border:0;color:var(--accent);padding:.15rem 0;transition:filter .15s ease}.link-button:hover{filter:brightness(1.15);text-decoration:underline}.link-button:disabled{cursor:not-allowed;opacity:.5}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.6}label{display:block;font-size:.85rem;color:var(--ink);margin-bottom:.3rem;font-weight:600}.field{margin-bottom:1.1rem}.field .help{font-size:.8rem;color:var(--muted);margin:.3rem 0 0}.field .example{font-size:.78rem;color:var(--muted);margin:.25rem 0 0}.field .error{font-size:.8rem;color:var(--danger);margin:.3rem 0 0}input[type=text],input[type=number],input[type=search],textarea,select{width:100%;font:inherit;color:var(--ink);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .7rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent;box-shadow:0 0 0 4px var(--accent-quiet)}textarea{min-height:90px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stack{display:flex;flex-direction:column;gap:.75rem}.inline{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.badge.global{background:var(--accent-quiet);color:var(--accent)}.badge.group{background:#4a9be229;color:var(--info)}.badge.project,.badge.v3{background:#46b98a29;color:var(--success)}.badge.v2{background:#d5dfe71f;color:var(--muted)}.badge.highlight{background:#f6c44529;color:#f6c445}.badge.new{background:#4a9be229;color:var(--info)}.badge.info{background:#d5dfe729;color:var(--muted)}.switch{position:relative;display:inline-block;width:40px;height:22px;flex:none}.switch input{display:none}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sideral-grey);border-radius:999px;transition:background .15s ease;cursor:pointer}.switch .track:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--ink-strong);border-radius:50%;transition:transform .15s ease}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:before{transform:translate(18px)}.config-layout{display:grid;grid-template-columns:280px 1fr;gap:1.25rem;padding:1.25rem;align-items:start}@media (max-width: 860px){.config-layout{grid-template-columns:1fr}.layer-nav{position:static}}.layer-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;position:sticky;top:72px;box-shadow:0 12px 28px -16px #00000080}.layer-nav .group-title{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:.75rem .5rem .35rem}.layer-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:var(--ink);border-radius:var(--radius-sm);padding:.5rem .6rem;cursor:pointer;font:inherit;transition:background .15s ease,border-color .15s ease}.layer-item:hover{background:#d5dfe70d}.layer-item.active{background:var(--accent-quiet);border-color:var(--accent)}.layer-item .layer-name{display:flex;flex-direction:column;gap:.1rem;min-width:0}.layer-item .layer-name strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item .layer-name span{font-size:.75rem;color:var(--muted)}.layer-item.just-added{animation:layer-pop 2.6s ease-out}@keyframes layer-pop{0%{background:var(--accent-quiet);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-quiet);transform:scale(1.02)}70%{background:var(--accent-quiet);border-color:var(--accent);box-shadow:0 0 0 0 transparent;transform:scale(1)}to{background:transparent;border-color:transparent}}.editor-panel{min-width:0;display:flex;flex-direction:column;gap:1.25rem}.tabs{display:inline-flex;background:var(--bg-deep);border:1px solid var(--border);border-radius:999px;padding:3px;gap:3px}.tabs button{font:inherit;font-weight:600;cursor:pointer;border:0;background:transparent;color:var(--muted);padding:.4rem 1rem;border-radius:999px;transition:background .15s ease,color .15s ease}.tabs button:hover:not(.active){color:var(--ink)}.tabs button.active{background:var(--accent);color:var(--accent-ink)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.preset-card{display:flex;flex-direction:column;gap:.5rem;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.preset-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 32px -18px #0009}.preset-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 16px 32px -18px #ff6a3d40}.preset-card.featured{border-radius:var(--radius-brand);position:relative;overflow:hidden}.preset-card.featured:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--solar);opacity:.1;pointer-events:none}.preset-card .preset-features{list-style:none;margin:.3rem 0 0;padding:0;display:flex;flex-direction:column;gap:.25rem}.preset-card .preset-features li{font-size:.8rem;color:var(--muted);padding-left:1.1rem;position:relative}.preset-card .preset-features li:before{content:"✦";position:absolute;left:0;color:var(--accent)}.save-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:color-mix(in srgb,var(--bg-deep) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;z-index:var(--z-sticky)}.save-bar .actions{display:flex;gap:.6rem;flex-wrap:wrap}.diff{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;overflow:auto;max-height:440px;white-space:pre-wrap;line-height:1.5}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060f1699;z-index:var(--z-drawer);display:flex;justify-content:flex-end}.drawer{width:min(440px,100%);height:100%;background:var(--surface);border-left:1px solid var(--border);padding:1.25rem;overflow:auto;box-shadow:-24px 0 48px -24px #0009}.history-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.toast{position:fixed;top:80px;right:1.25rem;max-width:min(360px,calc(100vw - 2.5rem));z-index:var(--z-toast);background:var(--surface-2);border:1px solid var(--border-strong);border-left:3px solid var(--border-strong);border-radius:var(--radius-sm);padding:.7rem 1.1rem;box-shadow:0 10px 30px #0006;animation:toast-in .2s ease-out}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 560px){.toast{top:auto;bottom:1.25rem;left:1.25rem;right:1.25rem;max-width:none}}.state{max-width:560px;margin:4rem auto;text-align:center;padding:2rem}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm);height:1rem}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.details{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:1rem 0}.details dt{color:var(--muted)}.details dd{margin:0;word-break:break-all}.banner{display:flex;gap:.6rem;align-items:flex-start;background:var(--accent-quiet);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.85rem;margin-bottom:1rem}.banner.info{background:#4a9be21f;border-color:var(--info)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}