:root{--surface:#0e0e0e;--surface-low:#131313;--surface-high:#20201f;--surface-highest:#262626;--surface-bright:#2c2c2c;--primary:#b6a0ff;--primary-container:#a98fff;--secondary:#00e3fd;--on-surface:#fff;--on-surface-variant:#adaaaa;--ghost-border:#48484726;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}button:focus:not(:focus-visible){outline:none}body{background:var(--surface);color:var(--on-surface);margin:0}#root{min-height:100vh}.top-nav{background:var(--surface);border-bottom:1px solid var(--ghost-border);justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.brand{color:var(--primary);font-size:20px;font-weight:700}.top-nav nav{gap:16px;display:flex}.top-nav a{color:var(--on-surface-variant);text-decoration:none}.top-nav a:hover{color:var(--secondary)}.app-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:280px 1fr 420px;height:calc(100vh - 56px);display:grid}.app-shell--editor{grid-template-rows:1fr}.sidebar{background:var(--surface-low);flex-direction:column;gap:10px;min-height:0;padding:20px;display:flex;overflow:auto}.sidebar h2{color:var(--primary);margin:0 0 10px}.sidebar label{color:var(--on-surface-variant);font-size:13px}.sidebar input[type=range],.sidebar input[type=color]{width:100%}.sidebar input[type=text]{border:1px solid var(--ghost-border);background:var(--surface-highest);width:100%;color:var(--on-surface);border-radius:6px;padding:8px}.sidebar-label-strong{color:var(--on-surface);margin-top:4px;font-weight:600}.sidebar-select{border:1px solid var(--ghost-border);background:var(--surface-highest);width:100%;color:var(--on-surface);cursor:pointer;border-radius:6px;padding:8px 10px;font-size:13px}.sidebar-hint{color:var(--on-surface-variant);margin:-4px 0 6px;font-size:11px;line-height:1.4}.sidebar-hint a{color:var(--secondary);text-decoration:none}.sidebar-hint a:hover{text-decoration:underline}.save-btn{background:linear-gradient(90deg, var(--primary), var(--primary-container));color:#340090;cursor:pointer;border:0;border-radius:6px;margin-top:8px;padding:10px 12px;font-weight:700}.community-publish-btn{margin-top:10px}.editor-quickmodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.editor-quickmodes__btn{border:1px solid var(--ghost-border);background:var(--surface-high);color:var(--on-surface);cursor:pointer;border-radius:6px;padding:9px 10px;font-weight:700}.editor-quickmodes__btn:hover{color:var(--secondary);border-color:#b6a0ff66}.editor-grade-badge{color:var(--on-surface);background:#b6a0ff1a;border:1px solid #b6a0ff59;border-radius:6px;margin:8px 0 0;padding:8px 10px;font-size:12px}.editor-grade-badge strong{color:var(--secondary);text-transform:capitalize}.editor-grade-badge--muted{border-color:var(--ghost-border);color:var(--on-surface-variant);background:#48484726}.snapshot-list{border-top:1px solid var(--ghost-border);flex-direction:column;gap:8px;margin-top:14px;padding-top:10px;display:flex}.snapshot-title{color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.snapshot-item{border:1px solid var(--ghost-border);background:var(--surface-high);color:var(--on-surface);text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;gap:4px;padding:8px;display:flex}.snapshot-item small{color:var(--on-surface-variant)}.snapshot-item__thumb{object-fit:cover;background:#48484726;border-radius:6px;width:100%;height:56px}.viewport{background:radial-gradient(circle,#1b1b1b,#0e0e0e);width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.viewport canvas{display:block;width:100%!important;height:100%!important}.editor-panel{background:var(--surface-low);border-left:1px solid var(--ghost-border);min-height:0;position:relative;overflow:hidden}.editor-header{text-transform:uppercase;letter-spacing:.08em;height:42px;color:var(--secondary);align-items:center;padding:0 12px;font-size:12px;display:flex}.shader-error{color:#ff6e84;white-space:pre-wrap;background:#a7013833;border:1px solid #ff6e8459;border-radius:6px;padding:10px;font-size:12px;position:absolute;bottom:12px;left:12px;right:12px}.simple-page{padding:32px}.sidebar-link{color:var(--secondary);margin-bottom:8px;font-size:13px;text-decoration:none}.sidebar-link:hover{text-decoration:underline}.graph-page{background:var(--surface);flex-direction:column;height:calc(100vh - 56px);display:flex}.graph-page--split{flex-direction:row;align-items:stretch}.graph-rail{border-right:1px solid var(--ghost-border);background:var(--surface-low);flex-direction:column;flex-shrink:0;width:272px;display:flex}.graph-rail-tabs{border-bottom:1px solid var(--ghost-border);display:flex}.graph-rail-tabs button{color:var(--on-surface-variant);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px 10px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.graph-rail-tabs button:hover{color:var(--on-surface)}.graph-rail-tabs button.is-active{color:var(--secondary);border-bottom-color:var(--secondary)}.graph-rail-body{flex:1;min-height:0;padding:14px 12px 16px;overflow:auto}.graph-rail-hint{color:var(--on-surface-variant);margin:0 0 14px;font-size:12px;line-height:1.5}.graph-rail-hint strong{color:var(--on-surface)}.graph-layer-list{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.graph-layer-row{border:1px solid var(--ghost-border);background:var(--surface-high);border-radius:8px;align-items:center;gap:6px;padding:8px 8px 8px 6px;display:flex}.graph-layer-row.is-active{background:#b6a0ff14;border-color:#b6a0ff73}.graph-layer-row__vis{background:var(--surface-low);width:28px;height:28px;color:var(--secondary);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:0;font-size:12px}.graph-layer-row__name{text-align:left;min-width:0;color:var(--on-surface);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:6px 4px;font-size:13px;font-weight:600;overflow:hidden}.graph-layer-row__name:hover{color:var(--secondary)}.graph-layer-row__reorder{flex-shrink:0;align-items:center;gap:6px;display:flex}.graph-layer-row__btn{background:var(--surface-low);width:28px;height:28px;color:var(--on-surface-variant);cursor:pointer;border:none;border-radius:6px;padding:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:12px;line-height:1}.graph-layer-row__btn:hover:not(:disabled){color:var(--secondary);background:var(--surface-high)}.graph-layer-row__btn:disabled{opacity:.25;cursor:not-allowed}.graph-layer-row__btn--dup{letter-spacing:.02em;width:46px;font-size:11px}.graph-layer-row__del{width:28px;height:28px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:0;font-size:18px;line-height:1}.graph-layer-row__del:hover:not(:disabled){color:#ff6e84;background:#a7013826}.graph-layer-row__del:disabled{opacity:.25;cursor:not-allowed}.graph-layer-mix{background:var(--surface);border:1px solid var(--ghost-border);border-radius:8px;flex-direction:column;gap:8px;margin:4px 0 10px 2px;padding:8px 10px;display:flex}.graph-layer-mix__label{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);flex-direction:column;gap:4px;font-size:10px;display:flex}.graph-layer-mix__label input[type=range]{width:100%}.graph-layer-mix__label--select select{border:1px solid var(--ghost-border);background:var(--surface-high);width:100%;color:var(--on-surface);border-radius:6px;margin-top:2px;padding:6px 8px;font-size:12px}.graph-layer-add{width:100%;margin-top:4px}.graph-main{flex-direction:column;flex:1;min-width:0;display:flex}.graph-rail-node-btns{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.graph-rail-nodes .graph-add-panel__label{margin-top:4px;display:block}.graph-toolbar{background:var(--surface-low);border-bottom:1px solid var(--ghost-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.graph-toolbar h1{color:var(--primary);margin:0;font-size:18px}.graph-toolbar-hint{color:var(--on-surface-variant);margin:4px 0 0;font-size:13px}.graph-toolbar-actions{align-items:center;gap:12px;display:flex}.link-to-editor{color:var(--secondary);font-size:13px;font-weight:600;text-decoration:none}.link-to-editor:hover{text-decoration:underline}.graph-error-banner{color:#ff6e84;background:#a7013833;border-bottom:1px solid #ff6e8459;flex-shrink:0;padding:10px 20px;font-size:13px}.graph-canvas-wrap{flex:1;min-height:0}.graph-canvas-wrap .react-flow{background:var(--surface)}.graph-controls button{background:var(--surface-high)!important;border:1px solid var(--ghost-border)!important}.graph-minimap{background:var(--surface-low)!important}.midnight-architect h1,.midnight-architect h2,.midnight-architect h3,.midnight-architect .font-headline{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif}.app-root{background:var(--surface);min-height:100vh}.app-header{z-index:100;background:var(--surface);border-bottom:1px solid var(--ghost-border);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 24px;display:flex;position:sticky;top:0}.app-header__left{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.app-header__brand{color:var(--primary);letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;text-decoration:none}.app-header__brand:hover{color:var(--secondary)}.app-header__menu{align-items:center;gap:24px;display:none}@media (width>=768px){.app-header__menu{display:flex}}.app-header__menu-link{color:var(--on-surface-variant);font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none}.app-header__menu-link:hover{color:var(--secondary)}.app-header__menu-link--active{color:var(--primary);font-weight:700}.app-header__right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.app-header__project{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--on-surface-variant);font-size:13px;display:none;overflow:hidden}@media (width>=900px){.app-header__project{display:block}}.app-header__icon-row{gap:4px;display:flex}.app-header__icon-btn{width:36px;height:36px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:18px;text-decoration:none;display:flex}.app-header__icon-btn:hover{color:var(--secondary);background:#00e3fd0f}.app-header__actions{align-items:center;gap:8px;display:flex}.app-header__btn-secondary{border:1px solid var(--ghost-border);color:var(--on-surface);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#48484733;border-radius:6px;padding:8px 16px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600}.app-header__btn-secondary:hover{background:var(--surface-bright)}.app-header__btn-primary{background:linear-gradient(90deg, var(--primary), var(--primary-container));color:#340090;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;box-shadow:0 0 20px #b6a0ff47}.app-header__btn-primary:hover{filter:brightness(1.08)}.app-header__avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));opacity:.85;border:1px solid #b6a0ff40;border-radius:50%;width:32px;height:32px;margin-left:4px}.app-header__file-input{display:none}.landing{max-width:1120px;margin:0 auto;padding:48px 24px 80px}.landing__hero-grid{grid-template-columns:1fr;gap:48px;margin-bottom:56px;display:grid}@media (width>=1024px){.landing__hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:56px}}.landing__eyebrow{text-transform:uppercase;letter-spacing:.32em;color:var(--secondary);margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:.6875rem}.landing__title{color:var(--on-surface);margin:0 0 24px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:700;line-height:.95}.landing__title-accent{color:var(--primary)}.landing__lede{max-width:28rem;color:var(--on-surface-variant);margin:0 0 32px;font-size:1.125rem;line-height:1.6}.landing__cta-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.landing__cta-primary{background:linear-gradient(135deg, var(--primary), #7e51ff);border-radius:12px;padding:4px;text-decoration:none;transition:transform .25s;display:inline-flex;box-shadow:0 20px 40px #b6a0ff33}.landing__cta-primary:hover{transform:scale(1.03)}.landing__cta-primary-inner{background:var(--surface);color:var(--on-surface);border-radius:10px;align-items:center;gap:16px;padding:16px 32px;font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700;display:flex}.landing__cta-primary:hover .landing__cta-primary-inner{color:#340090;background:0 0}.landing__cta-ghost{letter-spacing:.14em;text-transform:uppercase;color:var(--secondary);padding:12px 8px;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700;text-decoration:none}.landing__cta-ghost:hover{text-decoration:underline}.landing__cta-ghost--dim{opacity:.75}.landing__recent{width:100%}.landing__recent-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.landing__recent-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.landing__recent-all{letter-spacing:.18em;text-transform:uppercase;color:var(--primary);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;text-decoration:none}.landing__recent-all:hover{text-decoration:underline}.landing__recent-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.landing__recent-grid{grid-template-columns:1fr 1fr}}.landing__project-card{aspect-ratio:16/10;background:var(--surface-low);color:inherit;border:1px solid var(--ghost-border);border-radius:12px;text-decoration:none;transition:transform .35s,box-shadow .35s;display:block;position:relative;overflow:hidden}.landing__project-card:hover{transform:scale(1.02);box-shadow:0 24px 48px #ffffff0f}.landing__project-card-thumb{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.landing__project-card-visual{filter:grayscale(.45);background:radial-gradient(circle at 30% 25%, hsla(var(--card-hue,270), 70%, 55%, .45), transparent 55%), radial-gradient(circle at 78% 70%, #00e3fd38, transparent 50%), linear-gradient(145deg, #1a1a1a 0%, #0e0e0e 100%);transition:filter .5s,transform .7s;position:absolute;inset:0}.landing__project-card:hover .landing__project-card-visual{filter:grayscale(0);transform:scale(1.06)}.landing__project-card-shade{background:linear-gradient(to top, var(--surface) 0%, transparent 72%);opacity:.88;pointer-events:none;position:absolute;inset:0}.landing__project-card-meta{z-index:1;justify-content:space-between;align-items:flex-end;gap:12px;padding:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.landing__project-tag{text-transform:uppercase;letter-spacing:.2em;color:var(--secondary);margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:10px;display:block}.landing__project-tag--cyan{color:var(--primary)}.landing__project-tag--muted{color:var(--on-surface-variant);letter-spacing:.14em}.landing__project-name{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.2}.landing__project-sub{color:var(--on-surface-variant);margin:4px 0 0;font-size:13px}.landing__project-arrow{color:var(--primary);flex-shrink:0;font-size:1.25rem;transition:transform .2s}.landing__project-card:hover .landing__project-arrow{transform:translate(3px,-3px)}.landing__project-card--empty{cursor:default;box-shadow:none;transform:none}.landing__project-card--empty:hover{box-shadow:none;transform:none}.landing__project-card-inner{z-index:1;flex-direction:column;justify-content:center;gap:12px;height:100%;padding:24px;display:flex;position:relative}.landing__project-empty-hint{color:var(--on-surface-variant);margin:0;font-size:13px;line-height:1.5}.landing__project-empty-link{color:var(--secondary);font-size:12px;font-weight:600;text-decoration:none}.landing__project-empty-link:hover{text-decoration:underline}.landing__all-projects{margin-bottom:56px}.landing__all-projects-head{align-items:center;gap:16px;margin-bottom:24px;display:flex}.landing__all-projects-title{flex-shrink:0;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700}.landing__all-projects-rule{background:#48484733;flex:1;height:1px}.landing__all-projects-empty{color:var(--on-surface-variant);max-width:36rem;margin:0;font-size:15px;line-height:1.6}.landing__all-projects-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.landing__all-row{background:var(--surface-low);color:inherit;border:1px solid #0000;border-radius:12px;align-items:center;gap:24px;padding:16px 20px;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.landing__all-row:hover{background:var(--surface-bright);border-color:#48484726}.landing__all-thumb{background:radial-gradient(circle at 40% 35%, hsla(var(--thumb-hue,270), 65%, 50%, .5), transparent 60%), var(--surface-highest);border-radius:8px;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.landing__all-thumb-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.landing__all-body{flex:1;min-width:0}.landing__all-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600;overflow:hidden}.landing__all-meta{color:var(--on-surface-variant);margin:4px 0 0;font-size:14px}.landing__all-badges{flex-shrink:0}.landing__pill{letter-spacing:.06em;text-transform:uppercase;border-radius:9999px;padding:4px 10px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;display:inline-block}.landing__pill--primary{color:var(--primary);background:#b6a0ff1f}.landing__pill--muted{background:var(--surface-highest);color:var(--on-surface-variant)}.landing__all-chevron{color:var(--on-surface-variant);flex-shrink:0}.landing__all-row:hover .landing__all-chevron{color:var(--secondary)}.landing__section-title{margin:0 0 20px;font-family:Space Grotesk,sans-serif;font-size:1.75rem}.landing__workflow{margin-top:8px}.landing__workflow-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=768px){.landing__workflow-grid{grid-template-columns:repeat(2,1fr)}.landing__workflow-card--wide{grid-column:1/-1}}@media (width>=1100px){.landing__workflow-grid{grid-template-columns:repeat(3,1fr)}.landing__workflow-card--wide{grid-column:1/-1}}.landing__workflow-card{background:var(--surface-low);border:1px solid var(--ghost-border);border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}.landing__workflow-card-title{color:var(--secondary);margin:0;font-family:Space Grotesk,sans-serif;font-size:.95rem}.landing__workflow-card-text{color:var(--on-surface-variant);flex:1;margin:0;font-size:13px;line-height:1.5}.landing__workflow-link{color:var(--primary);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;text-decoration:none}.landing__workflow-link:hover{color:var(--secondary)}#landing-all-projects{scroll-margin-top:72px}.graph-add-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex;border:1px solid var(--ghost-border)!important;background:#262626d9!important;margin:8px 0 0 8px!important}.graph-add-panel__label{text-transform:uppercase;letter-spacing:.14em;color:var(--secondary);margin-right:4px;font-family:Space Grotesk,sans-serif;font-size:10px}.graph-add-panel__btn{border:1px solid var(--ghost-border);background:var(--surface-high);color:var(--on-surface);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px}.graph-add-panel__btn:hover{color:var(--primary);border-color:#b6a0ff59}.settings-page{max-width:720px;margin:0 auto;padding:32px 24px 64px}.settings-page__inner{flex-direction:column;gap:28px;display:flex}.settings-page__crumb{color:var(--on-surface-variant);margin:0;font-size:13px}.settings-page__crumb a{color:var(--secondary);text-decoration:none}.settings-page__crumb a:hover{text-decoration:underline}.settings-page__title{letter-spacing:-.03em;margin:0;font-family:Space Grotesk,sans-serif;font-size:2rem}.settings-page__lede{color:var(--on-surface-variant);margin:0;font-size:15px;line-height:1.55}.settings-page__section{border-top:1px solid var(--ghost-border);padding-top:8px}.settings-page__h2{margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:1.1rem}.settings-page__muted{color:var(--on-surface-variant);margin:0 0 14px;font-size:13px;line-height:1.5}.settings-page__toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.settings-page__toggle input{width:18px;height:18px;accent-color:var(--primary)}.settings-page__table{border-collapse:collapse;width:100%;font-size:13px}.settings-page__table th,.settings-page__table td{text-align:left;border-bottom:1px solid var(--ghost-border);vertical-align:top;padding:10px 12px}.settings-page__table th{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);font-family:Space Grotesk,sans-serif;font-size:11px}.settings-page__code{word-break:break-all;color:var(--secondary);font-size:11px}.settings-page__footer-actions{flex-wrap:wrap;gap:10px;display:flex}.settings-page__btn{background:linear-gradient(90deg, var(--primary), var(--primary-container));color:#340090;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.settings-page__btn--ghost{border:1px solid var(--ghost-border);color:var(--on-surface);background:0 0}.settings-page__btn--ghost:hover{color:var(--primary);border-color:#b6a0ff59}.not-found-page{justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:48px 24px;display:flex}.not-found-page__inner{text-align:center;max-width:420px}.not-found-page__code{color:var(--primary);opacity:.5;margin:0;font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:700}.not-found-page__title{margin:12px 0 8px;font-family:Space Grotesk,sans-serif;font-size:1.5rem}.not-found-page__text{color:var(--on-surface-variant);margin:0 0 24px;font-size:14px;line-height:1.5}.not-found-page__link{background:var(--surface-low);border:1px solid var(--ghost-border);color:var(--secondary);border-radius:8px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-block}.not-found-page__link:hover{border-color:#00e3fd59}.gallery-page{max-width:1120px;margin:0 auto;padding:40px 24px 80px}.gallery-page__header{max-width:720px;margin-bottom:40px}.gallery-page__eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--secondary);margin:0 0 8px;font-size:11px}.gallery-page__title{letter-spacing:-.03em;margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:2.25rem}.gallery-page__lede{color:var(--on-surface-variant);margin:0 0 24px;font-size:15px;line-height:1.6}.gallery-page__header-actions{flex-wrap:wrap;gap:10px;display:flex}.gallery-page__btn{border-radius:8px;align-items:center;padding:10px 18px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.gallery-page__btn--primary{background:linear-gradient(90deg, var(--primary), var(--primary-container));color:#340090}.gallery-page__btn--ghost{border:1px solid var(--ghost-border);color:var(--on-surface)}.gallery-page__btn--ghost:hover{color:var(--primary);border-color:#b6a0ff59}.gallery-page__grid{grid-template-columns:1fr;gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.gallery-page__grid{grid-template-columns:repeat(2,1fr)}}.gallery-card{border:1px solid var(--ghost-border);background:var(--surface-low);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.gallery-card__thumb-wrap{border-bottom:1px solid var(--ghost-border);background:#0a0a0c;width:100%;height:140px}.gallery-page__code-inline{color:var(--secondary);font-size:12px}.gallery-card__body{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.gallery-card__tag{text-transform:uppercase;letter-spacing:.14em;color:var(--secondary);margin:0;font-size:10px}.gallery-card__title{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.25rem}.gallery-card__desc{color:var(--on-surface-variant);flex:1;margin:0;font-size:13px;line-height:1.55}.gallery-card__cta{color:var(--primary);margin-top:8px;font-size:13px;font-weight:600;text-decoration:none}.gallery-card__cta:hover{color:var(--secondary)}.gallery-page__vision{border-top:1px solid var(--ghost-border);max-width:720px;margin-top:56px;padding-top:32px}.gallery-page__vision-title{margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:1.25rem}.gallery-page__vision-text{color:var(--on-surface-variant);margin:0;font-size:14px;line-height:1.65}.toast-host{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;border:1px solid var(--ghost-border);background:var(--surface-high);color:var(--on-surface);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex;box-shadow:0 12px 40px #00000073}.toast--ok{border-color:#00e3fd59}.toast--err{background:#a701381f;border-color:#ff6e8473}.toast--info{border-color:#b6a0ff59}.toast__close{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:18px;line-height:1}.toast__close:hover{color:var(--on-surface)}.route-fallback{min-height:40vh;color:var(--on-surface-variant);justify-content:center;align-items:center;font-size:14px;display:flex}.community-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.community-search{border:1px solid var(--ghost-border);background:var(--surface-low);min-width:220px;color:var(--on-surface);border-radius:8px;flex:1;padding:10px 12px}.community-sort{border:1px solid var(--ghost-border);background:var(--surface-low);color:var(--on-surface);border-radius:8px;padding:10px 12px}.community-refresh{border:1px solid var(--ghost-border);background:var(--surface-high);color:var(--on-surface);cursor:pointer;border-radius:8px;padding:10px 12px;font-weight:700}.community-grid{grid-template-columns:1fr;gap:20px;margin:18px 0 0;padding:0;list-style:none;display:grid}@media (width>=768px){.community-grid{grid-template-columns:repeat(2,1fr)}}.community-card__thumb-wrap{position:relative}.community-card__thumb-img{object-fit:cover;width:100%;height:140px;display:block}.community-card__thumb-placeholder{background:radial-gradient(circle at 35% 30%, hsla(var(--card-hue,270), 70%, 55%, .45), transparent 55%), radial-gradient(circle at 80% 70%, #00e3fd38, transparent 50%), linear-gradient(145deg, #1a1a1a 0%, #0e0e0e 100%);width:100%;height:140px}.community-card__meta-row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.community-mini-btn{border:1px solid var(--ghost-border);background:var(--surface-highest);color:var(--on-surface);cursor:pointer;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700}.community-mini-btn:hover{color:var(--secondary);border-color:#b6a0ff59}.shader-thumb-host{width:100%;height:100%;min-height:112px;display:block}.shader-thumb-host canvas{display:block;width:100%!important;height:100%!important}.shader-thumb--error{background:repeating-linear-gradient(45deg, var(--surface-high), var(--surface-high) 8px, var(--surface-low) 8px, var(--surface-low) 16px);width:100%;height:100%;min-height:112px}.graph-scope-note{color:var(--on-surface-variant);border-bottom:1px solid var(--ghost-border);background:#b6a0ff0f;margin:0;padding:12px 20px;font-size:13px;line-height:1.5}.graph-scope-note strong{color:var(--on-surface)}.graph-manual{border-bottom:1px solid var(--ghost-border);background:var(--surface-low);margin:0}.graph-manual__summary{cursor:pointer;color:var(--on-surface);padding:10px 20px;font-size:13px;font-weight:600;list-style:none}.graph-manual__summary::-webkit-details-marker{display:none}.graph-manual__body{color:var(--on-surface-variant);padding:0 20px 16px;font-size:13px;line-height:1.55}.graph-manual__body p{margin:0 0 10px}.graph-manual__body p:last-child{margin-bottom:0}.app-header__btn-pack{letter-spacing:.08em!important;padding-inline:10px!important}.editor-mobile-tabs{background:var(--surface-low);border-bottom:1px solid var(--ghost-border);grid-column:1/-1;gap:8px;padding:10px 12px;display:none}.editor-mobile-tabs button{border:1px solid var(--ghost-border);background:var(--surface-high);color:var(--on-surface-variant);cursor:pointer;border-radius:8px;flex:1;padding:10px 12px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.editor-mobile-tabs button.is-active{color:var(--primary);background:#b6a0ff14;border-color:#b6a0ff73}@media (width<=1023px){.app-shell--editor{grid-template-rows:auto auto minmax(220px,32vh) 1fr!important;grid-template-columns:1fr!important}.editor-mobile-tabs{display:flex}.app-shell--editor[data-editor-tab=view] .sidebar,.app-shell--editor[data-editor-tab=view] .editor-panel,.app-shell--editor[data-editor-tab=code] .sidebar,.app-shell--editor[data-editor-tab=code] .viewport,.app-shell--editor[data-editor-tab=params] .viewport,.app-shell--editor[data-editor-tab=params] .editor-panel{display:none!important}}.editor-glsl-help{border:1px solid var(--ghost-border);background:var(--surface-high);border-radius:8px;margin:4px 0 8px;padding:10px 12px;font-size:12px}.editor-glsl-help summary{cursor:pointer;color:var(--secondary);font-weight:600}.editor-glsl-help__p{color:var(--on-surface-variant);margin:8px 0 0;line-height:1.5}.editor-glsl-help__p a{color:var(--secondary)}.editor-glsl-help__snips{flex-direction:column;gap:6px;margin-top:10px;display:flex}.editor-glsl-help__btn{text-align:left;border:1px solid var(--ghost-border);background:var(--surface-low);color:var(--on-surface);cursor:pointer;border-radius:6px;padding:8px 10px;font-size:11px}.editor-glsl-help__btn:hover{border-color:#b6a0ff59}.settings-page__list{color:var(--on-surface-variant);margin:0;padding-left:1.2rem;font-size:14px;line-height:1.6}.settings-page__list li{margin-bottom:8px}html.reduced-motion *,html.reduced-motion :before,html.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}