@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-amber-100:#fef3c6;--color-amber-500:#f99c00;--color-slate-200:#e2e8f0;--color-slate-950:#020618;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-950:lab(1.76974% 1.32743 -9.28855)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.inset-x-4{inset-inline:calc(var(--spacing)*4)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.bottom-4{bottom:calc(var(--spacing)*4)}.m-5{margin:calc(var(--spacing)*5)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-2{height:calc(var(--spacing)*2)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-24{height:calc(var(--spacing)*24)}.h-\[132px\]{height:132px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[72vh\]{max-height:72vh}.max-h-\[78vh\]{max-height:78vh}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[32px\]{min-height:32px}.min-h-\[72vh\]{min-height:72vh}.min-h-\[96px\]{min-height:96px}.min-h-\[100px\]{min-height:100px}.min-h-\[132px\]{min-height:132px}.min-h-\[200px\]{min-height:200px}.min-h-\[320px\]{min-height:320px}.w-10{width:calc(var(--spacing)*10)}.w-\[95\%\]{width:95%}.w-\[132px\]{width:132px}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[280px\]{max-width:280px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[32px\]{min-width:32px}.min-w-\[120px\]{min-width:120px}.min-w-\[200px\]{min-width:200px}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--line-soft\)\]{border-color:var(--line-soft)}.border-amber-500\/35{border-color:#f99c0059}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/35{border-color:color-mix(in oklab,var(--color-amber-500)35%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--surface\)_98\%\,transparent\)\]{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--surface\)_98\%\,transparent\)\]{background-color:color-mix(in srgb,var(--surface)98%,transparent)}}.bg-\[var\(--surface-soft\)\]{background-color:var(--surface-soft)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-slate-950\/85{background-color:#020618d9}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/85{background-color:color-mix(in oklab,var(--color-slate-950)85%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-\[linear-gradient\(90deg\,var\(--accent\)\,var\(--accent-2\)\)\]{background-image:linear-gradient(90deg,var(--accent),var(--accent-2))}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,rgba\(255\,255\,255\,0\.01\)\)\]{background-image:linear-gradient(#ffffff0a,#ffffff03)}.bg-\[radial-gradient\(circle_at_top\,\#1f2937_0\%\,\#0f172a_45\%\,\#020617_100\%\)\]{background-image:radial-gradient(circle at top,#1f2937 0%,#0f172a 45%,#020617 100%)}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(34\,211\,168\,0\.12\)\,transparent_28\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(91\,140\,255\,0\.12\)\,transparent_36\%\)\,var\(--app-bg\)\]{background-image:radial-gradient(circle at top left,#22d3a81f,transparent 28%),radial-gradient(circle at bottom right,#5b8cff1f,transparent 36%),var(--app-bg)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-10{padding-block:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--danger\)\]{color:var(--danger)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-amber-100{color:var(--color-amber-100)}.text-slate-200{color:var(--color-slate-200)}.uppercase{text-transform:uppercase}.shadow-\[0_12px_32px_rgba\(34\,211\,168\,0\.25\)\]{--tw-shadow:0 12px 32px var(--tw-shadow-color,#22d3a840);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_60px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 24px 60px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-soft\)\]{--tw-shadow:var(--shadow-soft);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-blur-\[20px\]{--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-\[var\(--text-muted\)\]::placeholder{color:var(--text-muted)}@media (hover:hover){.hover\:border-\[color-mix\(in_srgb\,var\(--accent\)_36\%\,var\(--line-soft\)\)\]:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[color-mix\(in_srgb\,var\(--accent\)_36\%\,var\(--line-soft\)\)\]:hover{border-color:color-mix(in srgb,var(--accent)36%,var(--line-soft))}}.hover\:bg-\[var\(--surface-hover\)\]:hover{background-color:var(--surface-hover)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}}.focus\:border-\[var\(--accent\)\]:focus{border-color:var(--accent)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}}@media (min-width:64rem){.lg\:inset-x-6{inset-inline:calc(var(--spacing)*6)}.lg\:bottom-5{bottom:calc(var(--spacing)*5)}.lg\:hidden{display:none}.lg\:h-12{height:calc(var(--spacing)*12)}.lg\:w-12{width:calc(var(--spacing)*12)}.lg\:w-\[360px\]{width:360px}.lg\:grid-cols-\[360px_minmax\(0\,1fr\)\]{grid-template-columns:360px minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:p-4{padding:calc(var(--spacing)*4)}.lg\:px-4{padding-inline:calc(var(--spacing)*4)}.lg\:py-3\.5{padding-block:calc(var(--spacing)*3.5)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:80rem){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:p-5{padding:calc(var(--spacing)*5)}}}:root{--app-bg:#0a0f1a;--surface:#0e1626eb;--surface-soft:#ffffff0f;--surface-hover:#ffffff1a;--line-soft:#ffffff14;--line-strong:#ffffff26;--text-primary:#f0f5ff;--text-secondary:#dcebffb3;--text-muted:#dcebff66;--accent:#22d3a8;--accent-hover:#1fb899;--accent-2:#5b8cff;--accent-2-hover:#4a7ae8;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--shadow-soft:0 8px 32px #0000004d;--shadow-strong:0 16px 48px #0006;--shadow-glow:0 0 40px #22d3a826;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--radius-full:999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--transition-bounce:.25s cubic-bezier(.16,1,.3,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--app-bg:#f5f8fc;--surface:#fffffff2;--surface-soft:#0f1e370a;--surface-hover:#0f1e3714;--line-soft:#0f1e371a;--line-strong:#0f1e372e;--text-primary:#0d1a2d;--text-secondary:#0d1a2d99;--text-muted:#0d1a2d59;--accent:#0c9a78;--accent-hover:#0a8568;--accent-2:#2a5ae0;--accent-2-hover:#2348b8;--shadow-soft:0 8px 32px #0f1e3714;--shadow-strong:0 16px 48px #0f1e371f;--shadow-glow:0 0 40px #0c9a781a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text-primary);background:var(--app-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;overflow:hidden}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-beian{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 2px);text-align:center;flex-shrink:0}.site-footer-text,.site-footer-link{color:var(--text-muted);opacity:.78;transition:color var(--transition-fast),opacity var(--transition-fast);font-size:11px;line-height:1.4}.site-footer-link:hover{color:var(--text-secondary);opacity:1}.site-footer-separator{color:var(--text-muted);opacity:.45;margin:0 6px;font-size:11px}.app-beian,.login-beian{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}button,input,select,textarea{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}dialog{background:0 0;border:0;max-width:100%;max-height:100%;padding:0}dialog:not([open]){display:none}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040a14b8}.glass-panel{border:1px solid var(--line-soft);border-radius:var(--radius-2xl);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.glass-panel{background:color-mix(in srgb,var(--surface)98%,transparent)}}.glass-panel{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.split-mode-shell{background:radial-gradient(circle at 100% 0,#ffb1671f,#0000 30%),linear-gradient(#ffc47a0d,#ffffff03)}.app-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-button{min-width:0;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);border-radius:14px;align-items:center;gap:12px;padding:4px;display:inline-flex;position:relative}.brand-button:hover{background:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.brand-button:hover{background:color-mix(in srgb,var(--surface-soft)85%,transparent)}}.brand-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.brand-button:active{transform:translateY(0)}.header-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.ui-btn{border:1px solid var(--line-soft);color:var(--text-primary);white-space:nowrap;transition:border-color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex}.ui-btn:hover:not(:disabled){transform:translateY(-1px)}.ui-btn:active:not(:disabled){transform:translateY(0)}.ui-btn:disabled{opacity:.56;cursor:not-allowed;transform:none}.ui-btn-primary{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#03151e;border-color:#0000;box-shadow:0 10px 26px #3a8af433}.ui-btn-primary:hover:not(:disabled){box-shadow:0 14px 34px #3a8af447}.ui-btn-secondary{background:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.ui-btn-secondary{background:color-mix(in srgb,var(--surface-soft)96%,transparent)}}.ui-btn-secondary:hover:not(:disabled),.ui-btn-ghost:hover:not(:disabled){border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-btn-secondary:hover:not(:disabled),.ui-btn-ghost:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent)36%,var(--line-soft))}}.ui-btn-secondary:hover:not(:disabled),.ui-btn-ghost:hover:not(:disabled){background:var(--surface-hover)}.ui-btn-ghost{background:0 0}.ui-btn-active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ui-btn-active{border-color:color-mix(in srgb,var(--accent)52%,var(--line-soft))}}.ui-btn-active{box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#22d3a81f,#5b8cff1f)}.ui-btn-icon{width:32px;height:32px;padding:0;font-size:16px}.ui-btn-md{min-height:30px;padding:0 12px;font-size:13px}.ui-btn-sm{min-height:28px;padding:0 10px;font-size:12px}.ui-btn-xs{border-radius:8px;min-height:24px;padding:0 8px;font-size:11px}.ui-select{appearance:none;border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.ui-select{background:color-mix(in srgb,var(--surface-soft)96%,transparent)}}.ui-select{color:var(--text-primary);outline:none}.ui-select:focus{border-color:var(--accent)}.ui-select-sm{min-height:30px;padding:0 28px 0 10px;font-size:12px}.ui-badge{border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ui-badge{background:color-mix(in srgb,var(--surface-soft)92%,transparent)}}.ui-badge{color:var(--text-secondary);font-size:11px}.ui-badge-accent{border-color:var(--accent);background:linear-gradient(135deg,#22d3a829,#5b8cff29)}@supports (color:color-mix(in lab, red, red)){.ui-badge-accent{border-color:color-mix(in srgb,var(--accent)26%,var(--line-soft))}}.ui-badge-accent{box-shadow:var(--shadow-glow)}.section-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.section-toolbar-copy{min-width:0}.section-toolbar-actions{align-items:center;gap:8px;display:flex}.section-toolbar-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.toolbar-chip-group{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.image-display-shell{padding:12px}.control-chip{justify-content:center;align-items:center;gap:var(--spacing-sm);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-soft);color:var(--text-primary);padding:var(--spacing-sm)var(--spacing-lg);white-space:nowrap;transition:border-color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);font-size:14px;font-weight:500;display:inline-flex}.control-chip-compact{padding:6px 10px;font-size:13px}.control-chip-mini{gap:4px;min-height:18px;padding:2px 6px;font-size:11px}.control-chip:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.control-chip:hover{border-color:color-mix(in srgb,var(--accent)40%,var(--line-soft))}}.control-chip:hover{background:var(--surface-hover)}.control-chip:active{transform:translateY(0)}.control-chip:disabled{opacity:.5;cursor:not-allowed;transform:none}.chip-active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.chip-active{border-color:color-mix(in srgb,var(--accent)60%,var(--line-soft))}}.chip-active{box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#22d3a826,#5b8cff26)}.chip-icon{padding:var(--spacing-sm);min-width:36px;height:36px}.icon-button{border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:var(--surface-soft);width:40px;height:40px;color:var(--text-primary);transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);justify-content:center;align-items:center;font-size:18px;display:inline-flex}.icon-button:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.icon-button:hover{border-color:color-mix(in srgb,var(--accent)35%,var(--line-soft))}}.icon-button:hover{background:var(--surface-hover)}.icon-button:active{transform:translateY(0)}.history-card{gap:var(--spacing-md);border-radius:var(--radius-xl);border:1px solid var(--line-soft);background:var(--surface-soft);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;padding:10px 12px;display:flex;position:relative}.history-card:hover{border-color:var(--accent-2);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.history-card:hover{border-color:color-mix(in srgb,var(--accent-2)35%,var(--line-soft))}}.history-card:hover{box-shadow:var(--shadow-soft);background:linear-gradient(#5b8cff14,#ffffff05)}.history-card-active{border-color:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.history-card-active{border-color:color-mix(in srgb,var(--accent-2)50%,var(--line-soft))}}.history-card-active{box-shadow:var(--shadow-soft);background:linear-gradient(#5b8cff1f,#ffffff0a)}.history-card-selectable{padding-left:34px}.history-card-selected{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.history-card-selected{border-color:color-mix(in srgb,var(--accent)55%,var(--line-soft))}}.history-card-selected{box-shadow:var(--shadow-soft);background:linear-gradient(#22d3a81f,#5b8cff0f)}.history-card-row{flex-direction:row;align-items:center;gap:10px;min-height:78px;padding:9px 10px}.history-card-delete{z-index:2;color:#fff;cursor:pointer;opacity:.35;width:18px;height:18px;transition:background var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);background:#0f172ab3;border:0;border-radius:0 0 0 6px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex;position:absolute;top:0;right:0}.history-card:hover .history-card-delete{opacity:.82}.history-card-delete:hover{opacity:1;background:#dc2626eb;transform:scale(1.06)}.history-card-checkbox{z-index:2;border:1px solid var(--accent);width:18px;height:18px;position:absolute;top:10px;left:10px}@supports (color:color-mix(in lab, red, red)){.history-card-checkbox{border:1px solid color-mix(in srgb,var(--accent)28%,var(--line-soft))}}.history-card-checkbox{color:#fff;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);background:#0f172a6b;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.history-card-checkbox:hover{border-color:var(--accent);transform:scale(1.05)}@supports (color:color-mix(in lab, red, red)){.history-card-checkbox:hover{border-color:color-mix(in srgb,var(--accent)52%,var(--line-soft))}}.history-card-checkbox-selected{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.history-card-checkbox-selected{background:color-mix(in srgb,var(--accent)72%,#0f172a6b)}}.history-card-checkbox-selected{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.history-card-checkbox-selected{border-color:color-mix(in srgb,var(--accent)70%,var(--line-soft))}}.history-kind-badge{background:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.history-kind-badge{background:color-mix(in srgb,var(--accent)18%,transparent)}}.history-kind-badge{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.history-kind-badge{border:1px solid color-mix(in srgb,var(--accent)28%,var(--line-soft))}}.history-kind-badge{color:var(--text-primary);white-space:nowrap}.history-clear-button{border:1px solid var(--danger);border-radius:999px;justify-content:center;align-items:center;min-width:58px;padding:7px 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.history-clear-button{border:1px solid color-mix(in srgb,var(--danger)18%,var(--line-soft))}}.history-clear-button{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.history-clear-button{background:color-mix(in srgb,var(--danger)7%,var(--surface-soft))}}.history-clear-button{color:var(--text-primary);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);font-size:12px;font-weight:600}.history-clear-button:hover{background:var(--danger);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.history-clear-button:hover{background:color-mix(in srgb,var(--danger)10%,var(--surface-hover))}}.history-clear-button:hover{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.history-clear-button:hover{border-color:color-mix(in srgb,var(--danger)35%,var(--line-soft))}}.history-card-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-card-thumb{flex-shrink:0;width:64px;height:64px}.history-task-placeholder{background:linear-gradient(120deg,#5b8cff1f,#22d3a81a,#5b8cff1f),var(--surface-soft);width:100%;height:100%;color:var(--text-secondary);letter-spacing:.02em;background-size:200% 100%;justify-content:center;align-items:center;font-size:11px;font-weight:600;animation:1.5s linear infinite history-task-shimmer;display:flex}.history-task-placeholder-failed{background:linear-gradient(120deg,#f43f5e29,#fb923c1f,#f43f5e29),var(--surface-soft);color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.history-task-placeholder-failed{color:color-mix(in srgb,var(--danger)68%,var(--text-primary))}}.history-task-placeholder-failed{animation-duration:2.4s}.history-card-meta-row{color:var(--text-secondary);align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex;overflow:hidden}.viewer-sidebar{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--accent-2)transparent;width:272px;min-width:272px;min-height:0;overflow-y:scroll}@supports (color:color-mix(in lab, red, red)){.viewer-sidebar{scrollbar-color:color-mix(in srgb,var(--accent-2)48%,var(--line-soft))transparent}}.viewer-sidebar{border-left:1px solid var(--line-soft);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.viewer-sidebar{background:color-mix(in srgb,var(--surface)92%,transparent)}}.viewer-sidebar{flex-direction:column;gap:10px;padding:10px;display:flex}.viewer-sidebar::-webkit-scrollbar{width:8px}.viewer-sidebar::-webkit-scrollbar-track{background:0 0}.viewer-sidebar::-webkit-scrollbar-thumb{background:var(--accent-2);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.viewer-sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-2)48%,var(--line-soft))}}.viewer-sidebar::-webkit-scrollbar-thumb{background-clip:padding-box;border:2px solid #0000}.viewer-sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.viewer-sidebar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent)58%,var(--line-strong))}}.viewer-sidebar::-webkit-scrollbar-thumb:hover{background-clip:padding-box}.viewer-sidebar-section{border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:var(--surface-soft);padding:12px}.viewer-sidebar-panel{border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:linear-gradient(#ffffff0a,#ffffff05);overflow:hidden}.viewer-sidebar-block{padding:12px}.viewer-sidebar-block+.viewer-sidebar-block{border-top:1px solid var(--line-soft)}.viewer-sidebar-empty{flex:1}.viewer-sidebar-label{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.viewer-meta-card{flex-direction:column;gap:6px;display:flex}.viewer-info-list{gap:8px;margin-top:8px;display:grid}.viewer-info-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.viewer-info-row strong{color:var(--text-primary);font-size:12px;font-weight:600}.viewer-duration-chip{border:1px solid var(--accent-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.viewer-duration-chip{border:1px solid color-mix(in srgb,var(--accent-2)30%,var(--line-soft))}}.viewer-duration-chip{box-shadow:inset 0 1px 0 #ffffff0a,var(--shadow-glow);background:linear-gradient(120deg,#5b8cff29,#22d3a824,#5b8cff1a),#ffffff05}.viewer-duration-chip:after{content:"";background:linear-gradient(90deg,#0000,#ffffff29,#0000);animation:3.8s linear infinite viewer-duration-scan;position:absolute;inset:0;transform:translate(-100%)}.viewer-duration-label,.viewer-duration-value{z-index:1;position:relative}.viewer-duration-label{letter-spacing:.06em;color:var(--text-secondary);text-transform:uppercase;font-size:11px}.viewer-duration-value{color:var(--text-primary);font-size:18px;font-weight:700}.task-stage{border:1px solid var(--accent-2);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:min(460px,100%);min-height:260px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.task-stage{border:1px solid color-mix(in srgb,var(--accent-2)24%,var(--line-soft))}}.task-stage{background:radial-gradient(circle at 50% 15%,#5b8cff2e,#0000 36%),linear-gradient(#ffffff0a,#ffffff05);overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.task-stage:after{content:"";opacity:.75;background:conic-gradient(#5b8cff00,#5b8cff2e,#22d3a824,#5b8cff00);animation:9s linear infinite task-stage-rotate;position:absolute;inset:-40%}.task-stage-failed:after{background:conic-gradient(#f43f5e00,#f43f5e29,#fb923c24,#f43f5e00)}.task-stage-radar,.task-stage-beam,.task-stage-copy{z-index:1;position:relative}.task-stage-radar{background:radial-gradient(circle,#5b8cff38 0%,#5b8cff0f 42%,#0000 68%),radial-gradient(circle,#22d3a829,#0000 62%);border:1px solid #ffffff1a;border-radius:999px;width:144px;height:144px;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 32px #5b8cff24}.task-stage-radar:before,.task-stage-radar:after{content:"";border-radius:inherit;border:1px solid #ffffff14;position:absolute;inset:14px}.task-stage-radar:after{inset:34px}.task-stage-beam{transform-origin:50%;background:conic-gradient(#0000 0deg,#22d3a8d6 48deg,#0000 92deg);border-radius:999px;width:146px;height:146px;position:absolute;-webkit-mask-image:radial-gradient(circle,#0000 0 44%,#000 45% 100%);mask-image:radial-gradient(circle,#0000 0 44%,#000 45% 100%)}.task-stage-beam-a{animation:2.8s linear infinite task-stage-spin}.task-stage-beam-b{opacity:.54;animation:4.2s linear infinite task-stage-spin-reverse}.task-stage-copy{text-align:center;max-width:320px}.task-stage-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-size:11px;font-weight:700}.task-stage-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700;line-height:1.4}.task-stage-meta{color:var(--text-secondary);margin:10px 0 0;font-size:13px;line-height:1.7}.viewer-meta-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.viewer-meta-subtitle{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.viewer-preview-frame{background:var(--surface-soft);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.viewer-preview-frame{background:color-mix(in srgb,var(--surface-soft)92%,#0000001f)}}.viewer-preview-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 20%,#5b8cff2e,#0000 42%),linear-gradient(#060e1cc2,#060e1ce0);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.viewer-preview-overlay-inline{min-height:100%}.viewer-preview-loader{border:2px solid #ffffff1f;border-top-color:var(--accent);border-radius:999px;width:44px;height:44px}@supports (color:color-mix(in lab, red, red)){.viewer-preview-loader{border-top-color:color-mix(in srgb,var(--accent)75%,white)}}.viewer-preview-loader{border-right-color:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.viewer-preview-loader{border-right-color:color-mix(in srgb,var(--accent-2)72%,white)}}.viewer-preview-loader{animation:1s linear infinite task-stage-spin}.viewer-preview-status{letter-spacing:.08em;color:#ffffffd1;font-size:11px}.redraw-reference-strip{align-items:center;gap:6px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.redraw-reference-chip,.redraw-reference-add,.redraw-reference-restore{border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:999px;width:26px;min-width:26px;height:26px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.redraw-reference-chip,.redraw-reference-add,.redraw-reference-restore{background:color-mix(in srgb,var(--surface-soft)96%,transparent)}}.redraw-reference-chip,.redraw-reference-add,.redraw-reference-restore{transition:transform var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.redraw-reference-chip:hover,.redraw-reference-add:hover,.redraw-reference-restore:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.redraw-reference-chip:hover,.redraw-reference-add:hover,.redraw-reference-restore:hover{border-color:color-mix(in srgb,var(--accent)36%,var(--line-soft))}}.redraw-reference-remove{color:#fff;opacity:0;transition:opacity var(--transition-fast);background:#040a14ad;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.redraw-reference-chip:hover .redraw-reference-remove{opacity:1}.redraw-reference-add{color:var(--text-secondary);justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.redraw-reference-restore{color:var(--text-secondary);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.sidebar-button-row{gap:8px;display:flex}.viewer-sidebar-block-drag{background:var(--accent);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.viewer-sidebar-block-drag{background:color-mix(in srgb,var(--accent)10%,transparent)}}.viewer-sidebar-block-drag{box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.viewer-sidebar-block-drag{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent)38%,var(--line-soft))}}.sidebar-action-button{min-height:36px;padding:8px 14px;font-size:13px}.sidebar-download-button{min-height:36px;padding:8px 12px;font-size:12px}.image-upload-dropzone{cursor:pointer;border:1px dashed var(--accent-2);border-radius:18px;flex:1;min-height:100%;display:flex}@supports (color:color-mix(in lab, red, red)){.image-upload-dropzone{border:1px dashed color-mix(in srgb,var(--accent-2)34%,var(--line-soft))}}.image-upload-dropzone{transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);background:radial-gradient(circle at 0 0,#22d3a814,#0000 34%),radial-gradient(circle at 100% 100%,#5b8cff14,#0000 32%),linear-gradient(#ffffff08,#ffffff04)}@keyframes history-task-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes task-stage-spin{to{transform:rotate(360deg)}}@keyframes task-stage-spin-reverse{to{transform:rotate(-360deg)}}@keyframes task-stage-pulse{0%,to{opacity:.88;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes task-stage-rotate{to{transform:rotate(360deg)}}@keyframes viewer-duration-scan{to{transform:translate(100%)}}.image-upload-dropzone:hover,.image-upload-dropzone-active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.image-upload-dropzone:hover,.image-upload-dropzone-active{border-color:color-mix(in srgb,var(--accent)45%,var(--line-soft))}}.image-upload-dropzone:hover,.image-upload-dropzone-active{transform:scale(1.005);box-shadow:0 0 0 2px #22d3a824}.dream-empty-stage{position:relative;overflow:hidden}.dream-empty-backdrop{pointer-events:none;position:absolute;inset:0}.dream-empty-content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:700px;margin:auto;padding:32px 24px;display:flex;position:relative}.dream-emblem{border:1px solid var(--accent);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:32px;padding:20px 26px 18px;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.dream-emblem{border:1px solid color-mix(in srgb,var(--accent)26%,var(--line-soft))}}.dream-emblem{box-shadow:inset 0 1px 0 #ffffff14,0 0 0 1px #ffffff05,0 18px 44px #0b132447,var(--shadow-glow);background:radial-gradient(circle at 0 0,#22d3a824,#0000 42%),radial-gradient(circle at 100% 100%,#5b8cff29,#0000 46%),linear-gradient(135deg,#060e1cdb,#0e1a30b3);animation:6s ease-in-out infinite dream-float;overflow:hidden}.dream-emblem:before,.dream-emblem:after{content:"";pointer-events:none;position:absolute;inset:auto}.dream-emblem:before{background:radial-gradient(circle,#22d3a83d,#0000 72%);border-radius:999px;width:120px;height:120px;animation:5s ease-in-out infinite dream-pulse;top:-28px;left:-12px}.dream-emblem:after{background:radial-gradient(circle,#5b8cff33,#0000 74%);border-radius:999px;width:150px;height:150px;animation:6.5s ease-in-out infinite reverse dream-pulse;bottom:-26px;right:-18px}.dream-emblem-core{z-index:1;letter-spacing:.22em;text-indent:.22em;color:#0000;text-shadow:0 0 24px #7df0de38;background:linear-gradient(135deg,#f6fbff 0%,#7df0de 42%,#8fb8ff 76%,#f0c8ff 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,5vw,58px);font-weight:800;line-height:.92;position:relative}.dream-emblem-sub{z-index:1;letter-spacing:.32em;text-indent:.32em;color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:700;position:relative}.dream-orb{filter:blur(8px);opacity:.68;border-radius:999px;animation:16s linear infinite dream-drift;position:absolute}.dream-orb-a{background:radial-gradient(circle,#22d3a838,#0000 72%);width:180px;height:180px;top:10%;left:14%}.dream-orb-b{background:radial-gradient(circle,#5b8cff2e,#0000 72%);width:220px;height:220px;animation-duration:20s;top:18%;right:12%}.dream-orb-c{background:radial-gradient(circle,#ffb1671f,#0000 72%);width:200px;height:200px;animation-duration:22s;bottom:10%;left:34%}.dream-grid{opacity:.35;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000000b8,#0000 85%);mask-image:radial-gradient(circle,#000000b8,#0000 85%)}.upload-panel{border-radius:var(--radius-xl);border:1px dashed var(--accent-2);justify-content:center;align-items:center;min-height:72px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.upload-panel{border:1px dashed color-mix(in srgb,var(--accent-2)30%,var(--line-soft))}}.upload-panel{padding:var(--spacing-md);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);background:radial-gradient(circle at 0 0,#22d3a80f,#0000 40%),linear-gradient(#ffffff05,#ffffff03)}.upload-panel:after{content:"";opacity:0;transition:opacity var(--transition-fast);pointer-events:none;background:linear-gradient(135deg,#22d3a814,#5b8cff14);position:absolute;inset:0}.upload-panel:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.upload-panel:hover{border-color:color-mix(in srgb,var(--accent)40%,var(--line-soft))}}.upload-panel-active{border-color:var(--accent);transform:scale(1.01)}@supports (color:color-mix(in lab, red, red)){.upload-panel-active{border-color:color-mix(in srgb,var(--accent)55%,var(--line-soft))}}.upload-panel-active{box-shadow:0 0 0 2px #22d3a833}.upload-panel-active:after,.upload-panel-pulse:after{opacity:1}.upload-panel-pulse{animation:.42s ease-out upload-pulse}.reference-thumb{border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:#0000001f;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000026}.reference-thumb-button{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0}.reference-remove{border-radius:var(--radius-full);color:#fff;cursor:pointer;width:18px;height:18px;transition:background var(--transition-fast);background:#070e1ad9;border:0;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.reference-remove:hover{background:var(--danger)}.split-tile{border-radius:var(--radius-lg);border:1px solid var(--line-soft);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);background:#0000001f;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000001a}.split-tile:hover{border-color:var(--accent);transform:scale(1.03)}@supports (color:color-mix(in lab, red, red)){.split-tile:hover{border-color:color-mix(in srgb,var(--accent)45%,var(--line-soft))}}.split-tile:hover{box-shadow:0 0 0 1px #22d3a826,0 12px 28px #0000002e}.split-tile-active{border-color:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.split-tile-active{border-color:color-mix(in srgb,var(--accent-2)45%,var(--line-soft))}}.split-tile-active{box-shadow:0 0 0 2px #5b8cff40,0 12px 28px #00000026}.split-tile-index,.split-tile-badge{z-index:2;border-radius:var(--radius-md);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 7px;font-size:10px;font-weight:500;line-height:1;position:absolute}.split-tile-index{background:#070e1acc;top:6px;left:6px}.split-tile-badge{background:#0c9a78d9;bottom:6px;right:6px}.split-tile-overlay{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 12%,#5b8cff33,#0000 36%),linear-gradient(#070e1a99,#070e1adb);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.split-tile-spinner{border:2px solid #ffffff1a;border-top-color:var(--accent);border-radius:999px;width:30px;height:30px}@supports (color:color-mix(in lab, red, red)){.split-tile-spinner{border-top-color:color-mix(in srgb,var(--accent)78%,white)}}.split-tile-spinner{border-right-color:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.split-tile-spinner{border-right-color:color-mix(in srgb,var(--accent-2)72%,white)}}.split-tile-spinner{animation:.9s linear infinite task-stage-spin}.split-tile-status{letter-spacing:.08em;color:#ffffffd6;font-size:10px}.split-tile-error{z-index:2;color:#fff;background:#aa253de0;border-radius:999px;padding:4px 8px;font-size:10px;line-height:1;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.generate-button{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-lg);color:#03151e;background:linear-gradient(135deg,var(--accent-2),var(--accent));transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);border:0;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 12px 32px #3a8af440}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 40px #3a8af459}.generate-button:active:not(:disabled){transform:translateY(-1px)}.generate-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-shell{justify-content:center;align-items:center;width:100%;max-width:none;min-height:100vh;margin:0;padding:16px;display:flex;inset:0}.modal-card,.image-modal-card{border:1px solid var(--line-soft);border-radius:var(--radius-2xl);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.modal-card,.image-modal-card{background:color-mix(in srgb,var(--surface)98%,transparent)}}.modal-card,.image-modal-card{box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-card{width:min(100%,680px);max-width:calc(100vw - 32px);padding:var(--spacing-xl)}.image-modal{width:min(100%,1000px)}.image-modal-card{padding:var(--spacing-md);flex-direction:column;align-items:center;display:flex}.field-input{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-soft);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:12px 16px;font-size:14px}.reference-album-shell{width:132px;min-width:132px;position:relative;overflow:visible}.reference-album-shell-many{width:208px;min-width:208px}.reference-album{border:1px dashed var(--accent-2);flex-direction:column;justify-content:flex-end;width:132px;min-width:132px;height:132px;padding:10px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.reference-album{border:1px dashed color-mix(in srgb,var(--accent-2)28%,var(--line-soft))}}.reference-album{border-radius:var(--radius-xl);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);background:radial-gradient(circle at 0 0,#22d3a81a,#0000 44%),linear-gradient(#ffffff0a,#ffffff03)}.reference-album:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.reference-album:hover{border-color:color-mix(in srgb,var(--accent)38%,var(--line-soft))}}.reference-album:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.reference-album-active{border-style:solid;border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.reference-album-active{border-color:color-mix(in srgb,var(--accent)55%,var(--line-soft))}}.reference-album-active{box-shadow:var(--shadow-glow);background:radial-gradient(circle at 0 0,#22d3a829,#0000 48%),linear-gradient(#5b8cff1a,#ffffff05)}.reference-album-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.reference-album-track{flex:1;min-height:0;position:relative}.reference-album-popover{z-index:12;opacity:0;pointer-events:none;transform-origin:0;max-width:min(72vw,920px);transition:opacity var(--transition-fast),transform var(--transition-bounce);align-items:flex-start;padding-left:12px;display:flex;position:absolute;top:8px;left:calc(100% - 2px);transform:translate(-8px)}.reference-album-popover:before{content:"";width:22px;height:92px;position:absolute;top:0;right:100%}.reference-album-popover-row{isolation:isolate;scrollbar-width:none;grid-auto-columns:72px;grid-auto-flow:column;align-items:end;gap:8px;max-width:min(72vw,920px);padding:22px 18px 12px 14px;scroll-padding-inline:14px 18px;display:grid;overflow:auto hidden}.reference-album-popover-row::-webkit-scrollbar{display:none}.reference-popover-thumb{cursor:pointer;opacity:0;width:72px;height:72px;z-index:var(--reference-popover-z-index,1);transform:translate3d(calc(-18px - (var(--reference-popover-index,0)*4px)),0,0)scale(.88)rotate(-4deg);transform-origin:0;transition:opacity .22s,transform .36s cubic-bezier(.22,1,.36,1),box-shadow .22s,filter .22s,z-index 0s linear .12s;transition-delay:calc(var(--reference-popover-index,0)*24ms);filter:saturate(.86)brightness(.92);will-change:transform,filter;backface-visibility:hidden;background:#070e1a33;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 16px 30px #00000038}.reference-popover-thumb:before{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,var(--reference-popover-border-alpha,.12));pointer-events:none;position:absolute;inset:0}.reference-popover-thumb:after{content:"";opacity:0;filter:blur(10px);background:radial-gradient(circle,#a0b4ff57,#0000 72%);border-radius:999px;height:14px;transition:opacity .22s,transform .36s cubic-bezier(.22,1,.36,1);position:absolute;inset:auto 8px -12px;transform:scale(.84)}.reference-album-many{width:208px;min-width:208px}.reference-album-many .reference-album-track{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding-right:2px;display:grid;overflow-y:auto}.reference-thumb{cursor:pointer;width:72px;height:72px;transition:transform var(--transition-bounce),box-shadow var(--transition-fast);background:#070e1a8f;border:1px solid #ffffff1f;border-radius:10px;position:absolute;top:6px;left:6px;overflow:hidden;box-shadow:0 10px 24px #00000038}.reference-thumb-grid{aspect-ratio:1;z-index:auto;width:100%;height:auto;position:relative;top:auto;left:auto;transform:none}.reference-thumb-remove{color:#fff;opacity:0;width:18px;height:18px;transition:opacity var(--transition-fast),background var(--transition-fast);background:#070e1adb;border-radius:6px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex;position:absolute;top:6px;right:6px}.reference-thumb:hover .reference-thumb-remove,.reference-album:hover .reference-thumb-remove{opacity:1}.reference-thumb-remove:hover{background:#ef4444eb}.reference-thumb img,.reference-popover-thumb img{display:block}.reference-thumb-0{z-index:5;transform:translate(0)rotate(-5deg)scale(.98)}.reference-thumb-1{z-index:4;transform:translate(10px)translateY(2px)rotate(-2deg)scale(.96)}.reference-thumb-2{z-index:3;transform:translate(20px)translateY(4px)rotate(1deg)scale(.94)}.reference-thumb-3{z-index:2;transform:translate(30px)translateY(6px)rotate(4deg)scale(.92)}.reference-thumb-4{z-index:1;transform:translate(40px)translateY(8px)rotate(7deg)scale(.9)}.reference-album-footer{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font-size:11px;line-height:1;display:flex}@media (hover:hover){.reference-album-shell-has-popover:hover .reference-album-popover,.reference-album-shell-has-popover:focus-within .reference-album-popover{opacity:1;pointer-events:auto;transform:translate(0)}.reference-album-shell-has-popover:hover .reference-popover-thumb,.reference-album-shell-has-popover:focus-within .reference-popover-thumb{opacity:1;transform:translate3d(var(--reference-popover-focus-shift,0px),var(--reference-popover-focus-lift,0px),0)scale(var(--reference-popover-focus-scale,1))rotate(var(--reference-popover-focus-rotate,0deg));box-shadow:0 18px 32px rgba(0,0,0,var(--reference-popover-shadow-alpha,.22));filter:saturate(var(--reference-popover-focus-saturate,1))brightness(var(--reference-popover-focus-brightness,1));transition-delay:calc(var(--reference-popover-index,0)*24ms),calc(var(--reference-popover-index,0)*24ms),calc(var(--reference-popover-index,0)*24ms),calc(var(--reference-popover-index,0)*24ms),0s}.reference-album-shell-has-popover:hover .reference-popover-thumb:after,.reference-album-shell-has-popover:focus-within .reference-popover-thumb:after{opacity:.48;transform:scale(var(--reference-popover-focus-scale,1))}.reference-popover-thumb:hover .reference-thumb-remove,.reference-album-shell-has-popover:focus-within .reference-popover-thumb .reference-thumb-remove{opacity:1}}@media (hover:none){.reference-album-popover{display:none}}.field-input:focus{border-color:var(--accent)}.field-input::placeholder{color:var(--text-muted)}.toast-stack{right:var(--spacing-lg);bottom:var(--spacing-lg);z-index:60;gap:var(--spacing-md);flex-direction:column;display:flex;position:fixed}.toast-card{border-radius:var(--radius-xl);border:1px solid var(--line-soft);color:#fff;min-width:200px;max-width:320px;box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 16px;font-size:14px;animation:.25s cubic-bezier(.16,1,.3,1) toast-in}.toast-info{background:#1c2b4eeb}.toast-success{background:#0c5842eb}.toast-warning{background:#6a5015eb}.toast-danger{background:#752431eb}.bottom-nav{z-index:50;height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.bottom-nav{background:color-mix(in srgb,var(--surface)95%,transparent)}}.bottom-nav{border-top:1px solid var(--line-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav-item{border-radius:var(--radius-lg);color:var(--text-muted);transition:color var(--transition-fast),background var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 16px;font-size:11px;display:flex}.bottom-nav-item:hover{color:var(--text-secondary)}.bottom-nav-item-active{color:var(--accent);background:#22d3a81a}.bottom-nav-icon{font-size:22px}.drawer-overlay{z-index:55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);background:#040a1499;position:fixed;inset:0}.drawer-overlay-open{opacity:1;visibility:visible}.drawer-content{z-index:56;width:min(320px,85vw);padding:var(--spacing-xl);background:var(--surface);border-left:1px solid var(--line-soft);box-shadow:var(--shadow-strong);transition:transform var(--transition-bounce);position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer-content-open{transform:translate(0)}.drawer-item{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);color:var(--text-primary);text-align:left;transition:background var(--transition-fast);font-size:15px;display:flex}.drawer-item:hover{background:var(--surface-hover)}.drawer-item-icon{text-align:center;width:24px;font-size:20px}.fullscreen-editor{z-index:70;background:var(--app-bg);transition:transform var(--transition-bounce);flex-direction:column;display:flex;position:fixed;inset:0;transform:translateY(100%)}.fullscreen-editor-open{transform:translateY(0)}.fullscreen-editor-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--line-soft);background:var(--surface);justify-content:space-between;align-items:center;display:flex}.fullscreen-editor-title{font-size:16px;font-weight:600}.fullscreen-editor-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.fullscreen-editor-footer{gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--line-soft);background:var(--surface);display:flex}.login-bg{min-height:100vh;padding:var(--spacing-lg);background:radial-gradient(circle at 15% 25%,#22d3a81f,transparent 35%),radial-gradient(circle at 85% 75%,#5b8cff1f,transparent 35%),var(--app-bg);justify-content:center;align-items:center;display:flex}.login-shell{flex-direction:column;align-items:center;gap:14px;display:flex}.login-card{width:100%;max-width:380px;padding:var(--spacing-2xl);border-radius:var(--radius-2xl);border:1px solid var(--line-soft);background:var(--surface);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-logo{width:64px;height:64px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#03151e;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex;box-shadow:0 12px 32px #22d3a840}.login-title{text-align:center;margin-bottom:var(--spacing-sm);font-size:22px;font-weight:600}.login-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-size:14px}.login-field{margin-bottom:var(--spacing-lg)}.login-label{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:14px;display:block}.login-input{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-soft);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:12px 16px;font-size:15px}.login-input:focus{border-color:var(--accent)}.login-input::placeholder{color:var(--text-muted)}.login-button{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#03151e;cursor:pointer;width:100%;transition:opacity var(--transition-fast),transform var(--transition-fast);border:0;padding:14px;font-size:16px;font-weight:600}.login-button:hover:not(:disabled){transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--text-muted);font-size:14px}.login-link{color:var(--accent);font-weight:500}.login-link:hover{text-decoration:underline}.login-beian{text-align:center}.login-error{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);color:var(--danger);background:#ef44441a;font-size:14px}@keyframes upload-pulse{0%{transform:scale(.99)}50%{transform:scale(1.01)}to{transform:scale(1)}}@media (max-width:1023px){.app-beian{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 68px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dream-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.02)}}@keyframes dream-pulse{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.9;transform:scale(1.03)}}@keyframes dream-drift{0%{transform:translate(0)}25%{transform:translate(12px,-10px)}50%{transform:translate(-10px,12px)}75%{transform:translate(8px,6px)}to{transform:translate(0)}}@media (max-width:1023px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;padding-bottom:80px;overflow:visible}.glass-panel{border-radius:var(--radius-xl)}.toast-stack{right:var(--spacing-md);left:var(--spacing-md);bottom:calc(80px + var(--spacing-md))}.toast-card{max-width:none}.app-header,.section-toolbar{flex-wrap:wrap}.header-actions,.section-toolbar-actions{justify-content:flex-end;width:100%}.dream-orb{opacity:.45;filter:blur(14px)}}@media (max-width:767px){.reference-album-shell,.reference-album-shell-many{width:100%;min-width:0}.reference-album-popover{display:none}.app-shell{padding-bottom:72px}.glass-panel{border-radius:var(--radius-lg)}.reference-thumb{width:44px;height:44px}.history-card{padding:var(--spacing-sm);border-radius:var(--radius-lg)}.login-card{padding:var(--spacing-xl)}.login-title{font-size:20px}.toast-stack{bottom:calc(72px + var(--spacing-md))}.ui-btn-md{min-height:30px;padding:0 11px}.ui-btn-sm{min-height:27px;padding:0 9px}.viewer-sidebar{width:100%;min-width:0}}@media (max-width:479px){.app-shell{padding:var(--spacing-sm);padding-bottom:72px}.glass-panel{border-radius:var(--radius-md);padding:var(--spacing-md)}.login-card{padding:var(--spacing-lg)}.login-logo{width:56px;height:56px;font-size:20px}.login-title{font-size:18px}.login-input{padding:10px 14px;font-size:14px}.login-button{padding:12px;font-size:15px}.ui-btn-icon{width:30px;height:30px}.dream-empty-content{padding:24px 16px}}@media (min-width:1024px){.glass-panel{border-radius:var(--radius-2xl);padding:var(--spacing-xl)}.reference-thumb{width:56px;height:56px}}@media (min-width:1280px){.glass-panel{padding:var(--spacing-2xl)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}