.flicker-tool .tool-page-shell:has(.flicker-dash) .tool-page-head{margin-bottom:.75rem}.flicker-tool .tool-page-shell:has(.flicker-dash) .tool-page-head__lead{font-size:.875rem;line-height:1.55;color:rgb(var(--color-body));text-wrap:pretty}.flicker-tool{position:relative;z-index:1;isolation:isolate}.flicker-dash{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:900px){.flicker-dash{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto;gap:1rem 1.25rem;align-items:stretch}.flicker-dash__hero{grid-column:1 / span 3;grid-row:1 / span 2;min-height:clamp(300px,44vh,620px);height:auto}.flicker-dash__side{grid-column:4 / span 3;grid-row:1 / span 2;display:flex;flex-direction:column;gap:1rem;height:auto;min-height:0}}.flicker-dash__hero{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:clamp(300px,44vh,620px);padding:0;border-color:rgb(var(--color-accent) / .22);background:#0e0e0d;cursor:pointer}.flicker-dash__hero:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.flicker-dash__hero:fullscreen{border-radius:0;min-height:100%}.flicker-dash__stage{position:absolute;inset:0;width:100%;height:100%;background:#000}.flicker-dash__hint{position:absolute;top:1rem;left:50%;z-index:2;transform:translate(-50%);max-width:calc(100% - 2rem);padding:.35rem .75rem;border-radius:.5rem;background:#0009;backdrop-filter:blur(6px);font-size:.6875rem;font-weight:500;color:#ffffffd9;text-align:center;pointer-events:none}.flicker-fs-btn{position:absolute;top:.65rem;right:.65rem;z-index:3;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;border:1px solid rgb(255 255 255 / .16);background:#00000073;color:#ffffffe6;cursor:pointer}.flicker-fs-btn:hover{border-color:rgb(var(--color-accent) / .55);color:rgb(var(--color-accent))}.flicker-fs-btn:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.flicker-dash__hero-footer{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .85rem;border-radius:.75rem;background:#00000059;backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .08);font-size:.75rem;color:#ffffffbf;pointer-events:none}.flicker-dash__hero-footer-item{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.flicker-dash__hero-footer-item :global(svg){flex-shrink:0;color:rgb(var(--color-accent))}.flicker-dash__hero-footer-mode{font-size:.625rem;color:#ffffff73;text-align:right;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flicker-dash__row{display:grid;gap:1rem;grid-template-columns:1fr;align-items:stretch;min-height:0}@media(min-width:640px){.flicker-dash__row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.flicker-dash__row{flex:0 0 auto;min-height:348px}}.flicker-tool .flicker-panel.nexus-card{padding:0}.flicker-panel{display:flex;flex-direction:column;min-height:320px;height:100%;overflow:visible}.flicker-panel__head{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin:0;padding:1rem 1.125rem .65rem;min-width:0;border-bottom:1px solid rgb(var(--color-accent) / .12)}.flicker-panel__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:auto;padding:.65rem 1.125rem 1.125rem;overflow:visible}.flicker-panel__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.625rem;flex-shrink:0;background:rgb(var(--color-accent) / .14);color:rgb(var(--color-accent))}.flicker-panel__title{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-display);font-size:.875rem;font-weight:700;color:rgb(var(--color-ink))}.flicker-mode-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;flex:1 1 auto;min-height:0}.flicker-mode-list>li{display:flex;flex:1 1 0;min-height:0}.flicker-mode-btn{display:flex;align-items:center;gap:.55rem;width:100%;height:100%;min-height:2.75rem;padding:.45rem .55rem;border-radius:.5rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface-card));text-align:left;cursor:pointer}.flicker-mode-btn:hover{border-color:rgb(var(--color-accent) / .45)}.flicker-mode-btn--active{border-color:rgb(var(--color-accent) / .55);background:rgb(var(--color-accent) / .08)}.flicker-mode-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.375rem;flex-shrink:0;background:rgb(var(--color-hairline-soft));color:rgb(var(--color-muted))}.flicker-mode-btn--active .flicker-mode-btn__icon{background:rgb(var(--color-accent));color:rgb(var(--color-on-accent, 255 255 255))}.flicker-mode-btn__text{display:flex;flex-direction:column;gap:.05rem;min-width:0}.flicker-mode-btn__label{font-size:.75rem;font-weight:600;color:rgb(var(--color-ink))}.flicker-mode-btn--active .flicker-mode-btn__label{color:rgb(var(--color-accent))}.flicker-mode-btn__hint{font-size:.625rem;color:rgb(var(--color-body-strong));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flicker-panel__note{display:flex;align-items:flex-start;gap:.4rem;flex-shrink:0;margin:.55rem 0 0;padding:.55rem .65rem;border-radius:.5rem;border:1px solid rgb(var(--color-accent) / .18);background:rgb(var(--color-accent) / .08);font-size:.6875rem;line-height:1.4;color:rgb(var(--color-ink))}.flicker-panel__note-label{flex-shrink:0;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:.5625rem;color:rgb(var(--color-accent))}.flicker-meta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;flex-shrink:0;margin:.15rem 0 .65rem}.flicker-meta__row{display:flex;flex-direction:column;gap:.15rem;min-width:0;padding:.45rem .55rem;border-radius:.5rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-surface, var(--color-surface-card)) / .55)}.flicker-meta__row dt{margin:0;font-size:.5625rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:rgb(var(--color-muted))}.flicker-meta__row dd{margin:0;font-family:var(--font-mono, ui-monospace, monospace);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink))}.flicker-field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.85rem;flex-shrink:0}.flicker-field:last-of-type{margin-bottom:0}.flicker-field__label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer}.flicker-field__label-text{font-size:.6875rem;font-weight:600;color:rgb(var(--color-ink))}.flicker-field__value{font-family:var(--font-mono, ui-monospace, monospace);font-size:.625rem;font-weight:700;font-variant-numeric:tabular-nums;color:rgb(var(--color-accent))}.flicker-field__range{--flicker-range-pct: 50%;display:block;width:100%;height:.45rem;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:linear-gradient(to right,rgb(var(--color-accent)) 0%,rgb(var(--color-accent)) var(--flicker-range-pct),rgb(148 163 184 / .55) var(--flicker-range-pct),rgb(148 163 184 / .55) 100%);box-shadow:inset 0 0 0 1px #ffffff24;accent-color:rgb(var(--color-accent));cursor:pointer}.flicker-field__range:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.flicker-field__range::-webkit-slider-runnable-track{height:.45rem;border-radius:999px;background:transparent}.flicker-field__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.95rem;height:.95rem;margin-top:-.28rem;border-radius:999px;border:2px solid rgb(var(--color-surface-card));background:rgb(var(--color-accent));box-shadow:0 0 0 1px rgb(var(--color-accent) / .45)}.flicker-field__range::-moz-range-track{height:.45rem;border-radius:999px;background:#94a3b88c}.flicker-field__range::-moz-range-progress{height:.4rem;border-radius:999px;background:rgb(var(--color-accent))}.flicker-field__range::-moz-range-thumb{width:.95rem;height:.95rem;border-radius:999px;border:2px solid rgb(var(--color-surface-card));background:rgb(var(--color-accent));box-shadow:0 0 0 1px rgb(var(--color-accent) / .45)}.flicker-actions{display:flex;flex-direction:column;gap:.45rem;flex-shrink:0;margin-top:.65rem;padding-top:.75rem;border-top:1px solid rgb(var(--color-hairline-soft))}.flicker-actions .btn-primary,.flicker-actions .tool-btn-secondary{flex:0 0 auto;width:100%;min-height:2.5rem;max-width:100%;justify-content:center;white-space:nowrap}.flicker-colors{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;flex-shrink:0;margin-top:.15rem}.flicker-colors label{display:flex;flex-direction:column;gap:.4rem;min-width:0;color:rgb(var(--color-ink))}.flicker-colors__label{font-size:.6875rem;font-weight:700;letter-spacing:.01em;color:rgb(var(--color-ink))}.flicker-colors input[type=color]{width:100%;height:2.35rem;padding:.15rem;border:1px solid rgb(var(--color-hairline-soft));border-radius:.5rem;background:rgb(var(--color-surface-card));box-shadow:inset 0 0 0 1px #ffffff0f;cursor:pointer}.flicker-panel__body>.flicker-panel__note{margin-top:.55rem}.flicker-panel__body>.flicker-actions{margin-top:.65rem}.flicker-panel__rows{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin:0;justify-content:space-between;gap:0}.flicker-panel__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;min-height:2.75rem;padding:.35rem 0;border-bottom:1px solid rgb(var(--color-hairline-soft))}.flicker-panel__row:last-child{border-bottom:none}.flicker-panel__row-main{min-width:0}.flicker-panel__row-name{margin:0;font-size:.75rem;font-weight:600;color:rgb(var(--color-ink))}.flicker-panel__row-detail{margin:.1rem 0 0;font-size:.625rem;line-height:1.35;color:rgb(var(--color-muted))}.flicker-panel__badge{flex-shrink:0;padding:.2rem .45rem;border-radius:999px;border:1px solid rgb(var(--color-accent) / .28);background:rgb(var(--color-accent) / .1);font-size:.5625rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:rgb(var(--color-accent))}.flicker-panel__badge--muted{border-color:rgb(var(--color-hairline-soft));background:rgb(var(--color-hairline-soft));color:rgb(var(--color-muted))}.flicker-error{margin-top:.75rem;font-size:.8125rem;font-weight:600;color:rgb(var(--color-error, 239 68 68))}
