@apply relative;.scroll-shadow{--scroll-shadow-size:40px}@apply overflow-y-auto;@apply overflow-x-auto;.scroll-shadow--fade.scroll-shadow--vertical[data-top-scroll=true]{--scroll-linear-gradient:0deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient));mask-image:linear-gradient(var(--scroll-linear-gradient));-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient))}.scroll-shadow--fade.scroll-shadow--vertical[data-bottom-scroll=true]{--scroll-linear-gradient:180deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient));mask-image:linear-gradient(var(--scroll-linear-gradient));-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient))}.scroll-shadow--fade.scroll-shadow--vertical[data-top-bottom-scroll=true]{--scroll-linear-gradient:#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent;-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient));mask-image:linear-gradient(var(--scroll-linear-gradient));-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient))}.scroll-shadow--fade.scroll-shadow--horizontal[data-left-scroll=true]{--scroll-linear-gradient:270deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient));mask-image:linear-gradient(var(--scroll-linear-gradient));-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient))}.scroll-shadow--fade.scroll-shadow--horizontal[data-right-scroll=true]{--scroll-linear-gradient:90deg, #000 calc(100% - var(--scroll-shadow-size)), transparent;-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient));mask-image:linear-gradient(var(--scroll-linear-gradient));-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient))}.scroll-shadow--fade.scroll-shadow--horizontal[data-left-right-scroll=true]{--scroll-linear-gradient:to right, #000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent;-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient));mask-image:linear-gradient(var(--scroll-linear-gradient));-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient))}.scroll-shadow--hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}@apply hidden;

@utility focus-ring{@apply ring-2 ring-focus ring-offset-0 ring-offset-background outline-none;  --tw-ring-offset-width: var(--ring-offset-width);}@utility focus-field-ring{@apply ring-2 ring-focus ring-offset-0 outline-none;  --tw-ring-offset-width: 0px;}@utility invalid-field-ring{ @apply outline-1 outline-danger outline-solid; --tw-ring-offset-width: 3px;  &:focus, &:focus-visible, &[data-focused="true"], &[data-focus-visible="true"], &:focus-within, &[data-focus-within="true"] { @apply ring-2 ring-danger ring-offset-0; --tw-ring-offset-width: 0px; }}@utility no-highlight{-webkit-tap-highlight-color: transparent;}@utility status-focused{@apply focus-ring;}@utility status-focused-field{@apply focus-field-ring;}@utility status-invalid-field{@apply invalid-field-ring;}@utility status-disabled{opacity: var(--disabled-opacity); cursor: var(--cursor-disabled); pointer-events: none;}@utility status-pending{@apply pointer-events-none;}
@custom-variant motion-reduce{ &:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) { @slot; &::before, &::after { @slot; } }  @media (prefers-reduced-motion: reduce) { &:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) { @slot; &::before, &::after { @slot; } } }}@custom-variant motion-safe{ &:is([data-reduce-motion="false"], [data-reduce-motion="false"] *) { @slot; &::before, &::after { @slot; } }  @media (prefers-reduced-motion: no-preference) { &:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *, [data-reduce-motion="false"], [data-reduce-motion="false"] *)) { @slot; &::before, &::after { @slot; } } }}@custom-variant dark{ &:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *) { @slot; &::before, &::after { @slot; } }  @media (prefers-color-scheme: dark) { &:not(:is(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)) & { @slot; &::before, &::after { @slot; } } }}
.dark{--field-border:var(--border)}body{color:#333;background-color:#f8f9fa;min-height:100vh;margin:0;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:110%}.dark body{color:#fff;background-color:#09090b}::selection{color:inherit;background:#007bff4d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}.dark ::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:#444}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark ::-webkit-scrollbar-thumb:hover{background:#555}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px;outline:2px solid #007bff}.card-form{background-color:#fff;border:1px solid #a9a9a9;border-radius:5px;margin:10px auto;padding:20px;line-height:1.6;box-shadow:0 7px 14px #0000001a}.dark .card-form{background-color:#1a1a2e;border-color:#333;box-shadow:0 7px 14px #0006}.dark .card-form h1,.dark .card-form h2,.dark .card-form h3,.dark .card-form h4{color:#fff}.btn-rich-black{color:#fff;cursor:pointer;background:#000411;border:none;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:700;transition:background .2s}.btn-rich-black:hover{background:#010b2c}.btn-rich-black:disabled{opacity:.5;cursor:not-allowed}.badge-credits{color:#007bff;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.dark .badge-credits{color:#4da6ff;background:linear-gradient(135deg,#1a1a2e,#16213e)}.badge-ready{color:#666;background:#fff;border:1px solid #e0e0e0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.dark .badge-ready{color:#aaa;background:#1a1a2e;border-color:#333}.dot-online{background:#28a745;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.section-label{text-transform:uppercase;letter-spacing:.08em;color:#6c757d;font-size:11px;font-weight:600}.dark .section-label{color:#888}.form-label{color:#495057;margin-bottom:4px;font-size:13px;font-weight:500;display:block}.dark .form-label{color:#ccc}.alert-info-bar{color:#fff;background:linear-gradient(135deg,#000411,#0a192f);border-radius:6px;margin-bottom:4px;padding:16px 20px;font-size:13px}.form-section-card{background:#fff;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden}.dark .form-section-card{background:#111827;border-color:#1f2937}.form-section-card-header{color:#333;background:#fafafa;border-bottom:1px solid #e8e8e8;padding:14px 16px;font-size:14px;font-weight:600}.dark .form-section-card-header{color:#e5e7eb;background:#1a1a2e;border-color:#1f2937}.form-section-card-body{padding:16px}[data-scope=select] [data-slot=trigger],.dark [data-scope=select] [data-slot=trigger],[data-scope=popover] [data-slot=content],.dark [data-scope=popover] [data-slot=content]{color:#333!important;background:#fff!important}.dark [data-scope=listbox] [data-slot=item]{color:#333!important}