@keyframes generationWaterRise{0%{transform:translateY(104%)}92%,to{transform:translateY(0%)}}@keyframes generationWaterWave{0%{transform:translate(0)}to{transform:translate(160px)}}@keyframes generationLoadingDot{0%,18%{opacity:0}26%,74%{opacity:1}86%,to{opacity:0}}@keyframes generationOrbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes generationOrbitTwinkle{0%,to{opacity:calc(var(--alpha) * .62);transform:translate(-50%,-50%)scale(.86)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.22)}}@keyframes generationLogoBreathe{0%,to{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--qg-generation-orbit-cool) 28%, transparent));transform:translateY(0)}50%{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--qg-generation-orbit-warm) 28%, transparent));transform:translateY(-2px)}}@keyframes generationOrbitReveal{0%{opacity:0;scale:.72}to{opacity:1;scale:1}}@keyframes generationCornerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes generationLineReveal{0%{opacity:0;clip-path:inset(0 50% round 999px)}to{opacity:.72;clip-path:inset(0 round 999px)}}@keyframes generationTileRise{0%{opacity:0;translate:0 82px}68%{opacity:.94}to{opacity:.96;translate:0}}@keyframes generationTileFloatA{0%,to{translate:-4px;rotate:-8deg}50%{translate:5px -6px;rotate:5deg}}@keyframes generationTileFloatB{0%,to{translate:4px -2px;rotate:7deg}50%{translate:-5px 4px;rotate:-5deg}}.generation-water-animation{--water-duration:36s;aspect-ratio:16/9;isolation:isolate;background:linear-gradient(#111827eb,#030712f5),#060914;border:1px solid #cfe5ff38;border-radius:16px;width:min(100%,470px);position:relative;overflow:hidden;box-shadow:0 20px 54px #00000061,inset 0 1px #ffffff1a}.generation-water-animation--media{border-color:#7dd3fc47;box-shadow:0 20px 54px #0000005c,0 0 0 1px #2dd4bf1a,inset 0 1px #ffffff1a}.generation-water-animation--node-fill{aspect-ratio:auto;border-radius:inherit;width:100%;height:100%}.generation-water-animation-stack-frame{border-radius:inherit;background:#0206173d;position:absolute;inset:0;overflow:hidden}.generation-water-animation-stack-frame__scale{transform-origin:0 0;width:200%;height:200%;position:absolute;top:0;left:0;transform:scale(.5)}.generation-water-animation-stack-frame__scale .generation-water-animation--node-fill{border-radius:24px;width:100%;max-width:none;height:100%}.generation-water-animation-demo__preview--probe{grid-column:1/-1}.generation-water-animation-demo__probe-node{aspect-ratio:16/9;width:100%;min-height:0;position:relative;overflow:hidden}.generation-water-animation-demo__probe-button{background:var(--qg-surface-input);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-sm);color:var(--qg-text-primary);cursor:pointer;font-family:var(--qg-font-ui);margin-top:var(--qg-space-sm);min-height:var(--qg-control-sm);padding:0 var(--qg-space-md);align-self:flex-start}.generation-water-animation-demo__probe-button:hover{border-color:var(--qg-border-hover);color:var(--qg-icon-accent)}.generation-water-animation__glass{z-index:8;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d,inset 14px 0 28px #ffffff14,inset -14px 0 28px #0f172aad}.generation-water-animation__glass:before,.generation-water-animation__glass:after{content:"";pointer-events:none;position:absolute}.generation-water-animation__glass:before{opacity:.42;background:linear-gradient(90deg,#0000,#e2faffb8,#0000);height:1px;inset:0 16px auto}.generation-water-animation__glass:after{filter:blur(5px);background:linear-gradient(90deg,#e2faff29,#0000);border-radius:50%;width:38px;height:84%;top:8%;left:-16px}.generation-water-animation__content{z-index:1;position:absolute;inset:0}.generation-water-animation__empty-preview,.generation-water-animation__sample-media{position:absolute;inset:0;overflow:hidden}.generation-water-animation__empty-preview{background:radial-gradient(at 50% 84%,#2dd4bf1f,#0000 54%),linear-gradient(#0f172ae0,#020617fa)}.generation-water-animation__empty-rim{opacity:0;clip-path:inset(0 50% round 999px);border:1px solid #7dd3fc1f;border-radius:999px;height:34%;animation:1.35s ease-in-out .34s both generationLineReveal;position:absolute;top:17%;left:13%;right:13%}.generation-water-animation__empty-grid{transform-origin:bottom;opacity:.58;background-image:linear-gradient(#7dd3fc2b 1px,#0000 1px),linear-gradient(90deg,#7dd3fc24 1px,#0000 1px);background-size:26px 26px;height:62%;position:absolute;bottom:-18%;left:-8%;right:-8%;transform:perspective(180px)rotateX(62deg)}.generation-water-animation__floating-tiles{z-index:2;pointer-events:none;height:88px;position:absolute;top:-2px;left:0;right:0}.generation-water-animation__floating-tile{opacity:0;background:#1e40af38;border:1px solid #7dd3fc61;border-radius:8px;width:34px;height:34px;position:absolute;translate:0 82px;box-shadow:inset 0 1px #ffffff2e,0 14px 20px #0f172a2e}.generation-water-animation__floating-tile--a{animation:1.25s cubic-bezier(.18,.88,.28,1) .62s both generationTileRise,3.5s ease-in-out 1.88s infinite generationTileFloatA;top:-8px;left:24%}.generation-water-animation__floating-tile--b{animation:1.36s cubic-bezier(.18,.88,.28,1) .78s both generationTileRise,3.9s ease-in-out 2.14s infinite generationTileFloatB;top:-6px;right:25%;scale:.78}.generation-water-animation__media{object-fit:cover;width:100%;height:100%;display:block}.generation-water-animation__sample-media{background:linear-gradient(#284865 0%,#6f98b1 44%,#1b2938 45%,#101827 100%)}.generation-water-animation__sample-sky,.generation-water-animation__sample-horizon,.generation-water-animation__sample-floor,.generation-water-animation__sample-figure{pointer-events:none;position:absolute}.generation-water-animation__sample-sky{background:linear-gradient(90deg,#ffe1a157,#0000 38%),linear-gradient(#7dd3fc38,#0000 75%);inset:0 0 44%}.generation-water-animation__sample-horizon{background:#ffffff47;height:2px;top:43%;left:0;right:0}.generation-water-animation__sample-floor{transform-origin:bottom;background-image:linear-gradient(#e2e8f029 1px,#0000 1px),linear-gradient(90deg,#e2e8f021 1px,#0000 1px);background-size:34px 26px;height:55%;bottom:-10%;left:-12%;right:-12%;transform:perspective(180px)rotateX(58deg)}.generation-water-animation__sample-figure{background:linear-gradient(#ffe1a1f5 0 18%,#0000 18%),linear-gradient(#f87171e6,#7f1d1dd6);border-radius:22px 22px 10px 10px;width:40px;height:58px;bottom:28%;box-shadow:0 12px 22px #00000047}.generation-water-animation__sample-figure--left{left:31%;transform:scale(.78)}.generation-water-animation__sample-figure--right{right:31%}.generation-water-animation__blur-fill,.generation-water-animation__water{height:116%;animation:generationWaterRise var(--water-duration) cubic-bezier(.42, 0, .58, 1) both;animation-fill-mode:both;position:absolute;bottom:-8%;left:-8%;right:-8%;transform:translateY(104%)}.generation-water-animation__blur-fill{z-index:2;background:color-mix(in srgb, var(--qg-generation-orbit-cool) 8%, transparent);-webkit-backdrop-filter:blur(5px)saturate(126%);-webkit-mask-image:linear-gradient(0deg,#000 0 86%,#0000 100%);mask-image:linear-gradient(0deg,#000 0 86%,#0000 100%)}.generation-water-animation__water{z-index:3;background:linear-gradient(#ffffff1a,#0000 10%),linear-gradient(#67e8f961,#2563eb33 54%,#4f46e529);box-shadow:inset 0 20px 44px #e2faff1f,inset 0 -34px 68px #0f172a38}.generation-water-animation__wave{filter:drop-shadow(0 0 10px #e2faff75);opacity:.78;will-change:transform;z-index:3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 36' preserveAspectRatio='none'%3E%3Cpath d='M0 18 C20 6 40 30 60 18 S100 6 120 18 S160 30 180 18' fill='none' stroke='%23dffbff' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M0 24 C20 12 40 34 60 24 S100 12 120 24 S160 34 180 24' fill='none' stroke='%2366e8ff' stroke-width='2' stroke-opacity='.42' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:160px 36px;width:calc(100% + 360px);height:36px;animation:3.2s ease-in-out infinite generationWaterWave;position:absolute;top:-20px;left:-180px}.generation-water-animation__wave--front{opacity:.9;z-index:4;top:-19px}.generation-water-animation__wave--back{opacity:.36;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--qg-generation-orbit-cool) 26%, transparent));background-size:190px 36px;animation-duration:4.4s;animation-direction:reverse;top:-11px}.generation-water-animation__surface-glow{height:3px;box-shadow:0 0 14px color-mix(in srgb, var(--qg-generation-orbit-cool) 54%, transparent);z-index:5;background:linear-gradient(90deg,#0000,#e2faffb8,#0000);border-radius:999px;position:absolute;top:-3px;left:8%;right:8%}.generation-water-animation__center{z-index:6;pointer-events:none;place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.generation-water-animation__center .generation-water-animation__orbit-logo{opacity:0;animation:1.28s cubic-bezier(.18,.9,.26,1) .24s both generationOrbitReveal,2.8s ease-in-out 1.52s infinite generationLogoBreathe;scale:.72}.generation-water-animation__status{color:#f4f7fbf2;letter-spacing:0;text-shadow:0 1px 12px #0000007a;margin:0;font-size:15px;font-weight:650}.generation-water-animation__elapsed{color:#e2e8f0e0;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-shadow:0 1px 10px #00000085;margin-top:-7px;font-size:13px}.generation-water-animation__dots{justify-content:flex-start;width:18px;display:inline-flex}.generation-water-animation__dot{opacity:0;animation:1.35s step-end infinite generationLoadingDot}.generation-water-animation__dot:nth-child(2){animation-delay:.18s}.generation-water-animation__dot:nth-child(3){animation-delay:.36s}.generation-water-animation__orbit-logo{--logo-size:66px;width:var(--logo-size);aspect-ratio:1;isolation:isolate;border-radius:999px;place-items:center;animation:2.8s ease-in-out infinite generationLogoBreathe;display:grid;position:relative}.generation-water-animation__orbit-logo--compact{--logo-size:26px;animation:2.8s linear infinite generationCornerSpin}.generation-water-animation__orbit-ring{transform-origin:50%;border-radius:999px;animation:42s linear infinite generationOrbitRotate;position:absolute;inset:0}.generation-water-animation__orbit-ring:before{content:"";border-radius:inherit;box-shadow:0 0 18px color-mix(in srgb, var(--qg-generation-orbit-cool) 13%, transparent), inset 0 0 18px color-mix(in srgb, var(--qg-generation-orbit-cool) 5%, transparent);border:1px solid #e2faff2e;position:absolute;inset:9%}.generation-water-animation__orbit-ring:nth-child(2){opacity:.86;animation-duration:64s;animation-direction:reverse;inset:10%}.generation-water-animation__orbit-ring:nth-child(3){opacity:.76;animation-duration:88s;inset:22%}.generation-water-animation__orbit-dot{left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:radial-gradient(circle at 34% 28%, #fff 0 10%, var(--dot-color) 42%, transparent 75%);box-shadow:0 0 calc(var(--size) * 2.7) color-mix(in srgb, var(--dot-color) 62%, transparent), 0 0 calc(var(--size) * 5.5) color-mix(in srgb, var(--dot-color) 18%, transparent);opacity:var(--alpha);animation:generationOrbitTwinkle var(--speed) ease-in-out infinite;animation-delay:var(--delay);border-radius:999px;position:absolute}.generation-water-animation__orbit-core{aspect-ratio:1;background:var(--qg-generation-orbit-cool);width:11%;box-shadow:0 0 10px color-mix(in srgb, var(--qg-generation-orbit-cool) 78%, transparent), 0 0 22px color-mix(in srgb, var(--qg-generation-orbit-accent) 35%, transparent);border-radius:999px}@media (prefers-reduced-motion:reduce){.generation-water-animation__blur-fill,.generation-water-animation__water,.generation-water-animation__wave,.generation-water-animation__dot,.generation-water-animation__orbit-logo,.generation-water-animation__orbit-ring,.generation-water-animation__orbit-dot,.generation-water-animation__empty-rim,.generation-water-animation__floating-tile{animation-duration:1ms!important;animation-iteration-count:1!important}}
.qg-icon-button{border-radius:var(--qg-radius-sm);color:var(--qg-icon-default);cursor:pointer;font-family:var(--qg-font-ui);align-items:center;gap:var(--qg-space-xs);min-width:var(--qg-control-md);padding:0 var(--qg-space-sm);transition:background-color var(--qg-motion-fast) ease, border-color var(--qg-motion-fast) ease, color var(--qg-motion-fast) ease, opacity var(--qg-motion-fast) ease;background:0 0;border:1px solid #0000;flex:none;justify-content:center;display:inline-flex}.qg-icon-button[data-size=sm]{height:var(--qg-control-sm);min-width:var(--qg-control-sm)}.qg-icon-button[data-size=md]{height:var(--qg-control-md)}.qg-icon-button[data-size=lg]{height:var(--qg-control-lg);min-width:var(--qg-control-lg)}.qg-icon-button:hover:not(:disabled){background:var(--qg-surface-hover);border-color:var(--qg-border-hover);color:var(--qg-icon-accent)}.qg-icon-button[data-variant=surface]{background:var(--qg-surface-input);border-color:var(--qg-border-default)}.qg-icon-button[data-variant=accent]{background:var(--qg-surface-selected);border-color:var(--qg-border-selected);color:var(--qg-text-primary)}.qg-icon-button[data-variant=danger]{background:var(--qg-state-danger-bg);border-color:var(--qg-state-danger-border);color:var(--qg-icon-danger)}.qg-icon-button:focus-visible{border-color:var(--qg-border-focus);box-shadow:var(--qg-shadow-focus);outline:none}.qg-icon-button:disabled{color:var(--qg-icon-disabled);cursor:not-allowed;opacity:.62}.qg-icon-button__icon{flex:none}.floating-generation-panel__run .qg-icon-button__icon{color:var(--qg-icon-accent)}.qg-icon-button__icon.is-spinning{animation:qg-icon-spin var(--qg-motion-generation) linear infinite}.qg-icon-button__label{color:inherit;white-space:nowrap;font-size:13px;font-weight:600}.qg-icon-button--labelled{min-width:max-content}.qg-toolbar-button{border-radius:var(--qg-radius-sm)}.qg-toolbar-button[data-active=true]{background:var(--qg-surface-selected);border-color:var(--qg-border-selected);color:var(--qg-text-primary)}.qg-secondary-panel{background:var(--qg-surface-floating);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-lg);box-shadow:var(--qg-shadow-floating);color:var(--qg-text-primary);font-family:var(--qg-font-ui);max-height:min(78vh,640px);width:min(var(--qg-panel-width-md), calc(100vw - var(--qg-space-2xl)));flex-direction:column;display:flex;overflow:hidden}.qg-panel-header{border-bottom:1px solid var(--qg-border-default);align-items:flex-start;gap:var(--qg-space-md);padding:var(--qg-panel-padding);flex:none;justify-content:space-between;display:flex}.qg-panel-header__copy{min-width:0}.qg-panel-header__title{color:var(--qg-text-primary);font-size:15px;font-weight:700;line-height:1.35}.qg-panel-header__description{color:var(--qg-text-muted);font-family:var(--qg-font-content);margin:var(--qg-space-2xs) 0 0;font-size:12px;line-height:1.55}.qg-panel-header__actions{align-items:center;gap:var(--qg-space-xs);flex:none;display:flex}.qg-secondary-panel__content{min-height:0;padding:var(--qg-panel-padding);flex:auto;overflow-y:auto}.qg-secondary-panel__footer{background:var(--qg-surface-panel);border-top:1px solid var(--qg-border-default);align-items:center;gap:var(--qg-space-sm);padding:var(--qg-space-md) var(--qg-panel-padding);flex:none;justify-content:flex-end;display:flex}.qg-floating-panel-layer{z-index:1600;position:fixed}.qg-input{background:var(--qg-surface-input);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-sm);color:var(--qg-text-primary);font-family:var(--qg-font-content);height:var(--qg-control-md);padding:0 var(--qg-space-md);transition:border-color var(--qg-motion-fast) ease, box-shadow var(--qg-motion-fast) ease;width:100%;font-size:13px}.qg-input::placeholder{color:var(--qg-text-muted)}.qg-input:focus{border-color:var(--qg-border-focus);box-shadow:var(--qg-shadow-focus);outline:none}.qg-state-card{background:var(--qg-state-info-bg);border:1px solid var(--qg-state-info-border);border-radius:var(--qg-radius-md);color:var(--qg-text-secondary);font-family:var(--qg-font-content);padding:var(--qg-space-md);font-size:13px}.qg-state-card[data-state=success]{background:var(--qg-state-success-bg);border-color:var(--qg-state-success-border);color:var(--qg-text-success)}.qg-state-card[data-state=warning]{background:var(--qg-state-warning-bg);border-color:var(--qg-state-warning-border);color:var(--qg-text-warning)}.qg-state-card[data-state=danger]{background:var(--qg-state-danger-bg);border-color:var(--qg-state-danger-border);color:var(--qg-text-danger)}.qg-ui-catalog{background:var(--qg-surface-canvas);color:var(--qg-text-primary);font-family:var(--qg-font-ui);min-height:100%;padding:var(--qg-space-2xl)}.qg-ui-catalog__intro{margin:0 auto var(--qg-space-xl);max-width:1180px}.qg-ui-catalog__intro h1,.qg-ui-catalog__skin-heading h2,.qg-ui-catalog__section h3{color:var(--qg-text-primary);margin:0}.qg-ui-catalog__intro h1{font-family:var(--qg-font-display);font-size:clamp(24px,3vw,38px);line-height:1.2}.qg-ui-catalog__intro p,.qg-ui-catalog__skin-heading p{color:var(--qg-text-muted);font-family:var(--qg-font-content);margin:var(--qg-space-xs) 0 0;line-height:1.65}.qg-ui-catalog__eyebrow{letter-spacing:.18em;font-size:11px;font-weight:700;color:var(--qg-icon-accent)!important;font-family:var(--qg-font-numeric)!important}.qg-ui-catalog__grid{gap:var(--qg-space-xl);grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px;margin:0 auto;display:grid}.qg-ui-catalog__skin-scope{background:var(--qg-surface-canvas);border-radius:var(--qg-radius-xl);color:var(--qg-text-primary);min-width:0}.qg-ui-catalog__skin{background:var(--qg-surface-panel);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-xl);box-shadow:var(--qg-shadow-panel);gap:var(--qg-space-lg);padding:var(--qg-space-xl);flex-direction:column;display:flex}.qg-ui-catalog__skin-heading{align-items:flex-start;gap:var(--qg-space-md);justify-content:space-between;display:flex}.qg-ui-catalog__skin-heading h2{font-family:var(--qg-font-display);font-size:20px}.qg-ui-catalog__badge{background:var(--qg-state-info-bg);border:1px solid var(--qg-state-info-border);border-radius:var(--qg-radius-pill);color:var(--qg-icon-accent);padding:var(--qg-space-2xs) var(--qg-space-sm);flex:none;font-size:11px}.qg-ui-catalog__section{border-top:1px solid var(--qg-border-default);padding-top:var(--qg-space-lg)}.qg-ui-catalog__section h3{margin-bottom:var(--qg-space-md);font-size:13px}.qg-ui-catalog__row,.qg-ui-catalog__toolbar{align-items:center;gap:var(--qg-space-sm);flex-wrap:wrap;display:flex}.qg-ui-catalog__toolbar{background:var(--qg-surface-input);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-md);padding:var(--qg-space-sm)}.qg-ui-catalog__input-grid,.qg-ui-catalog__state-grid{gap:var(--qg-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qg-ui-catalog__input-grid label{color:var(--qg-text-secondary);gap:var(--qg-space-xs);font-size:12px;display:grid}.qg-ui-catalog__input-grid .qg-input:disabled{color:var(--qg-text-muted);cursor:not-allowed;opacity:.68}.qg-ui-catalog__panel{box-shadow:var(--qg-shadow-panel);width:100%}.qg-ui-catalog__demo-list{gap:var(--qg-space-sm);display:grid}.qg-ui-catalog__demo-item{background:var(--qg-surface-input);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-sm);padding:var(--qg-space-sm) var(--qg-space-md);justify-content:space-between;align-items:center;display:flex}.qg-ui-catalog__demo-item small{color:var(--qg-text-muted);font-family:var(--qg-font-numeric)}.qg-ui-catalog__floating-demo{margin-top:var(--qg-space-md)}.qg-ui-catalog__body-copy{color:var(--qg-text-secondary);font-family:var(--qg-font-content);margin:0;line-height:1.7}@keyframes qg-icon-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.qg-icon-button__icon.is-spinning{animation:none}}@media (max-width:720px){.qg-ui-catalog{padding:var(--qg-space-lg)}.qg-ui-catalog__grid,.qg-ui-catalog__input-grid,.qg-ui-catalog__state-grid{grid-template-columns:1fr}.qg-ui-catalog__skin{padding:var(--qg-space-lg)}}
.qg-ui-catalog__skin-scope--settings{--qg-surface-canvas:#202125;--qg-surface-panel:#292a2e;--qg-surface-floating:#2f3034;--qg-surface-input:#35363b;--qg-surface-hover:#414248;--qg-surface-selected:#595b62;--qg-text-primary:#fafafaf5;--qg-text-secondary:#e4e4e7c7;--qg-text-muted:#a1a1aae6;--qg-border-default:#ffffff1a;--qg-border-hover:#ffffff2e;--qg-border-focus:#e4e4e7b8;--qg-border-selected:#ffffff47;--qg-icon-default:#e4e4e7e0;--qg-icon-muted:#a1a1aad6;--qg-icon-accent:var(--qg-icon-default);--qg-state-info-bg:#ffffff0f;--qg-state-info-border:#ffffff1f;--qg-shadow-panel:0 18px 48px #0003;--qg-shadow-floating:0 24px 64px #0000004d}.qg-ui-catalog__skin-scope--settings .qg-ui-catalog__skin{background:var(--qg-surface-panel);border-color:var(--qg-border-default);box-shadow:none;border-radius:24px;gap:14px;padding:18px}.qg-ui-catalog__skin-scope--settings .qg-ui-catalog__skin-heading{border-bottom:1px solid var(--qg-border-default);padding:4px 4px 18px}.qg-ui-catalog__skin-scope--settings .qg-ui-catalog__skin-heading h2{letter-spacing:-.02em;font-size:22px}.qg-ui-catalog__skin-scope--settings .qg-ui-catalog__badge{background:var(--qg-surface-input);border-color:var(--qg-border-default);color:var(--qg-text-secondary)}.qg-ui-catalog__skin-scope--settings .qg-ui-catalog__section{background:var(--qg-surface-floating);border:1px solid var(--qg-border-default);border-radius:18px;padding:16px}.qg-ui-catalog__skin-scope--settings .qg-ui-catalog__section h3{letter-spacing:.01em;font-size:14px}.qg-ui-catalog__skin-scope--settings .qg-ui-catalog__toolbar{background:var(--qg-surface-input);border-color:var(--qg-border-default);border-radius:14px;min-height:54px;padding:8px}.qg-ui-catalog__skin-scope--settings .qg-toolbar-button{color:var(--qg-icon-default);background:0 0;border-color:#0000}.qg-ui-catalog__skin-scope--settings .qg-toolbar-button:hover:not(:disabled),.qg-ui-catalog__skin-scope--settings .qg-toolbar-button:focus-visible{background:var(--qg-surface-hover);border-color:var(--qg-border-hover);color:var(--qg-text-primary)}.qg-ui-catalog__skin-scope--settings .qg-ui-catalog__panel{box-shadow:none;border-radius:20px}.qg-ui-catalog__panel--settings .qg-panel-header{min-height:76px;padding:18px 20px}.qg-ui-catalog__panel--settings .qg-panel-header__title{font-size:17px}.qg-ui-catalog__panel--settings .qg-secondary-panel__content{padding:0}.qg-ui-catalog__panel--settings .qg-secondary-panel__footer{background:var(--qg-surface-panel);padding:12px 16px}.qg-ui-catalog__settings-layout{grid-template-columns:116px minmax(0,1fr);min-height:330px;display:grid}.qg-ui-catalog__settings-nav{background:color-mix(in srgb, var(--qg-surface-panel) 82%, black);border-right:1px solid var(--qg-border-default);flex-direction:column;gap:6px;padding:14px 10px;display:flex}.qg-ui-catalog__settings-nav .qg-icon-button{color:var(--qg-text-muted);border-radius:12px;justify-content:flex-start;gap:10px;width:100%;min-height:42px;padding:0 12px}.qg-ui-catalog__settings-nav .qg-icon-button[data-active=true]{background:var(--qg-surface-selected);border-color:var(--qg-border-selected);color:var(--qg-text-primary)}.qg-ui-catalog__settings-content{min-width:0;padding:20px}.qg-ui-catalog__settings-content h4{color:var(--qg-text-primary);margin:0;font-size:18px}.qg-ui-catalog__settings-content>p{color:var(--qg-text-muted);font-family:var(--qg-font-content);margin:5px 0 0;font-size:12px;line-height:1.6}.qg-ui-catalog__settings-card{background:var(--qg-surface-input);border:1px solid var(--qg-border-default);border-radius:16px;margin-top:14px;padding:14px}.qg-ui-catalog__settings-card-heading{gap:4px;margin-bottom:12px;display:grid}.qg-ui-catalog__settings-card-heading strong{color:var(--qg-text-secondary);font-size:13px}.qg-ui-catalog__settings-card-heading span{color:var(--qg-text-muted);font-size:11px;line-height:1.5}.qg-ui-catalog__settings-segment{background:color-mix(in srgb, var(--qg-surface-panel) 76%, black);border:1px solid var(--qg-border-default);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.qg-ui-catalog__settings-segment button{color:var(--qg-text-muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:9px;min-height:34px}.qg-ui-catalog__settings-segment button:hover,.qg-ui-catalog__settings-segment button:focus-visible{border-color:var(--qg-border-hover);color:var(--qg-text-primary);outline:none}.qg-ui-catalog__settings-segment button[data-active=true]{background:var(--qg-surface-selected);border-color:var(--qg-border-selected);color:var(--qg-text-primary)}.qg-ui-catalog__settings-card .qg-ui-catalog__demo-item{background:color-mix(in srgb, var(--qg-surface-input) 84%, black);border-radius:11px}@media (max-width:720px){.admin-shell[data-ui-lab=true] .admin-shell__sidebar{display:none}.qg-ui-catalog__skin-scope--settings .qg-ui-catalog__skin{border-radius:20px;padding:14px}.qg-ui-catalog__settings-layout{grid-template-columns:1fr}.qg-ui-catalog__settings-nav{border-bottom:1px solid var(--qg-border-default);border-right:0;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px;display:grid}.qg-ui-catalog__settings-nav .qg-icon-button{justify-content:center;gap:5px;min-width:0;padding:0 6px}.qg-ui-catalog__settings-nav .qg-icon-button__label{font-size:11px}.qg-ui-catalog__settings-content{padding:16px}}
.admin-shell{background:var(--qg-admin-page);color:var(--qg-text-primary);font-family:var(--qg-font-ui);width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.admin-shell__sidebar{background:var(--qg-admin-sidebar);border-right:1px solid var(--qg-border-default);flex:0 0 var(--qg-admin-sidebar-width);z-index:80;flex-direction:column;min-width:0;height:100dvh;display:flex;position:relative;overflow:hidden}.admin-shell__brand{background:var(--qg-admin-sidebar-raised);border-bottom:1px solid var(--qg-border-default);padding:var(--qg-space-lg)}.admin-shell__brand h1{color:var(--qg-text-primary);font-family:var(--qg-font-display);margin:0;font-size:17px;font-weight:760;line-height:1.3}.admin-shell__account-row{align-items:center;gap:var(--qg-space-sm);margin-top:var(--qg-space-xs);justify-content:space-between;display:flex}.admin-shell__role{color:var(--qg-icon-accent);margin:0;font-size:11px;font-weight:700}.admin-shell__switch-account{color:var(--qg-text-muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:2px 0;font-size:11px}.admin-shell__switch-account:hover,.admin-shell__switch-account:focus-visible{color:var(--qg-text-primary)}.admin-shell__nav{min-height:0;padding:var(--qg-space-sm);scrollbar-color:var(--qg-admin-scrollbar) transparent;flex-direction:column;flex:auto;gap:3px;display:flex;overflow-y:auto}.admin-shell__nav-link{border-radius:var(--qg-radius-sm);color:var(--qg-text-secondary);min-height:40px;transition:background-color var(--qg-motion-fast) ease, border-color var(--qg-motion-fast) ease, color var(--qg-motion-fast) ease;border:1px solid #0000;flex:none;align-items:center;gap:10px;padding:8px 11px;font-size:13px;font-weight:560;text-decoration:none;display:flex}.admin-shell__nav-link:hover{background:var(--qg-admin-row-hover);border-color:var(--qg-border-default);color:var(--qg-text-primary)}.admin-shell__nav-link[data-active=true]{background:var(--qg-admin-row-selected);border-color:var(--qg-border-selected);color:var(--qg-text-primary)}.admin-shell__nav-link:focus-visible,.admin-shell__switch-account:focus-visible,.admin-shell__mobile-toggle:focus-visible,.admin-shell__back-link:focus-visible{box-shadow:var(--qg-shadow-focus);outline:none}.admin-shell__main{scrollbar-color:var(--qg-admin-scrollbar) transparent;flex:auto;min-width:0;height:100dvh;position:relative;overflow-y:auto}.admin-shell__back-link,.admin-shell__mobile-toggle{background:var(--qg-admin-card-raised);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-md);color:var(--qg-icon-default);height:40px;transition:border-color var(--qg-motion-fast) ease, color var(--qg-motion-fast) ease;z-index:70;justify-content:center;align-items:center;width:40px;display:inline-flex;position:fixed;top:14px}.admin-shell__back-link{right:18px}.admin-shell__back-link:hover,.admin-shell__mobile-toggle:hover{border-color:var(--qg-border-selected);color:var(--qg-icon-accent)}.admin-shell__mobile-toggle{cursor:pointer;display:none;left:14px}.admin-shell__backdrop{background:var(--qg-admin-overlay);z-index:75;border:0;padding:0;display:none;position:fixed;inset:0}@media (max-width:900px){.admin-shell__sidebar{box-shadow:var(--qg-shadow-floating);transition:transform var(--qg-motion-normal) ease;position:fixed;top:0;left:0;transform:translate(-104%)}.admin-shell[data-nav-open=true] .admin-shell__sidebar{transform:translate(0)}.admin-shell[data-nav-open=true] .admin-shell__backdrop,.admin-shell__mobile-toggle{display:block}.admin-shell__back-link{right:14px}.admin-shell__main{padding-top:var(--qg-admin-mobile-header-height)}}@media (prefers-reduced-motion:reduce){.admin-shell__sidebar,.admin-shell__nav-link,.admin-shell__back-link,.admin-shell__mobile-toggle{transition-duration:1ms}}
.admin-page{box-sizing:border-box;color:var(--qg-text-primary);max-width:var(--qg-admin-page-max-width);width:100%;min-height:100%;margin:0 auto;padding:30px clamp(18px,3vw,42px) 54px}.admin-page__header{align-items:flex-start;gap:var(--qg-space-xl);margin-bottom:var(--qg-space-xl);justify-content:space-between;padding-right:56px;display:flex}.admin-page__heading{min-width:0}.admin-page__eyebrow{color:var(--qg-icon-accent);letter-spacing:.14em;margin-bottom:var(--qg-space-xs);text-transform:uppercase;font-size:11px;font-weight:800}.admin-page__title{color:var(--qg-text-primary);font-family:var(--qg-font-display);letter-spacing:-.02em;margin:0;font-size:clamp(23px,2.3vw,32px);font-weight:760;line-height:1.2}.admin-page__description,.admin-section__description,.admin-dialog__header p,.admin-empty-state p,.admin-loading-state p{color:var(--qg-text-muted);font-family:var(--qg-font-content);margin:var(--qg-space-xs) 0 0;line-height:1.6}.admin-page__description{max-width:760px;font-size:13px}.admin-page__actions,.admin-section__actions,.admin-toolbar{align-items:center;gap:var(--qg-space-sm);flex-wrap:wrap;display:flex}.admin-page__actions{flex:none;justify-content:flex-end}.admin-toolbar{background:var(--qg-admin-card);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-md);margin-bottom:var(--qg-space-lg);padding:var(--qg-space-md)}.admin-card,.admin-section{background:var(--qg-admin-card);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-lg);color:var(--qg-text-primary)}.admin-card{padding:var(--qg-space-lg)}.admin-card--raised{background:var(--qg-admin-card-raised);box-shadow:var(--qg-shadow-panel)}.admin-section{margin-bottom:var(--qg-space-lg);padding:var(--qg-space-lg);overflow:hidden}.admin-section__header{align-items:flex-start;gap:var(--qg-space-lg);margin-bottom:var(--qg-space-lg);justify-content:space-between;display:flex}.admin-section__title,.admin-dialog__header h2{color:var(--qg-text-primary);margin:0;font-size:15px;font-weight:720;line-height:1.35}.admin-section__description,.admin-dialog__header p{font-size:12px}.admin-button{background:var(--qg-admin-card-raised);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-sm);color:var(--qg-text-secondary);cursor:pointer;font:650 13px/1 var(--qg-font-ui);align-items:center;gap:var(--qg-space-xs);min-height:var(--qg-control-md);padding:0 var(--qg-space-md);transition:background-color var(--qg-motion-fast) ease, border-color var(--qg-motion-fast) ease, color var(--qg-motion-fast) ease, opacity var(--qg-motion-fast) ease;justify-content:center;text-decoration:none;display:inline-flex}.admin-button:hover:not(:disabled){background:var(--qg-surface-hover);border-color:var(--qg-border-hover);color:var(--qg-text-primary)}.admin-button[data-variant=primary]{background:var(--qg-admin-action-primary);border-color:var(--qg-admin-action-primary);color:var(--qg-admin-action-primary-text)}.admin-button[data-variant=primary]:hover:not(:disabled){background:var(--qg-admin-action-primary-hover);border-color:var(--qg-admin-action-primary-hover);color:var(--qg-admin-action-primary-text)}.admin-button[data-variant=quiet]{background:0 0;border-color:#0000}.admin-button[data-variant=danger]{background:var(--qg-admin-action-danger);border-color:var(--qg-border-danger);color:var(--qg-text-danger)}.admin-button[data-variant=danger]:hover:not(:disabled){background:var(--qg-admin-action-danger-hover);border-color:var(--qg-border-danger);color:var(--qg-text-danger)}.admin-button:focus-visible,.admin-control:focus-visible,.admin-dialog__close:focus-visible{border-color:var(--qg-border-focus);box-shadow:var(--qg-shadow-focus);outline:none}.admin-button:disabled,.admin-control:disabled{cursor:not-allowed;opacity:.56}.admin-control{background:var(--qg-admin-input);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-sm);box-sizing:border-box;color:var(--qg-text-primary);font:13px/1.45 var(--qg-font-content);min-height:var(--qg-control-md);transition:border-color var(--qg-motion-fast) ease, box-shadow var(--qg-motion-fast) ease;width:100%;padding:8px 11px}.admin-control::placeholder{color:var(--qg-text-muted)}.admin-select{cursor:pointer}.admin-textarea{resize:vertical;min-height:96px}.admin-badge{background:var(--qg-surface-input);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-pill);color:var(--qg-text-secondary);align-items:center;gap:var(--qg-space-2xs);min-height:24px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.25;display:inline-flex}.admin-badge[data-tone=info]{background:var(--qg-state-info-bg);border-color:var(--qg-state-info-border);color:var(--qg-icon-accent)}.admin-badge[data-tone=success]{background:var(--qg-state-success-bg);border-color:var(--qg-state-success-border);color:var(--qg-text-success)}.admin-badge[data-tone=warning]{background:var(--qg-state-warning-bg);border-color:var(--qg-state-warning-border);color:var(--qg-text-warning)}.admin-badge[data-tone=danger]{background:var(--qg-state-danger-bg);border-color:var(--qg-state-danger-border);color:var(--qg-text-danger)}.admin-table-frame{background:var(--qg-admin-card);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-lg);scrollbar-color:var(--qg-admin-scrollbar) transparent;overflow-x:auto}.admin-table-frame table{border-collapse:collapse;color:var(--qg-text-secondary);width:100%;min-width:720px;font-size:12px}.admin-table-frame thead{background:var(--qg-admin-table-head);color:var(--qg-text-muted)}.admin-table-frame th,.admin-table-frame td{border-bottom:1px solid var(--qg-border-default);text-align:left;vertical-align:top;padding:11px 13px}.admin-table-frame tbody tr:hover{background:var(--qg-admin-row-hover)}.admin-table-frame tbody tr[data-selected=true]{background:var(--qg-admin-row-selected)}.admin-empty-state,.admin-loading-state{color:var(--qg-text-secondary);align-items:center;gap:var(--qg-space-sm);min-height:180px;padding:var(--qg-space-xl);text-align:center;flex-direction:column;justify-content:center;display:flex}.admin-empty-state p,.admin-loading-state p{font-size:12px}.admin-loading-state{text-align:left;flex-direction:row}.admin-loading-state__spinner{animation:admin-spinner var(--qg-motion-generation) linear infinite;border:2px solid var(--qg-border-default);border-radius:var(--qg-radius-pill);border-top-color:var(--qg-icon-accent);width:24px;height:24px;display:block}.admin-dialog-layer{background:var(--qg-admin-overlay);padding:var(--qg-space-lg);z-index:1900;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-dialog{background:var(--qg-admin-card-raised);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-lg);box-shadow:var(--qg-shadow-floating);color:var(--qg-text-primary);width:min(100%,720px);max-width:720px;max-height:min(86vh,820px);overflow:hidden}.admin-dialog__header,.admin-dialog__footer{align-items:flex-start;gap:var(--qg-space-lg);padding:var(--qg-space-lg);justify-content:space-between;display:flex}.admin-dialog__header{border-bottom:1px solid var(--qg-border-default)}.admin-dialog__content{max-height:calc(86vh - 150px);padding:var(--qg-space-lg);overflow-y:auto}.admin-dialog__footer{background:var(--qg-admin-card);border-top:1px solid var(--qg-border-default);justify-content:flex-end}.admin-dialog__close{border-radius:var(--qg-radius-sm);color:var(--qg-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;line-height:1;display:inline-flex}.admin-dialog__close:hover{background:var(--qg-surface-hover);color:var(--qg-text-primary)}@keyframes admin-spinner{to{transform:rotate(360deg)}}@media (max-width:720px){.admin-page{padding:20px 14px 40px}.admin-page__header,.admin-section__header{flex-direction:column;align-items:stretch;padding-right:0}.admin-page__actions,.admin-section__actions{justify-content:flex-start}.admin-dialog-layer{padding:var(--qg-space-sm)}}@media (prefers-reduced-motion:reduce){.admin-loading-state__spinner{animation:none}}
.canvas-asset-library.qg-secondary-panel{z-index:83;border-top:0;border-bottom:0;border-color:var(--qg-border-default);background:var(--qg-surface-floating);max-height:none;color:var(--qg-text-primary);border-radius:0}.canvas-asset-library>.qg-panel-header{padding:12px 14px}.canvas-asset-library>.qg-secondary-panel__content{min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.canvas-asset-library>.qg-secondary-panel__content>.canvas-asset-library__body{flex:auto;min-height:0}.canvas-asset-library__folders{border-color:var(--qg-border-subtle);background:color-mix(in srgb, var(--qg-surface-panel) 84%, transparent)}.canvas-asset-library__new-folder,.canvas-asset-library__new-folder-title{color:var(--qg-text-secondary)}.canvas-asset-library__new-folder-action,.canvas-asset-library__folder-toggle{color:var(--qg-icon-muted)}.canvas-asset-library__new-folder-action:hover,.canvas-asset-library__new-folder-action:focus-visible,.canvas-asset-library__folder-toggle:hover,.canvas-asset-library__folder-toggle:focus-visible{background:var(--qg-surface-hover);color:var(--qg-icon-accent)}.canvas-asset-library__folder{color:var(--qg-text-secondary);background:0 0;border-color:#0000}.canvas-asset-library__folder:hover,.canvas-asset-library__folder:focus-visible{border-color:var(--qg-border-hover);background:var(--qg-surface-hover);color:var(--qg-text-primary)}.canvas-asset-library__folder.is-selected{border-color:var(--qg-border-selected);background:color-mix(in srgb, var(--qg-surface-selected) 28%, var(--qg-surface-input));color:var(--qg-text-primary)}.canvas-asset-library__folder em,.canvas-asset-library__content-head span,.canvas-asset-library__list-copy span{color:var(--qg-text-muted)}.canvas-asset-library__folder-name-input,.canvas-asset-library__search,.canvas-asset-library__search input,.canvas-asset-library__rename input{border-color:var(--qg-border-default);background:var(--qg-surface-input);color:var(--qg-text-primary)}.canvas-asset-library__folder-name-input:focus,.canvas-asset-library__search:focus-within,.canvas-asset-library__rename input:focus{border-color:var(--qg-border-focus);box-shadow:var(--qg-shadow-focus)}.canvas-asset-library__content{background:var(--qg-surface-floating);color:var(--qg-text-primary)}.canvas-asset-library__content-head strong,.canvas-asset-library__list-copy strong,.canvas-asset-library__details strong{color:var(--qg-text-primary)}.canvas-asset-library__filter-toggle,.canvas-asset-library__mode-toggle,.canvas-asset-library__child-folder-button,.canvas-asset-library__delete-folder-button,.canvas-asset-library__selection-flyout button,.canvas-asset-library__selection-bar button,.canvas-asset-library__selection-bar select,.canvas-asset-library__detail-actions button{border-color:var(--qg-border-default);background:var(--qg-surface-input);color:var(--qg-icon-default)}.canvas-asset-library__filter-toggle:hover,.canvas-asset-library__filter-toggle:focus-visible,.canvas-asset-library__filter-toggle.is-active,.canvas-asset-library__mode-toggle:hover,.canvas-asset-library__mode-toggle:focus-visible,.canvas-asset-library__child-folder-button:hover,.canvas-asset-library__child-folder-button:focus-visible,.canvas-asset-library__selection-flyout button:hover:not(:disabled),.canvas-asset-library__selection-flyout button:focus-visible:not(:disabled),.canvas-asset-library__detail-actions button:hover,.canvas-asset-library__detail-actions button:focus-visible,.canvas-asset-library__detail-actions button.is-active{border-color:var(--qg-border-hover);background:var(--qg-surface-hover);color:var(--qg-icon-accent)}.canvas-asset-library__delete-folder-button,.canvas-asset-library__selection-flyout button.is-danger,.canvas-asset-library__selection-bar button.is-danger{color:var(--qg-text-danger)}.canvas-asset-library__delete-folder-button:hover,.canvas-asset-library__delete-folder-button:focus-visible{border-color:var(--qg-border-danger);background:var(--qg-state-danger-bg);color:var(--qg-text-danger)}.canvas-asset-library__selection-flyout,.canvas-asset-library__selection-bar{border-color:var(--qg-border-default);background:var(--qg-surface-floating);box-shadow:var(--qg-shadow-panel);color:var(--qg-text-secondary)}.canvas-asset-library__selection-select-mark,.canvas-asset-library__select-check{border-color:var(--qg-border-default);background:var(--qg-surface-input);color:var(--qg-text-primary)}.canvas-asset-library__selection-select-mark.is-selected,.canvas-asset-library__select-check.is-selected{border-color:var(--qg-border-selected);background:var(--qg-surface-selected);color:var(--qg-text-primary)}.canvas-asset-library__item,.canvas-asset-library__thumb,.canvas-asset-library__details-preview,.canvas-asset-library__audio-preview{border-color:var(--qg-border-subtle);background:var(--qg-surface-input)}.canvas-asset-library__item:hover .canvas-asset-library__thumb,.canvas-asset-library__item:focus-within .canvas-asset-library__thumb,.canvas-asset-library__item.is-selected .canvas-asset-library__thumb{border-color:var(--qg-border-selected)}.canvas-asset-library__type{border-color:var(--qg-border-default);background:var(--qg-surface-floating);color:var(--qg-text-secondary)}.canvas-asset-library__details{border-color:var(--qg-border-default);background:var(--qg-surface-floating);box-shadow:var(--qg-shadow-floating);color:var(--qg-text-secondary)}.canvas-asset-library__details span{color:var(--qg-text-muted)}.canvas-asset-library__empty{border-color:var(--qg-border-subtle);background:color-mix(in srgb, var(--qg-surface-panel) 64%, transparent);color:var(--qg-text-muted)}.canvas-asset-library__empty strong{color:var(--qg-text-secondary)}.canvas-asset-library__move-dialog-backdrop{background:var(--qg-surface-overlay)}.canvas-asset-library__move-dialog{border-color:var(--qg-border-default);background:var(--qg-surface-floating);box-shadow:var(--qg-shadow-floating);color:var(--qg-text-primary)}.canvas-asset-library__move-dialog-header{border-color:var(--qg-border-subtle)}.canvas-asset-library__move-dialog-header button,.canvas-asset-library__move-dialog-list button,.canvas-asset-library__move-dialog-actions button{border-color:var(--qg-border-default);background:var(--qg-surface-input);color:var(--qg-text-secondary)}.canvas-asset-library__move-dialog-list button:hover,.canvas-asset-library__move-dialog-list button:focus-visible,.canvas-asset-library__move-dialog-list button.is-selected{border-color:var(--qg-border-selected);background:var(--qg-surface-hover);color:var(--qg-text-primary)}.canvas-asset-library__move-dialog-actions button.is-primary{border-color:var(--qg-border-selected);background:var(--qg-surface-selected);color:var(--qg-text-primary)}
.canvas-deletion-history-panel.qg-secondary-panel{border-color:var(--qg-border-default);background:var(--qg-surface-floating);width:720px;max-height:min(760px,100vh - 96px);color:var(--qg-text-primary)}.canvas-deletion-history-panel>.qg-secondary-panel__content{flex-direction:column;flex:auto;min-height:0;padding:0;display:flex;overflow:hidden}.canvas-deletion-history__filters{border-bottom:1px solid var(--qg-border-subtle)}.canvas-deletion-history__filter{color:var(--qg-text-secondary);transition:background var(--qg-motion-fast) ease, color var(--qg-motion-fast) ease;background:0 0}.canvas-deletion-history__filter:hover,.canvas-deletion-history__filter:focus-visible{background:var(--qg-surface-hover);color:var(--qg-text-primary)}.canvas-deletion-history__filter.is-active{background:color-mix(in srgb, var(--qg-surface-selected) 28%, var(--qg-surface-input));color:var(--qg-text-primary)}.canvas-deletion-history__search-icon{color:var(--qg-icon-muted)}.canvas-deletion-history__search{border-color:var(--qg-border-default);background:var(--qg-surface-input);color:var(--qg-text-primary);transition:border-color var(--qg-motion-fast) ease, box-shadow var(--qg-motion-fast) ease}.canvas-deletion-history__search::placeholder{color:var(--qg-text-muted)}.canvas-deletion-history__search:focus{border-color:var(--qg-border-focus);box-shadow:var(--qg-shadow-focus)}.canvas-deletion-history__action{border-color:var(--qg-border-default);color:var(--qg-text-secondary);transition:background var(--qg-motion-fast) ease, border-color var(--qg-motion-fast) ease, color var(--qg-motion-fast) ease;background:0 0}.canvas-deletion-history__action:hover:not(:disabled),.canvas-deletion-history__action:focus-visible:not(:disabled),.canvas-deletion-history__action.is-active{border-color:var(--qg-border-hover);background:var(--qg-surface-hover);color:var(--qg-text-primary)}.canvas-deletion-history__action.is-restore{color:var(--qg-icon-accent)}.canvas-deletion-history__action.is-danger{color:var(--qg-text-danger)}.canvas-deletion-history__action.is-danger:hover:not(:disabled),.canvas-deletion-history__action.is-danger:focus-visible:not(:disabled){border-color:var(--qg-border-danger);background:var(--qg-state-danger-bg);color:var(--qg-text-danger)}.canvas-deletion-history__selection-bar{border-color:var(--qg-border-subtle);background:color-mix(in srgb, var(--qg-surface-panel) 72%, transparent)}.canvas-deletion-history__empty{border-color:var(--qg-border-subtle);background:color-mix(in srgb, var(--qg-surface-panel) 54%, transparent);color:var(--qg-text-muted)}.canvas-deletion-history__card{border-color:var(--qg-border-subtle);background:color-mix(in srgb, var(--qg-surface-panel) 82%, transparent);transition:border-color var(--qg-motion-fast) ease, box-shadow var(--qg-motion-fast) ease}.canvas-deletion-history__card.is-interactive:hover{border-color:var(--qg-border-hover)}.canvas-deletion-history__card.is-selected{border-color:var(--qg-border-selected);box-shadow:var(--qg-shadow-focus)}.canvas-deletion-history__check{border-color:var(--qg-border-default);background:var(--qg-surface-floating);color:#0000}.canvas-deletion-history__check:hover,.canvas-deletion-history__check:focus-visible{color:var(--qg-icon-muted)}.canvas-deletion-history__check.is-selected{border-color:var(--qg-border-selected);background:var(--qg-surface-selected);color:var(--qg-text-primary)}.canvas-deletion-history__preview,.canvas-deletion-history__preview-fallback{background:var(--qg-surface-input);color:var(--qg-text-secondary)}.canvas-deletion-history__preview-fallback.is-muted,.canvas-deletion-history__preview-icon{color:var(--qg-icon-muted)}.canvas-deletion-history__count{border:1px solid var(--qg-border-default);background:var(--qg-surface-floating);box-shadow:var(--qg-shadow-panel);color:var(--qg-text-primary)}.canvas-deletion-history__title{color:var(--qg-text-primary)}.canvas-deletion-history__meta{color:var(--qg-text-secondary)}.canvas-deletion-history__meta.is-muted{color:var(--qg-text-muted)}.canvas-deletion-history__card-actions{border-color:var(--qg-border-subtle)}
.qg-toolbar-button-shell{display:inline-flex;position:relative}.canvas-edge-panel{gap:var(--qg-space-2xs);padding:var(--qg-space-sm) var(--qg-space-xs);flex-direction:column;display:flex}.canvas-edge-button.qg-icon-button,.canvas-edge-create-launcher{border-radius:var(--qg-radius-sm);color:var(--qg-icon-muted);height:var(--qg-control-md);min-width:var(--qg-control-md);width:var(--qg-control-md);background:0 0;border-color:#0000;padding:0}.canvas-edge-button.qg-icon-button:hover:not(:disabled),.canvas-edge-button.qg-icon-button:focus-visible,.canvas-edge-button.qg-icon-button[data-active=true],.canvas-edge-create-launcher:hover,.canvas-edge-create-launcher:focus-visible{background:var(--qg-surface-hover);border-color:var(--qg-border-hover);color:var(--qg-icon-accent)}.canvas-edge-button.qg-icon-button[data-active=true]{background:var(--qg-surface-selected);border-color:var(--qg-border-selected);color:var(--qg-text-primary)}.canvas-edge-tooltip{background:var(--qg-surface-floating);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-sm);box-shadow:var(--qg-shadow-panel);color:var(--qg-text-primary);left:calc(100% + var(--qg-space-sm));opacity:0;padding:var(--qg-space-2xs) var(--qg-space-sm);pointer-events:none;transition:opacity var(--qg-motion-fast) ease;white-space:nowrap;z-index:12;font-size:12px;position:absolute;top:50%;transform:translateY(-50%)}.canvas-edge-tooltip--right{left:auto;right:calc(100% + var(--qg-space-sm))}.qg-toolbar-button-shell:hover .canvas-edge-tooltip,.qg-toolbar-button-shell:focus-within .canvas-edge-tooltip{opacity:1}.canvas-edge-separator{background:var(--qg-border-default);height:1px;margin:var(--qg-space-2xs) auto;width:28px}.canvas-background-modes{gap:var(--qg-space-2xs);margin-top:var(--qg-space-2xs);flex-direction:column;display:flex}.canvas-background-mode{border-radius:var(--qg-radius-xs);color:var(--qg-text-muted);padding:2px var(--qg-space-2xs);transition:background-color var(--qg-motion-fast) ease, color var(--qg-motion-fast) ease;background:0 0;border:1px solid #0000;font-size:10px}.canvas-background-mode:hover,.canvas-background-mode[data-active=true]{background:var(--qg-surface-selected);border-color:var(--qg-border-selected);color:var(--qg-text-primary)}.canvas-background-mode.is-danger{color:var(--qg-text-danger)}.canvas-background-mode.is-danger:hover{background:var(--qg-state-danger-bg);border-color:var(--qg-state-danger-border)}.canvas-context-menu{background:var(--qg-surface-floating);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-md);box-shadow:var(--qg-shadow-floating);color:var(--qg-text-secondary);min-width:144px;padding:var(--qg-space-xs);z-index:30;position:absolute;overflow:hidden}.canvas-context-menu__item{border-radius:var(--qg-radius-sm);color:var(--qg-text-secondary);font-family:var(--qg-font-ui);align-items:center;gap:var(--qg-space-sm);padding:var(--qg-space-sm) var(--qg-space-md);transition:background-color var(--qg-motion-fast) ease, color var(--qg-motion-fast) ease;background:0 0;border:0;width:100%;font-size:14px;display:flex}.canvas-context-menu__item:hover,.canvas-context-menu__item:focus-visible{background:var(--qg-surface-hover);color:var(--qg-text-primary);outline:none}.canvas-context-menu__separator{background:var(--qg-border-default);height:1px;margin:var(--qg-space-xs) 0}.canvas-ui-modal-layer{background:var(--qg-surface-overlay);padding:var(--qg-space-lg);z-index:1200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.canvas-credits-balance-button,.canvas-recharge-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--qg-surface-floating);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-sm);color:var(--qg-text-primary);font-family:var(--qg-font-ui);align-items:center;gap:var(--qg-space-sm);height:var(--qg-control-md);padding:0 var(--qg-space-md);transition:background-color var(--qg-motion-fast) ease, border-color var(--qg-motion-fast) ease;font-size:12px;display:inline-flex}.canvas-credits-balance-button{font-family:var(--qg-font-numeric)}.canvas-credits-balance-button svg,.canvas-recharge-button{color:var(--qg-text-warning)}.canvas-credits-balance-button:hover,.canvas-recharge-button:hover{background:var(--qg-surface-hover);border-color:var(--qg-border-hover)}.canvas-credits-panel.qg-secondary-panel{max-width:calc(100vw - var(--qg-space-2xl));width:min(768px, calc(100vw - var(--qg-space-2xl)))}.canvas-credit-ledger{max-height:62vh;overflow-y:auto}.canvas-credit-ledger__state{padding-block:var(--qg-space-2xl);text-align:center}.canvas-credit-ledger__list{gap:var(--qg-space-sm);flex-direction:column;display:flex}.canvas-credit-ledger__record{background:var(--qg-surface-input);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-sm);padding:var(--qg-space-md)}.canvas-credit-ledger__row,.canvas-credit-ledger__badges,.canvas-credit-ledger__amounts{align-items:center;gap:var(--qg-space-sm);flex-wrap:wrap;display:flex}.canvas-credit-ledger__row{justify-content:space-between}.canvas-credit-ledger__copy{min-width:0}.canvas-credit-ledger__badge{background:var(--qg-surface-hover);border-radius:var(--qg-radius-xs);color:var(--qg-text-secondary);padding:2px var(--qg-space-sm);font-size:12px}.canvas-credit-ledger__badge.is-accent{background:var(--qg-state-info-bg);color:var(--qg-icon-accent)}.canvas-credit-ledger__model{color:var(--qg-text-primary);font-size:14px;font-weight:600}.canvas-credit-ledger__time{color:var(--qg-text-muted);margin-top:var(--qg-space-sm);font-size:12px}.canvas-credit-ledger__amounts{flex-shrink:0;margin-left:auto}.canvas-credit-source,.canvas-credit-amount{color:var(--qg-text-secondary);font-size:12px;font-weight:700}.canvas-credit-amount{font-family:var(--qg-font-numeric);font-size:14px}.canvas-credit-source.is-positive,.canvas-credit-amount.is-positive{color:var(--qg-text-success)}.canvas-credit-source.is-negative,.canvas-credit-amount.is-negative{color:var(--qg-text-danger)}.canvas-recharge-panel.qg-secondary-panel{max-width:calc(100vw - var(--qg-space-2xl));width:min(var(--qg-panel-width-md), calc(100vw - var(--qg-space-2xl)))}.canvas-recharge-panel.qg-secondary-panel.has-package-image{width:min(736px, calc(100vw - var(--qg-space-2xl)))}.canvas-recharge-panel__content{color:var(--qg-text-secondary);padding-block:var(--qg-space-md);text-align:center}.canvas-recharge-panel__image{aspect-ratio:16/9;background:var(--qg-surface-input);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-md);margin-bottom:var(--qg-space-xl);width:100%;max-height:min(42vh,352px);overflow:hidden}.canvas-recharge-panel__image-media{object-fit:cover;width:100%;height:100%}.canvas-recharge-panel__message{margin-bottom:var(--qg-space-md)}.canvas-recharge-panel__contact{color:var(--qg-text-warning);font-weight:600}.canvas-recharge-panel__confirm{margin-top:var(--qg-space-sm);width:100%}.canvas-deletion-history-panel.qg-secondary-panel{z-index:70;max-width:calc(100vw - 72px);position:fixed;top:80px}.canvas-deletion-history-panel__error{margin:var(--qg-space-md) var(--qg-space-xl) 0}.canvas-deletion-history-panel__workspace{min-height:0;padding:var(--qg-space-xl);flex:auto;overflow-y:auto}@media (max-width:720px){.canvas-ui-modal-layer{padding:var(--qg-space-sm)}.canvas-deletion-history-panel.qg-secondary-panel{max-width:calc(100vw - var(--qg-space-lg))}}
.node-panel{color:var(--qg-text-secondary);font-family:var(--qg-font-ui);gap:var(--qg-space-sm);flex-direction:column;display:flex}.node-panel__popover,.node-panel__asset-picker,.node-panel__parameters{background:var(--qg-surface-floating);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-sm);box-shadow:var(--qg-shadow-panel);padding:var(--qg-space-sm)}.node-panel__popover{left:0;right:0;top:calc(100% + var(--qg-space-2xs));z-index:20;position:absolute}.node-panel__hint,.node-panel__field-label,.node-panel__compact-field>span{color:var(--qg-text-muted);font-size:11px}.node-panel__hint{margin:0 0 var(--qg-space-xs)}.node-panel__thumbnail-button,.node-panel__asset-tile{background:var(--qg-surface-input);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-xs);transition:border-color var(--qg-motion-fast) ease;overflow:hidden}.node-panel__thumbnail-button{flex-shrink:0;width:48px;height:48px}.node-panel__thumbnail-button:hover,.node-panel__asset-tile:hover{border-color:var(--qg-border-hover)}.node-panel__asset-tile{aspect-ratio:1;cursor:pointer}.node-panel__action,.node-panel__secondary-action,.node-panel__primary-action,.node-panel__submit-button{border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-xs);align-items:center;gap:var(--qg-space-2xs);padding:var(--qg-space-2xs) var(--qg-space-sm);transition:background-color var(--qg-motion-fast) ease, border-color var(--qg-motion-fast) ease;justify-content:center;font-size:12px;display:inline-flex}.node-panel__action,.node-panel__secondary-action{background:var(--qg-surface-input);color:var(--qg-text-secondary)}.node-panel__action:hover,.node-panel__secondary-action:hover{background:var(--qg-surface-hover);border-color:var(--qg-border-hover)}.node-panel__primary-action,.node-panel__submit-button{background:var(--qg-surface-selected);border-color:var(--qg-border-selected);color:var(--qg-text-primary)}.node-panel__primary-action:hover,.node-panel__submit-button:hover:not(:disabled){border-color:var(--qg-border-focus)}.node-panel__parameters{gap:var(--qg-space-sm);flex-direction:column;display:flex}.node-panel__field-label{margin-bottom:var(--qg-space-xs);display:block}.node-panel__field-label--inline{width:48px;margin:0}.node-panel__option{background:var(--qg-surface-input);border:2px solid var(--qg-border-default);border-radius:var(--qg-radius-xs);color:var(--qg-text-muted);transition:background-color var(--qg-motion-fast) ease, border-color var(--qg-motion-fast) ease;justify-content:center;align-items:center;display:inline-flex}.node-panel__option:hover{border-color:var(--qg-border-hover)}.node-panel__option.is-selected{background:var(--qg-state-success-bg);border-color:var(--qg-state-success-border);color:var(--qg-text-success)}.node-panel__option--size{width:48px;height:48px}.node-panel__camera-row,.node-panel__billing-row,.node-panel__submit-row,.node-panel__count-control,.node-panel__credits,.node-panel__compact-field{align-items:center;gap:var(--qg-space-xs);display:flex}.node-panel__camera-row,.node-panel__submit-row{gap:var(--qg-space-sm)}.node-panel__compact-field,.node-panel__submit-row>.node-panel__select{flex:1 1 0}.node-panel__billing-row{justify-content:space-between}.node-panel__select{background:var(--qg-surface-input);border:1px solid var(--qg-border-default);border-radius:var(--qg-radius-xs);color:var(--qg-text-secondary);min-width:0;padding:var(--qg-space-2xs) var(--qg-space-xs);flex:auto;font-size:12px}.node-panel__select:focus{border-color:var(--qg-border-focus);outline:none}.node-panel__select:disabled,.node-panel__submit-button:disabled{cursor:not-allowed;opacity:.5}.node-panel__select--count{flex:none}.node-panel__credits{color:var(--qg-text-warning);font-size:12px}.node-panel__muted-icon{color:var(--qg-icon-muted)}.node-panel__error{align-items:center;gap:var(--qg-space-xs);padding:var(--qg-space-xs) var(--qg-space-sm);display:flex}.node-panel__submit-button{min-width:52px;padding:var(--qg-space-xs) var(--qg-space-md)}.node-panel__spinner{animation:qg-icon-spin var(--qg-motion-generation) linear infinite}
.floating-generation-panel__ref-slot-empty{pointer-events:none;visibility:hidden;flex:0 0 42px;width:42px;height:42px}.persistent-asset-tile{aspect-ratio:1;min-width:0;display:block;position:relative}.persistent-asset-tile>.floating-generation-panel__asset-item{width:100%;height:100%}.persistent-asset-tile__pin{z-index:3;color:#e2e8f0e0;opacity:0;background:#080c14d1;border:1px solid #e2e8f057;border-radius:6px;place-items:center;width:20px;height:20px;transition:opacity .14s,transform .14s,background .14s;display:grid;position:absolute;top:3px;right:3px;transform:scale(.88)}.persistent-asset-tile:hover .persistent-asset-tile__pin,.persistent-asset-tile:focus-within .persistent-asset-tile__pin,.persistent-asset-tile.is-persistent .persistent-asset-tile__pin{opacity:1;transform:scale(1)}.persistent-asset-tile.is-persistent .persistent-asset-tile__pin{color:#d8fbff;background:#085060eb;border-color:#67e8f9a6}.floating-generation-panel__ref-thumb{touch-action:pan-y;transition:transform .18s,border-color .16s,opacity .16s}.floating-generation-panel__ref-thumb.is-reference-dragging{z-index:8;cursor:grabbing;opacity:.92;transition:none}.persistent-asset-library-grid{grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:12px;padding:4px;display:grid}.persistent-asset-library-card{border:1px solid color-mix(in srgb, var(--asset-set-color,#f97316) 42%, transparent);background:#080d17b8;border-radius:12px;min-width:0;padding:6px;position:relative}.persistent-asset-library-card__preview{aspect-ratio:1;background:#02060ed1;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.persistent-asset-library-card__preview>img,.persistent-asset-library-card__preview>video{object-fit:cover;width:100%;height:100%}.persistent-asset-library-card__preview>b{color:#fff;background:#02060ec7;border-radius:6px;padding:2px 5px;font-size:10px;position:absolute;top:4px;left:4px}.persistent-asset-library-card__name{color:#e2e8f0d1;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:11px;display:block;overflow:hidden}.persistent-asset-library-card__unpin{color:#d8fbff;background:#085060e6;border:1px solid #67e8f98c;border-radius:7px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:9px;right:9px}.persistent-reference-limit-notice{color:#fecacaf5;background:#7f1d1d29;border:1px solid #f8717157;border-radius:9px;align-items:flex-start;gap:7px;margin:6px 10px 0;padding:7px 9px;font-size:11px;line-height:1.45;display:flex}.persistent-reference-limit-notice>svg{flex:none;margin-top:1px}
.canvas-container-navigator{position:relative}.canvas-container-navigator__panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0f19f5;border:1px solid #94a3b83d;border-radius:15px;width:min(330px,100vw - 88px);max-height:min(520px,100vh - 48px);position:absolute;top:50%;right:calc(100% + 12px);overflow:hidden;transform:translateY(-50%);box-shadow:0 18px 54px #0000006b}.canvas-container-navigator__panel>header{border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px 10px;display:flex}.canvas-container-navigator__panel>header>div{gap:2px;display:grid}.canvas-container-navigator__panel>header strong{color:#f8fafcf5;font-size:13px}.canvas-container-navigator__panel>header span,.canvas-container-navigator__panel>header button{color:#94a3b8c7;font-size:10px}.canvas-container-navigator__panel>header button{border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.canvas-container-navigator__list{gap:7px;max-height:440px;padding:10px;display:grid;overflow-y:auto}.canvas-container-navigator__list>button{border:1px solid color-mix(in srgb, var(--container-color) 38%, transparent);text-align:left;background:color-mix(in srgb, var(--container-color) 12%, #080c14e6);border-radius:10px;align-items:center;gap:9px;min-width:0;padding:8px;transition:border-color .15s,background .15s,transform .15s;display:flex}.canvas-container-navigator__list>button:hover{border-color:color-mix(in srgb, var(--container-color) 72%, #fff);background:color-mix(in srgb, var(--container-color) 20%, #080c14e6);transform:translate(-2px)}.canvas-container-navigator__list>button>i{width:29px;height:29px;color:color-mix(in srgb, var(--container-color) 72%, #fff);background:color-mix(in srgb, var(--container-color) 24%, transparent);border-radius:8px;flex:none;place-items:center;display:grid}.canvas-container-navigator__list>button>span{gap:2px;min-width:0;display:grid}.canvas-container-navigator__list>button strong{color:#f1f5f9f0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.canvas-container-navigator__list>button em{color:#94a3b8b8;font-size:10px;font-style:normal}.canvas-container-navigator__list>p{color:#94a3b8b8;text-align:center;padding:24px 10px;font-size:12px}
.floating-prompt-library__row.has-sort-control{grid-template-columns:38px 132px minmax(0,1fr)}.floating-prompt-library__row.has-sort-control.is-delete-mode{grid-template-columns:38px 132px minmax(0,1fr) 46px}.prompt-library-sort-control{color:#cbd5e1db;background:#080f1ccc;border:1px solid #94a3b833;border-radius:13px;grid-template-rows:3fr 7fr;min-height:84px;display:grid;position:relative;overflow:visible}.prompt-library-sort-control.is-dragging{background:#082f49c7;border-color:#38bdf88c}.prompt-library-sort-control__position,.prompt-library-sort-control__drag{min-width:0;color:inherit;background:0 0;border:0;outline:none;place-items:center;display:grid}.prompt-library-sort-control__position{color:#e0f2fef5;cursor:pointer;border-bottom:1px solid #94a3b82e;border-radius:12px 12px 0 0;font-size:12px;font-weight:800}.prompt-library-sort-control__position:hover,.prompt-library-sort-control__position:focus-visible{color:#e0f2fe;background:#38bdf824}.prompt-library-sort-control__drag{cursor:grab;touch-action:none;border-radius:0 0 12px 12px}.prompt-library-sort-control__drag:hover,.prompt-library-sort-control__drag:focus-visible{color:#f8fafc;background:#94a3b81a}.prompt-library-sort-control__drag:active{cursor:grabbing}.prompt-library-sort-control__drag:disabled{color:#64748b8c;cursor:not-allowed}.prompt-library-sort-control__number-grid{z-index:24;box-sizing:border-box;background:#0a0f19fa;border:1px solid #7dd3fc52;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:218px;padding:8px;display:grid;position:absolute;top:30px;left:0}.prompt-library-sort-control__number-option{color:#e2e8f0e0;cursor:pointer;background:#1e293bbd;border:1px solid #94a3b82e;border-radius:8px;place-items:center;height:30px;font-size:11px;font-weight:750;display:grid}.prompt-library-sort-control__number-option:hover,.prompt-library-sort-control__number-option:focus-visible{color:#f0f9ff;background:#0e749047;border-color:#38bdf88c;outline:none}.prompt-library-sort-control__number-option[aria-current=true]{color:#e0f2fe;cursor:default;background:#0e749066;border-color:#38bdf8a6}