.app-container{background-color:var(--background-color-website);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;position:relative;text-align:center}.app-main{flex:1 1}.app-main.generator-route{overflow:hidden}.modal-backdrop-auth{animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;z-index:1000}.modal-backdrop-auth,.modal-container-auth{bottom:0;left:0;position:fixed;right:0;top:0}.modal-container-auth{align-items:center;display:flex;justify-content:center;padding:var(--padding-large);pointer-events:none;z-index:1001}.modal-content-auth{animation:slideIn .3s ease-out;background-color:var(--background-color-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-large);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;pointer-events:all;position:relative;width:100%}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-medium);color:var(--text-color-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--padding-small);position:absolute;right:var(--padding-medium);top:var(--padding-medium);transition:var(--transition-colors);z-index:10}.modal-close:hover{background-color:var(--background-color-hover);color:var(--text-color)}.modal-close:focus{outline:var(--focus-outline);outline-offset:2px}@media (max-width:768px){.modal-container-auth{padding:var(--padding-medium)}.modal-content-auth{margin:0 auto;max-width:100%}}.modal-content-auth::-webkit-scrollbar{width:6px}.modal-content-auth::-webkit-scrollbar-track{background:#0000}.modal-content-auth::-webkit-scrollbar-thumb{background-color:var(--background-color-hover);border-radius:var(--border-radius-small)}.modal-content-auth::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}.app-main>*{margin:0 auto;width:100%}:root{--neutral-0:#000;--neutral-50:#0a0a0a;--neutral-100:#121212;--neutral-200:#1a1a1a;--neutral-300:#242424;--neutral-400:#2c2c2c;--neutral-500:#333;--neutral-600:#444;--neutral-700:#707070;--neutral-800:#b0b0b0;--neutral-900:#e0e0e0;--neutral-1000:#f5f5f5;--neutral-1100:#fff;--surface-base:var(--neutral-100);--surface-primary:var(--neutral-200);--surface-secondary:var(--neutral-300);--surface-tertiary:var(--neutral-400);--surface-quaternary:var(--neutral-500);--surface-overlay:var(--neutral-600);--surface-hover:var(--neutral-500);--surface-pressed:var(--neutral-600);--surface-focus:var(--neutral-400);--surface-disabled:var(--neutral-200);--surface-selected:#6773a826;--text-primary:var(--neutral-1000);--text-secondary:var(--neutral-800);--text-tertiary:var(--neutral-700);--text-placeholder:var(--neutral-700);--text-disabled:var(--neutral-700);--text-inverse:var(--neutral-100);--text-on-accent:var(--neutral-1100);--border-primary:var(--neutral-600);--border-secondary:var(--neutral-500);--border-subtle:var(--neutral-400);--border-strong:var(--neutral-700);--border-interactive:var(--neutral-600);--border-focus:var(--accent-primary);--accent-primary:#6773a8;--accent-primary-hover:#7c88b8;--accent-primary-pressed:#5a6496;--accent-primary-subtle:#6773a81a;--accent-primary-muted:#6773a84d;--accent-primary-rgb:103,115,168;--accent-secondary:#8b6fa8;--accent-secondary-hover:#a085b8;--accent-secondary-pressed:#7c6396;--accent-secondary-subtle:#8b6fa81a;--accent-secondary-muted:#8b6fa84d;--accent-secondary-rgb:139,111,168;--semantic-success:#4d8563;--semantic-success-hover:#5a9670;--semantic-success-subtle:#4d85631a;--semantic-success-muted:#4d85634d;--semantic-success-rgb:77,133,99;--semantic-error:#c15c5c;--semantic-error-hover:#d16969;--semantic-error-subtle:#c15c5c1a;--semantic-error-muted:#c15c5c4d;--semantic-error-rgb:193,92,92;--semantic-warning:#b58d4a;--semantic-warning-hover:#c29a57;--semantic-warning-subtle:#b58d4a1a;--semantic-warning-muted:#b58d4a4d;--semantic-warning-rgb:181,141,74;--semantic-info:#4a90b4;--semantic-info-hover:#5aa0c4;--semantic-info-subtle:#4a90b41a;--semantic-info-muted:#4a90b44d;--semantic-info-rgb:74,144,180;--overlay-light:#0000004d;--overlay-medium:#0009;--overlay-dark:#000c;--overlay-backdrop:#000000bf;--background-color-website:var(--surface-base);--background-color-primary:var(--surface-primary);--background-color-secondary:var(--surface-secondary);--background-color-tertiary:var(--surface-tertiary);--background-color-hover:var(--surface-hover);--background-color-focus:var(--surface-focus);--background-color-disable:var(--surface-disabled);--text-color-secondary:var(--text-secondary);--text-color-placeholder:var(--text-placeholder);--border-color:var(--border-secondary);--border-color-lighter:var(--border-primary);--color-messages-info:var(--semantic-info);--color-messages-success:var(--semantic-success);--color-messages-error:var(--semantic-error);--color-messages-warning:var(--semantic-warning);--color-dark:var(--neutral-50);--color-brighter:var(--neutral-1100);--background-transparency-standard:var(--overlay-medium);--background-transparency-light:var(--overlay-light);--background-transparency-dark:var(--overlay-dark);--background-transparency:var(--overlay-backdrop);--font-family-primary:"Inter","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-secondary:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;--font-family-display:var(--font-family-primary);--font-family-base:var(--font-family-primary);--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-base:16px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-small:var(--font-size-sm);--font-size-normal:var(--font-size-md);--font-size-large:var(--font-size-xl);--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0em;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--text-display-1:var(--font-weight-bold) var(--font-size-6xl)/var(--line-height-tight) var(--font-family-display);--text-display-2:var(--font-weight-bold) var(--font-size-5xl)/var(--line-height-tight) var(--font-family-display);--text-display-3:var(--font-weight-bold) var(--font-size-4xl)/var(--line-height-tight) var(--font-family-display);--text-heading-1:var(--font-weight-bold) var(--font-size-3xl)/var(--line-height-snug) var(--font-family-primary);--text-heading-2:var(--font-weight-semibold) var(--font-size-2xl)/var(--line-height-snug) var(--font-family-primary);--text-heading-3:var(--font-weight-semibold) var(--font-size-xl)/var(--line-height-snug) var(--font-family-primary);--text-heading-4:var(--font-weight-medium) var(--font-size-lg)/var(--line-height-normal) var(--font-family-primary);--text-heading-5:var(--font-weight-medium) var(--font-size-md)/var(--line-height-normal) var(--font-family-primary);--text-heading-6:var(--font-weight-medium) var(--font-size-sm)/var(--line-height-normal) var(--font-family-primary);--text-body-large:var(--font-weight-regular) var(--font-size-lg)/var(--line-height-relaxed) var(--font-family-primary);--text-body:var(--font-weight-regular) var(--font-size-md)/var(--line-height-normal) var(--font-family-primary);--text-body-small:var(--font-weight-regular) var(--font-size-sm)/var(--line-height-normal) var(--font-family-primary);--text-label-large:var(--font-weight-medium) var(--font-size-md)/var(--line-height-normal) var(--font-family-primary);--text-label:var(--font-weight-medium) var(--font-size-sm)/var(--line-height-normal) var(--font-family-primary);--text-label-small:var(--font-weight-medium) var(--font-size-xs)/var(--line-height-normal) var(--font-family-primary);--text-caption:var(--font-weight-regular) var(--font-size-xs)/var(--line-height-normal) var(--font-family-primary);--text-overline:var(--font-weight-medium) var(--font-size-xs)/var(--line-height-normal) var(--font-family-primary);--text-code:var(--font-weight-regular) var(--font-size-sm)/var(--line-height-normal) var(--font-family-secondary);--text-code-small:var(--font-weight-regular) var(--font-size-xs)/var(--line-height-normal) var(--font-family-secondary);--space-unit:0.25rem;--space-0:0;--space-1:calc(var(--space-unit)*1);--space-2:calc(var(--space-unit)*2);--space-3:calc(var(--space-unit)*3);--space-4:calc(var(--space-unit)*4);--space-5:calc(var(--space-unit)*5);--space-6:calc(var(--space-unit)*6);--space-8:calc(var(--space-unit)*8);--space-10:calc(var(--space-unit)*10);--space-12:calc(var(--space-unit)*12);--space-16:calc(var(--space-unit)*16);--space-20:calc(var(--space-unit)*20);--space-24:calc(var(--space-unit)*24);--space-32:calc(var(--space-unit)*32);--padding-xs:var(--space-1);--padding-sm:var(--space-2);--padding-md:var(--space-4);--padding-lg:var(--space-6);--padding-xl:var(--space-8);--padding-2xl:var(--space-12);--margin-xs:var(--space-1);--margin-sm:var(--space-2);--margin-md:var(--space-4);--margin-lg:var(--space-6);--margin-xl:var(--space-8);--margin-2xl:var(--space-12);--gap-xs:var(--space-1);--gap-sm:var(--space-2);--gap-md:var(--space-4);--gap-lg:var(--space-6);--gap-xl:var(--space-8);--gap-2xl:var(--space-12);--button-padding-sm:var(--space-2) var(--space-3);--button-padding-md:var(--space-3) var(--space-4);--button-padding-lg:var(--space-4) var(--space-6);--input-padding-sm:var(--space-2) var(--space-3);--input-padding-md:var(--space-3) var(--space-4);--input-padding-lg:var(--space-4) var(--space-5);--container-padding-sm:var(--space-4);--container-padding-md:var(--space-6);--container-padding-lg:var(--space-8);--section-spacing-sm:var(--space-8);--section-spacing-md:var(--space-12);--section-spacing-lg:var(--space-16);--section-spacing-xl:var(--space-24);--page-margin-sm:var(--space-4);--page-margin-md:var(--space-6);--page-margin-lg:var(--space-8);--content-width-sm:640px;--content-width-md:768px;--content-width-lg:1024px;--content-width-xl:1280px;--padding-small:var(--padding-sm);--padding-medium:var(--padding-md);--padding-large:var(--padding-lg);--margin-small:var(--margin-sm);--margin-medium:var(--margin-md);--margin-large:var(--margin-lg);--gap-small:var(--gap-sm);--gap-medium:var(--gap-md);--gap-large:var(--gap-lg);--border-width-none:0;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--border-width-heavy:4px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:9999px;--border-default:var(--border-width-thin) solid var(--border-secondary);--border-subtle:var(--border-width-thin) solid var(--border-subtle);--border-strong:var(--border-width-thin) solid var(--border-strong);--border-interactive:var(--border-width-thin) solid var(--border-interactive);--border-hover:var(--border-width-thin) solid var(--border-primary);--border-focus:var(--border-width-medium) solid var(--border-focus);--border-error:var(--border-width-thin) solid var(--semantic-error);--border-success:var(--border-width-thin) solid var(--semantic-success);--border-warning:var(--border-width-thin) solid var(--semantic-warning);--border-info:var(--border-width-thin) solid var(--semantic-info);--border-dashed:var(--border-width-medium) dashed var(--border-interactive);--border-dotted:var(--border-width-medium) dotted var(--border-interactive);--button-border-radius:var(--radius-md);--button-border-radius-sm:var(--radius-sm);--button-border-radius-lg:var(--radius-lg);--input-border-radius:var(--radius-md);--input-border-radius-sm:var(--radius-sm);--input-border-radius-lg:var(--radius-lg);--card-border-radius:var(--radius-lg);--card-border-radius-sm:var(--radius-md);--card-border-radius-lg:var(--radius-xl);--modal-border-radius:var(--radius-2xl);--image-border-radius:var(--radius-lg);--border-radius-small:var(--radius-sm);--border-radius-medium:var(--radius-lg);--border-radius-large:var(--radius-2xl);--border-radius:var(--radius-md);--border-standard:var(--border-default);--border-hover:var(--border-hover);--border-focus:var(--border-focus);--border-dashed:var(--border-dashed);--elevation-0:none;--elevation-1:0 1px 2px 0 #0000000d;--elevation-2:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--elevation-3:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--elevation-4:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--elevation-5:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--elevation-6:0 25px 50px -12px #00000040;--elevation-accent:0 4px 14px 0 #6773a826;--elevation-accent-strong:0 8px 25px 0 #6773a840;--elevation-error:0 4px 14px 0 #c15c5c26;--elevation-success:0 4px 14px 0 #4d856326;--shadow-sm:var(--elevation-1);--shadow-md:var(--elevation-2);--shadow-lg:var(--elevation-3);--shadow-xl:var(--elevation-4);--shadow-2xl:var(--elevation-5);--shadow-modal:var(--elevation-6);--shadow-hover:var(--elevation-4);--shadow-focus:var(--elevation-accent);--shadow-active:var(--elevation-2);--duration-slow:350ms;--duration-slower:500ms;--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-normal) var(--ease-out);--transition-slow:var(--duration-slow) var(--ease-out);--transition-colors:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);--transition-transform:transform var(--duration-fast) var(--ease-out);--transition-opacity:opacity var(--duration-fast) var(--ease-out);--transition-shadow:box-shadow var(--duration-fast) var(--ease-out);--transition-all:all var(--duration-fast) var(--ease-out);--animation-fast:var(--duration-fast);--animation-normal:var(--duration-normal);--animation-slow:var(--duration-slow);--animation-spin:spin 1s var(--ease-linear) infinite;--animation-spin-fast:spin 0.7s var(--ease-linear) infinite;--animation-spin-slow:spin 1.5s var(--ease-linear) infinite;--animation-pulse:pulse 2s var(--ease-in-out) infinite;--animation-bounce:bounce 1s var(--ease-bounce) infinite;--animation-fade-out:fadeOut var(--duration-normal) var(--ease-out);--scale-95:0.95;--scale-100:1;--scale-105:1.05;--scale-110:1.1;--scale-125:1.25;--transform-hover:scale(var(--scale-105));--transform-active:scale(var(--scale-95));--focus-ring-opacity:0.5;--focus-ring:0 0 0 var(--focus-ring-offset) var(--surface-primary),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) rgba(103,115,168,var(--focus-ring-opacity));--focus-ring-inset:inset 0 0 0 var(--focus-ring-width) var(--focus-ring-color);--backdrop-blur-sm:blur(4px);--backdrop-blur-md:blur(8px);--backdrop-blur-lg:blur(16px);--backdrop-blur-xl:blur(24px);--transition-standard:var(--transition-normal);--spin-animation:var(--animation-spin);--hover-scale:var(--scale-105);--box-shadow:var(--shadow-md);--box-shadow-light:var(--shadow-sm);--box-shadow-dark:var(--shadow-lg);--box-shadow-hover:var(--shadow-hover);--box-shadow-focus:var(--shadow-focus);--box-shadow-active:var(--shadow-active);--focus-outline:var(--focus-ring)}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}:root{--header-height:65px;--action-bar-height-mobile:120px;--action-bar-height-mobile-small:100px;--action-bar-height-mobile-landscape:90px;--input-left-label-color:var(--text-color);--input-text-color:var(--text-color);--input-placeholder-color:var(--text-color-placeholder);--input-background-color:var(--background-color-secondary);--input-background-color-focus:var(--background-color-focus);--input-background-color-hover:var(--background-color-hover);--input-border:var(--border-standard);--input-border-hover:var(--border-hover);--input-border-focus:var(--border-focus);--input-box-shadow-hover:var(--box-shadow-hover);--input-box-shadow-focus:var(--box-shadow-focus);--button-text-color:var(--text-color);--button-background-color:var(--background-color-secondary);--button-background-color-hover:var(--background-color-hover);--button-background-color-active:var(--background-color-tertiary);--button-padding-vertical:var(--padding-small);--button-padding-horizontal:var(--padding-medium);--button-font-size:var(--font-size-small);--button-font-weight:500;--button-border:var(--border-standard);--button-border-hover:var(--border-hover);--button-border-top-color:var(--accent-color);--button-animation:var(--spin-animation);--button-box-shadow-hover:var(--box-shadow-hover);--tag-text-color:var(--text-color);--tag-background-color:var(--background-color-secondary);--tag-background-color-hover:var(--background-color-hover);--tag-placeholder-color:var(--text-color-secondary);--tag-item-border-radius:var(--border-radius-large);--tag-item-padding-vertical:var(--padding-small);--tag-item-padding-horizontal:var(--padding-small);--tag-item-gap:var(--gap-small);--tag-item-font-size:var(--font-size-small);--tag-border:var(--border-standard);--tag-box-shadow:var(--box-shadow);--table-border:var(--border-standard);--table-background-color:var(--background-color-primary);--table-text-color:var(--text-color);--table-padding:var(--padding-large);--table-box-shadow:var(--box-shadow);--table-header-background-color:var(--background-color-secondary);--table-button-background-color:var(--button-background-color);--table-button-hover-background-color:var(--button-background-color-hover);--table-button-disabled-background-color:var(--background-color-disable);--table-select-background-color:var(--background-color-secondary);--table-border-color:var(--border-color-lighter);--table-border-radius:var(--border-radius-medium);--slider-border:var(--border-standard);--slider-margin:var(--margin-large);--slider-padding:var(--padding-small);--slider-border-radius:var(--border-radius-medium);--slider-box-shadow:var(--box-shadow);--slider-thumb-width:1.25rem;--slider-thumb-height:1.25rem;--slider-thumb-border-radius:50%;--slider-thumb-background:var(--accent-color);--slider-thumb-box-shadow:var(--box-shadow);--slider-track-background:var(--text-color-placeholder);--slider-track-height:0.625rem;--slider-track-border-radius:var(--border-radius-small);--slider-track-hover-background:var(--background-color-hover);--slider-value-background:var(--background-color-website);--slider-value-color:var(--text-color);--slider-value-hover-background:var(--background-color-hover);--slider-value-box-shadow:var(--box-shadow);--status-color:var(--text-color);--status-bg-color:var(--background-color-primary);--status-border:var(--border-standard);--status-box-shadow:var(--box-shadow);--status-padding:var(--padding-medium);--status-border-radius:var(--border-radius-medium);--status-margin-bottom:var(--margin-small);--count-info-margin-bottom:var(--margin-small);--count-info-color:var(--text-color);--count-value-color:var(--text-color-secondary);--status-tag-padding-vertical:var(--padding-small);--status-tag-padding-horizontal:var(--padding-small);--status-tag-border-radius:var(--border-radius-large);--status-tag-font-weight:bold;--status-tag-font-size:var(--font-size-small);--status-tag-processing-color:var(--text-color-secondary);--status-icon-margin-right:var(--margin-small);--status-text-margin-left:var(--margin-small);--status-loader-border-width:3px;--status-loader-size:var(--font-size-normal);--tabs-container-color:var(--text-color);--tabs-container-bg:var(--background-color-website);--tabs-container-padding:var(--padding-medium);--tabs-container-margin:var(--padding-medium) auto;--tabs-container-shadow:var(--box-shadow);--tab-button-padding-vertical:var(--padding-small);--tab-button-padding-horizontal:var(--padding-medium);--tab-button-font-size:var(--font-size-normal);--tab-button-color:var(--text-color-secondary);--tab-button-active-color:var(--text-color);--tab-button-active-border-color:var(--accent-color);--tab-content-bg:var(--background-color-secondary);--tab-content-padding:var(--padding-small);--tab-content-radius:var(--border-radius-small);--tab-content-border:var(--border-standard);--tab-margin-bottom:var(--padding-medium);--modal-content-bg:var(--background-color-website);--modal-z-index:3000;--modal-backdrop-color:#121212cc;--modal-content-radius:var(--border-radius-large);--modal-content-shadow:var(--box-shadow-dark),0 2px 32px #282c3473;--modal-content-padding:var(--padding-large);--modal-body-padding:var(--padding-medium) 0 0 0;--modal-max-width-offset:2rem;--modal-max-height-offset:4rem;--modal-close-button-size:1.6rem;--modal-close-button-color:var(--text-color-secondary);--modal-close-button-hover-color:var(--accent-color-hover);--spinner-overlay-bg:var(--background-transparency);--spinner-z-index:9999;--spinner-border-width:5px;--spinner-border-color:var(--background-transparency-light);--spinner-border-top-color:var(--accent-color);--spinner-size:50px;--spinner-animation:var(--spin-animation);--image-editor-overlay-bg:var(--background-transparency-standard);--image-editor-z-index:10000;--image-editor-bg:var(--background-color-website);--image-editor-padding:var(--padding-large);--image-editor-box-shadow:var(--box-shadow);--image-editor-border-radius:var(--border-radius-small);--image-editor-border:var(--border-standard);--editor-canvas-border:var(--border-standard);--editor-canvas-bg:#0000;--editor-actions-margin-top:var(--padding-large);--editor-actions-gap:var(--padding-small);--message-banner-top-position:var(--padding-large);--message-banner-padding-vertical:var(--padding-small);--message-banner-padding-horizontal:var(--padding-large);--message-banner-border-radius:var(--border-radius-small);--message-banner-color:var(--color-brighter);--message-banner-font-size:var(--font-size-normal);--message-banner-font-weight:500;--message-banner-box-shadow:var(--box-shadow-light);--message-banner-z-index:9999;--message-icon-margin-right:var(--padding-small);--message-error-bg:var(--color-messages-error);--message-warning-bg:var(--color-messages-warning);--message-success-bg:var(--color-messages-success);--message-info-bg:var(--color-messages-info);--message-animation-duration:0.5s;--drawer-bg:var(--background-color-website);--drawer-width:33%;--drawer-min-width:22.5rem;--drawer-height:100%;--drawer-z-index:1001;--drawer-transition:var(--transition-standard);--drawer-mask-bg:var(--background-transparency-standard);--drawer-mask-z-index:1000;--drawer-mask-transition:visibility 0s linear var(--transition-standard),opacity var(--transition-standard);--drawer-content-padding:var(--padding-medium);--drawer-close-button-color:var(--color-brighter);--drawer-close-button-font-size:var(--font-size-large);--history-bg:var(--background-color-primary);--history-item-bg:var(--background-color-tertiary);--history-item-border:var(--border-standard);--history-title-font-size:var(--font-size-large);--history-title-color:var(--text-color-secondary);--history-title-padding:var(--padding-large);--history-title-bg:var(--background-color-tertiary);--history-title-border-bottom:var(--border-standard);--history-item-margin:0 var(--padding-small) 0 0;--history-item-padding:var(--padding-small) var(--padding-medium);--history-item-color:var(--text-color-secondary);--history-icon-size:var(--padding-large);--history-icon-font-size:var(--font-size-small);--history-icon-margin-right:var(--padding-small);--history-content-overflow:hidden;--history-token-color:var(--text-color);--history-ref-font-size:var(--font-size-small);--history-ref-color:var(--color-messages-info);--history-list-padding:var(--padding-large);--history-list-radius:var(--border-radius-small);--history-list-shadow:var(--box-shadow-dark);--history-item-border-radius:var(--border-radius-small);--header-menu-gap:var(--padding-large);--header-menu-item-padding-vertical:var(--padding-small);--header-menu-item-padding-horizontal:var(--padding-medium);--header-menu-item-color:var(--text-color);--header-menu-item-hover-bg:var(--background-color-hover);--header-menu-item-border-radius:var(--border-radius-small);--header-menu-transition:var(--transition-colors);--float-button-bottom:3rem;--float-button-right:2rem;--float-button-size:2.25rem;--circle-button-size:3rem;--float-button-bg:var(--color-brighter);--float-button-color:var(--background-color-website);--float-button-border-radius:50%;--float-button-font-size:1.125rem;--float-button-transition:var(--transition-standard);--float-button-icon-left:0.5625rem;--float-button-icon-top:0.5625rem;--float-button-animation-duration:1s;--image-card-z-index:1;--image-card-color:var(--color-brighter);--overlay-padding:var(--padding-small);--score-bg:var(--background-transparency-light);--score-bg-hover:var(--background-transparency-dark);--score-border-radius:25%;--score-width:2.875rem;--score-height:1rem;--source-right:0.625rem;--source-top:0.625rem;--avatar-size:2rem;--avatar-border-radius:50%;--avatar-padding-hover:0.3125rem;--avatar-bg-hover:var(--background-transparency-light);--image-max-height:48rem;--image-border-width:2px;--image-border-radius:9px;--image-placeholder-opacity:0.75;--image-view-size:32rem;--image-view-blur:8px;--image-view-filter-transition:filter 0.1s;--image-view-opacity-transition:opacity 0.3s;--image-view-modal-z-index:var(--image-editor-z-index);--image-view-controls-z-index:var(--drawer-z-index);--image-view-modal-content-max-width:80%;--image-view-modal-content-max-height:80%;--image-uploader-min-height:12.5rem;--image-preview-max-height:18.75rem;--container-description-offset:5px;--container-description-max-width:12.5rem;--container-description-max-width-small:9.375rem;--container-small-screen-breakpoint:30rem;--container-fade-animation-duration:0.3s;--timer-background-opacity:0.7;--about-container-width:60%;--text-area-min-height:9.375rem;--panel-width-desktop:400px;--panel-width-tablet:350px;--panel-background:var(--background-color-primary);--panel-border:var(--border-standard);--panel-shadow:var(--box-shadow-dark);--panel-z-index:100;--panel-toggle-size:56px;--panel-toggle-z-index:101;--panel-transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--background-color-tertiary)}::-webkit-scrollbar-thumb{background-color:var(--background-color-hover);border:3px solid var(--background-color-tertiary);border-radius:var(--border-radius-small)}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-primary-hover);background-color:var(--accent-color-hover)}*{scrollbar-color:var(--background-color-hover) var(--background-color-tertiary);scrollbar-width:thin}body{color:var(--text-primary);padding:0}[aria-hidden=true]{display:none}html{font-size:var(--font-size-base)}:root{--design-system-version:"2.0.0";--design-system-name:"findit.moe Design System";--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:1080;--z-index-notification:1090;--float-button-z-index:var(--z-index-fixed);--modal-z-index:var(--z-index-modal);--toast-z-index:var(--z-index-toast);--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-sharp:cubic-bezier(0.4,0,0.6,1);--ease-emphasized:cubic-bezier(0.05,0.7,0.1,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--duration-instant:0ms;--duration-fast:150ms;--duration-normal:250ms;--duration-moderate:350ms;--duration-slow:500ms;--duration-slower:750ms;--duration-slowest:1000ms;--animation-fade-in:fadeIn var(--duration-normal) var(--ease-out);--animation-fade-out:fadeOut var(--duration-fast) var(--ease-in);--animation-slide-up:slideUp var(--duration-normal) var(--ease-out);--animation-slide-down:slideDown var(--duration-normal) var(--ease-out);--animation-scale-in:scaleIn var(--duration-normal) var(--ease-emphasized);--animation-scale-out:scaleOut var(--duration-fast) var(--ease-sharp);--animation-spin:spin var(--duration-slowest) var(--ease-linear) infinite;--animation-pulse:pulse var(--duration-slow) var(--ease-in-out) infinite;--animation-bounce:bounceIn var(--duration-moderate) var(--ease-bounce);--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1440px;--grid-columns:12;--grid-gutter:var(--space-6);--grid-margin:var(--space-4);--focus-ring:2px solid var(--accent-primary);--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-color:var(--accent-primary);--reduced-motion:no-preference;--button-height-sm:var(--space-8);--button-height-md:var(--space-10);--button-height-lg:var(--space-12);--button-padding-x-sm:var(--space-3);--button-padding-x-md:var(--space-4);--button-padding-x-lg:var(--space-6);--input-height-sm:var(--space-8);--input-height-md:var(--space-10);--input-height-lg:var(--space-12);--primary-color:var(--accent-primary);--background-color:var(--surface-primary);--text-color:var(--text-primary);--border-color:var(--border-default);--accent-color:var(--accent-primary);--accent-color-hover:var(--accent-primary-hover);--transition-standard:var(--transition-all);--transition-colors:color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){:root{--reduced-motion:reduce;--duration-fast:0ms;--duration-normal:0ms;--duration-moderate:0ms;--duration-slow:0ms;--duration-slower:0ms;--duration-slowest:0ms}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--border-width-thin:2px;--border-width-medium:3px;--border-width-thick:4px;--focus-ring-width:3px}}@media (prefers-color-scheme:dark){:root{--shadow-color:#00000080;--backdrop-blur-sm:blur(4px) saturate(1.2);--backdrop-blur-md:blur(8px) saturate(1.2);--backdrop-blur-lg:blur(16px) saturate(1.2)}}@media print{:root{--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--shadow-2xl:none;--backdrop-blur-sm:none;--backdrop-blur-md:none;--backdrop-blur-lg:none}}.message-banner{align-items:center;animation:fadeInSlideUp var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);border:var(--border-default);border-radius:var(--card-border-radius);box-shadow:var(--shadow-md);display:flex;font:var(--text-body);gap:var(--gap-md);margin-bottom:var(--margin-md);overflow:hidden;padding:var(--padding-md) var(--padding-lg);position:relative;transition:var(--transition-all);width:100%}.message-banner:before{background:linear-gradient(180deg,var(--accent-primary),var(--accent-primary-hover));border-radius:var(--radius-sm) 0 0 var(--radius-sm);content:"";height:100%;left:0;position:absolute;top:0;width:var(--space-1)}.message-banner--info{background:var(--semantic-info-subtle);border-color:var(--semantic-info-muted);color:var(--text-primary)}.message-banner--info:before{background:linear-gradient(180deg,var(--semantic-info),var(--semantic-info-hover))}.message-banner--success{background:var(--semantic-success-subtle);border-color:var(--semantic-success-muted);color:var(--text-primary)}.message-banner--success:before{background:linear-gradient(180deg,var(--semantic-success),var(--semantic-success-hover))}.message-banner--warning{background:var(--semantic-warning-subtle);border-color:var(--semantic-warning-muted);color:var(--text-primary)}.message-banner--warning:before{background:linear-gradient(180deg,var(--semantic-warning),var(--semantic-warning-hover))}.message-banner--error{background:var(--semantic-error-subtle);border-color:var(--semantic-error-muted);color:var(--text-primary)}.message-banner--error:before{background:linear-gradient(180deg,var(--semantic-error),var(--semantic-error-hover))}.message-banner-icon{align-items:center;border-radius:var(--radius-full);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);height:var(--space-6);justify-content:center;min-width:var(--space-6)}.message-banner--info .message-banner-icon{background:var(--semantic-info-muted);color:var(--semantic-info)}.message-banner--success .message-banner-icon{background:var(--semantic-success-muted);color:var(--semantic-success)}.message-banner--warning .message-banner-icon{background:var(--semantic-warning-muted);color:var(--semantic-warning)}.message-banner--error .message-banner-icon{background:var(--semantic-error-muted);color:var(--semantic-error)}.message-banner-content{display:flex;flex:1 1;flex-direction:column;gap:var(--gap-sm);min-width:0}.message-banner-title{color:var(--text-primary);font:var(--text-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.message-banner-message{word-wrap:break-word;color:var(--text-secondary);font:var(--text-body);line-height:var(--line-height-relaxed);margin:0}.message-banner-action{align-items:center;display:flex;flex-shrink:0;gap:var(--gap-sm)}.message-banner-button{align-items:center;background:#0000;border:var(--border-default);border-radius:var(--button-border-radius);color:var(--text-primary);cursor:pointer;display:inline-flex;font:var(--text-label-small);font-weight:var(--font-weight-medium);justify-content:center;outline:none;padding:var(--padding-sm) var(--padding-md);text-decoration:none;transition:var(--transition-all);white-space:nowrap}.message-banner-button:hover{background:var(--surface-hover);border-color:var(--border-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.message-banner-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.message-banner-button:active{box-shadow:var(--shadow-active);transform:translateY(0)}.message-banner--info .message-banner-button:hover{background:var(--semantic-info-muted);border-color:var(--semantic-info);color:var(--semantic-info)}.message-banner--success .message-banner-button:hover{background:var(--semantic-success-muted);border-color:var(--semantic-success);color:var(--semantic-success)}.message-banner--warning .message-banner-button:hover{background:var(--semantic-warning-muted);border-color:var(--semantic-warning);color:var(--semantic-warning)}.message-banner--error .message-banner-button:hover{background:var(--semantic-error-muted);border-color:var(--semantic-error);color:var(--semantic-error)}.message-banner-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:var(--space-8);justify-content:center;margin-left:var(--space-2);outline:none;transition:var(--transition-all);width:var(--space-8)}.message-banner-close:hover{background:var(--surface-hover);color:var(--text-primary);transform:scale(1.1)}.message-banner-close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.message-banner-close:active{background:var(--surface-pressed);transform:scale(1.05)}.message-banner--small{gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md)}.message-banner--small .message-banner-icon{font-size:var(--font-size-md);height:var(--space-5);min-width:var(--space-5)}.message-banner--small .message-banner-title{font:var(--text-label-small)}.message-banner--small .message-banner-message{font:var(--text-body-small)}.message-banner--small .message-banner-close{height:var(--space-6);width:var(--space-6)}.message-banner--large{gap:var(--gap-lg);padding:var(--padding-lg) var(--padding-xl)}.message-banner--large .message-banner-icon{font-size:var(--font-size-xl);height:var(--space-8);min-width:var(--space-8)}.message-banner--large .message-banner-title{font:var(--text-heading-sm)}.message-banner--large .message-banner-message{font:var(--text-body-large)}.message-banner--large .message-banner-close{height:var(--space-10);width:var(--space-10)}.message-banner--fullwidth{border-radius:0;margin-bottom:0;width:100%}.message-banner--floating{box-shadow:var(--shadow-xl);margin-bottom:0;max-width:420px;position:fixed;right:var(--space-5);top:var(--space-5);z-index:var(--toast-z-index)}.message-banner--entering{animation:fadeInSlideUp var(--duration-normal) var(--ease-out)}.message-banner--exiting{animation:fadeOutSlideDown var(--duration-fast) var(--ease-in)}.message-banner-progress{background:var(--accent-primary);border-radius:0 0 var(--card-border-radius) var(--card-border-radius);bottom:0;height:var(--space-1);left:0;opacity:.8;position:absolute;transition:width linear}.message-banner--info .message-banner-progress{background:var(--semantic-info)}.message-banner--success .message-banner-progress{background:var(--semantic-success)}.message-banner--warning .message-banner-progress{background:var(--semantic-warning)}.message-banner--error .message-banner-progress{background:var(--semantic-error)}@media (max-width:768px){.message-banner{border-radius:var(--card-border-radius-sm);gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md)}.message-banner--floating{left:var(--space-3);max-width:none;right:var(--space-3);top:var(--space-3)}.message-banner-title{font:var(--text-label-small)}.message-banner-message{font:var(--text-body-small)}.message-banner-button{font:var(--text-caption);padding:var(--padding-xs) var(--padding-sm)}}@media (max-width:480px){.message-banner{align-items:flex-start;flex-direction:column;text-align:left}.message-banner-action{justify-content:flex-end;width:100%}.message-banner--floating{left:var(--space-2);right:var(--space-2);top:var(--space-2)}}@media (prefers-contrast:high){.message-banner,.message-banner-button{border-width:var(--border-width-medium)}.message-banner:before{width:var(--space-2)}}@media (prefers-reduced-motion:reduce){.message-banner,.message-banner--entering,.message-banner--exiting{animation:none}.message-banner-button:hover,.message-banner-close:hover{transform:none}.message-banner-progress{transition:none}}[dir=rtl] .message-banner:before{border-radius:0 var(--radius-sm) var(--radius-sm) 0;left:auto;right:0}[dir=rtl] .message-banner--floating{left:var(--space-5);right:auto}[dir=rtl] .message-banner-close{margin-left:0;margin-right:var(--space-2)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--space-4)*-1))}}.basic-button{align-items:center;appearance:none;background:linear-gradient(145deg,var(--accent-primary),var(--accent-primary-hover));border:none;border:var(--border-width-thin) solid var(--accent-primary);border-radius:var(--button-border-radius);box-shadow:var(--shadow-sm);color:var(--text-on-accent);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);justify-content:center;outline:none;position:relative;text-align:center;text-decoration:none;transition:var(--transition-colors),var(--transition-shadow),var(--transition-transform);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.basic-button--small{border-radius:var(--button-border-radius-sm);font-size:var(--font-size-sm);gap:var(--gap-xs);min-height:var(--space-8);padding:var(--button-padding-sm)}.basic-button--medium{border-radius:var(--button-border-radius);font-size:var(--font-size-md);gap:var(--gap-sm);min-height:var(--space-10);padding:var(--button-padding-md)}.basic-button--large{border-radius:var(--button-border-radius-lg);font-size:var(--font-size-lg);gap:var(--gap-md);min-height:var(--space-12);padding:var(--button-padding-lg)}.basic-button--primary{background:linear-gradient(145deg,var(--accent-primary),var(--accent-primary-hover));border-color:var(--accent-primary);box-shadow:var(--shadow-sm);color:var(--text-on-accent)}.basic-button--secondary{background:var(--surface-secondary);border:var(--border-width-thin) solid var(--border-primary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.basic-button--tertiary{background:#0000;border:var(--border-width-thin) solid var(--border-subtle);box-shadow:none;color:var(--accent-primary)}.basic-button--ghost{background:#0000;border:none;box-shadow:none;color:var(--text-primary)}.basic-button--danger{background:linear-gradient(145deg,var(--semantic-error),var(--semantic-error-hover));border-color:var(--semantic-error);box-shadow:var(--shadow-sm);color:var(--text-on-accent)}.basic-button:hover:not(:disabled):not(.basic-button--disabled){box-shadow:var(--shadow-hover);transform:var(--transform-hover)}.basic-button--primary:hover:not(:disabled):not(.basic-button--disabled){background:linear-gradient(145deg,var(--accent-primary-hover),var(--accent-primary));border-color:var(--accent-primary-hover)}.basic-button--secondary:hover:not(:disabled):not(.basic-button--disabled){background:var(--surface-hover);border-color:var(--accent-primary);color:var(--text-primary)}.basic-button--tertiary:hover:not(:disabled):not(.basic-button--disabled){background:var(--accent-primary-subtle);border-color:var(--accent-primary);color:var(--accent-primary-hover)}.basic-button--ghost:hover:not(:disabled):not(.basic-button--disabled){background:var(--surface-hover);color:var(--text-primary)}.basic-button--danger:hover:not(:disabled):not(.basic-button--disabled){background:linear-gradient(145deg,var(--semantic-error-hover),var(--semantic-error));border-color:var(--semantic-error-hover)}.basic-button:active:not(:disabled):not(.basic-button--disabled){box-shadow:var(--shadow-active);transform:var(--transform-active);transition-duration:var(--duration-instant)}.basic-button--primary:active:not(:disabled):not(.basic-button--disabled){background:linear-gradient(145deg,var(--accent-primary-pressed),var(--accent-primary))}.basic-button--secondary:active:not(:disabled):not(.basic-button--disabled){background:var(--surface-pressed)}.basic-button:focus-visible{box-shadow:var(--focus-ring),var(--shadow-sm);outline:none}.basic-button--disabled,.basic-button:disabled{background:var(--surface-disabled);border-color:var(--border-subtle);box-shadow:none;color:var(--text-disabled);cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.basic-button--loading{color:#0000;cursor:wait}.basic-button__content{align-items:center;display:flex;gap:inherit;justify-content:center;transition:var(--transition-opacity)}.basic-button__content--hidden{opacity:0}.basic-button__spinner{animation:var(--animation-spin);border:2px solid #0000;border-radius:var(--radius-full);border-top-color:initial;height:1em;position:absolute;width:1em}.basic-button--full{width:100%}.basic-button--icon{aspect-ratio:1;padding:var(--space-2)}.basic-button--icon.basic-button--small{padding:var(--space-1)}.basic-button--icon.basic-button--large{padding:var(--space-3)}@media (prefers-contrast:high){.basic-button{background:var(--accent-primary)!important;border-width:var(--border-width-medium);color:var(--text-on-accent)!important}}@media (prefers-reduced-motion:reduce){.basic-button{background:var(--accent-primary)!important;transition:none}.basic-button:hover:not(:disabled){transform:none}.basic-button__spinner{animation:none}}@media print{.basic-button{background:none!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important}}.user-view-container{height:100%}.favorite-item-list,.user-view-container{display:flex;flex-direction:column;width:100%}.favorite-item-list{background:var(--background-color-primary);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-dark);max-width:1200px;min-height:600px;overflow:hidden;padding:var(--padding-large)}.favorites-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:var(--gap-small);justify-content:center;margin-bottom:var(--margin-large);padding-bottom:var(--padding-medium)}.favorites-icon{color:var(--accent-color);font-size:1.5rem}.favorites-title{color:var(--text-color);font-size:1.75rem;font-weight:600;letter-spacing:.5px;margin:0}.favorites-grid{grid-gap:var(--gap-medium);display:grid;gap:var(--gap-medium);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-y:auto;padding:var(--padding-small)}.favorite-item{background:var(--background-color-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);display:flex;flex-direction:column;height:fit-content;overflow:hidden;transition:all var(--transition-standard)}.favorite-item:hover{border-color:var(--accent-color);box-shadow:var(--box-shadow-hover)}.favorite-image-container{aspect-ratio:1;background:var(--background-color-tertiary);overflow:hidden;position:relative;width:100%}.favorite-image-wrapper{height:100%;position:relative;width:100%}.favorite-image-wrapper .image-view-container,.favorite-image-wrapper .image-view-wrapper{height:100%;width:100%}.favorite-image-wrapper .thumbnail{height:100%;object-fit:cover;width:100%}.favorite-query-overlay{background:linear-gradient(0deg,#000c 0,#0000);bottom:0;left:0;padding:var(--padding-medium) var(--padding-small) var(--padding-small);pointer-events:none;position:absolute;right:0}.favorite-query-text{color:var(--text-color);display:block;font-size:var(--font-size-small);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-actions{background:var(--background-color-tertiary);border-top:1px solid var(--border-color);display:flex;gap:var(--gap-small);padding:var(--padding-medium)}.favorite-actions-group{display:flex;gap:var(--gap-small);width:100%}.favorite-action-button{border-radius:var(--border-radius-small);flex:1 1;min-width:0;padding:var(--padding-small) var(--padding-medium);transition:all var(--transition-standard)}.button-content{align-items:center;display:flex;gap:var(--gap-small);justify-content:center}.button-text{font-size:var(--font-size-small);font-weight:500}.search-button{background:var(--accent-color);border:1px solid var(--accent-color);color:var(--color-brighter)}.search-button:hover:not(:disabled){background:var(--accent-color-hover);border-color:var(--accent-color-hover);transform:translateY(-1px)}.delete-button{background:var(--background-color-secondary);border:1px solid var(--color-messages-error);color:var(--color-messages-error)}.delete-button:hover:not(:disabled){background:var(--color-messages-error);color:var(--color-brighter);transform:translateY(-1px)}.empty-favorites{align-items:center;display:flex;flex-direction:column;gap:var(--gap-medium);justify-content:center;min-height:300px}.empty-icon{color:var(--border-color);font-size:3rem}.empty-message{color:var(--text-color-secondary);font-size:var(--font-size-normal);text-align:center}.favorites-loading{align-items:center;display:flex;flex-direction:column;gap:var(--gap-medium);justify-content:center;padding:var(--padding-large)}.favorites-loading p{color:var(--text-color-secondary);font-size:var(--font-size-normal)}@media (max-width:768px){.favorites-grid{gap:var(--gap-small);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.favorite-item-list{min-height:400px;padding:var(--padding-medium)}.button-text{display:none}.favorite-action-button{padding:var(--padding-small)}}@media (max-width:480px){.favorites-grid{grid-template-columns:1fr}.favorites-title{font-size:1.5rem}}.favorites-grid::-webkit-scrollbar{width:8px}.favorites-grid::-webkit-scrollbar-track{background:var(--background-color-secondary);border-radius:var(--border-radius-small)}.favorites-grid::-webkit-scrollbar-thumb{background:var(--background-color-hover);border-radius:var(--border-radius-small)}.favorites-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.image-view-wrapper{display:inline-block;position:relative}.image-view-container{background-color:var(--surface-secondary);border:var(--border-default);border-radius:var(--card-border-radius);box-shadow:var(--shadow-sm);cursor:pointer;height:auto;min-height:200px;overflow:hidden;position:relative;width:100%}.image-view-container.image-loading{cursor:default;opacity:.8}.image-view-container.image-ready{cursor:pointer}.image-view-container.image-ready:hover{border-color:var(--accent-primary-muted);box-shadow:var(--shadow-md)}.thumbnail{-webkit-user-drag:none;display:block;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.image-view-container.image-ready:hover .thumbnail{filter:brightness(.95)}.overlay-container{align-items:center;-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md);background:var(--overlay-medium);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.overlay-text{-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:var(--surface-primary);border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:var(--text-on-accent);font:var(--text-heading-6);font-weight:var(--font-weight-medium);opacity:0;padding:var(--padding-md) var(--padding-lg);pointer-events:none}.image-view-container.image-ready:hover .overlay-container{opacity:1;pointer-events:auto}.image-view-container.image-ready:hover .overlay-text{opacity:1}.image-view-container.image-loading .overlay-container{-webkit-backdrop-filter:var(--backdrop-blur-lg);backdrop-filter:var(--backdrop-blur-lg);background:var(--overlay-light);opacity:.9;pointer-events:auto}.image-view-container.image-loading .overlay-text{background:var(--accent-primary-subtle);border:var(--border-default);color:var(--text-primary);font:var(--text-body);opacity:1}.preload-indicator{background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-md);opacity:.9;padding:var(--padding-xs);position:absolute;right:var(--space-3);top:var(--space-3);z-index:3}.preload-indicator,.preload-spinner{-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm)}.preload-spinner{border-top:2px solid var(--border-subtle);border:2px solid var(--border-subtle);border-radius:var(--radius-full);border-top-color:var(--accent-primary);height:20px;width:20px}.image-view-modal{background:var(--overlay-backdrop);height:100vh;left:0;padding:var(--space-4);position:fixed;top:0;width:100vw;z-index:var(--z-index-modal)}.image-view-modal,.image-view-modal-content{align-items:center;display:flex;justify-content:center}.image-view-modal-content{background:var(--surface-primary);border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);height:100%;max-height:95vh;max-width:95vw;overflow:hidden;position:relative;width:100%}.modal-image{-webkit-user-drag:none;display:block;height:auto;margin:auto;max-height:100%;max-width:100%;object-fit:contain;position:absolute;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:auto}.image-error{align-items:center;background:var(--surface-secondary);border:var(--border-default);border-radius:var(--radius-xl);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--gap-lg);justify-content:center;min-height:300px;padding:var(--container-padding-lg);text-align:center}.error-icon{color:var(--semantic-error);font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.retry-button{background:var(--accent-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-on-accent);cursor:pointer;font:var(--text-label);font-weight:var(--font-weight-semibold);padding:var(--button-padding-md)}.retry-button:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-md)}.navigation-controls{display:flex;justify-content:space-between;left:0;padding:0 var(--space-4);pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:20}.nav-button{align-items:center;background:var(--surface-secondary);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;height:96px;justify-content:center;pointer-events:auto;-webkit-user-select:none;user-select:none;width:56px}.nav-button:hover:not(:disabled){background:var(--surface-hover);box-shadow:var(--shadow-md);color:var(--accent-primary)}.nav-button:disabled{cursor:not-allowed;opacity:.4}.nav-icon{font-size:var(--font-size-3xl);font-weight:300;line-height:1}.loading-spinner-small{border-top:2px solid var(--border-subtle);border:2px solid var(--border-subtle);height:24px;width:24px}.image-counter{background:var(--surface-secondary);border:var(--border-default);border-radius:var(--radius-lg);bottom:var(--space-4);box-shadow:var(--shadow-sm);color:var(--text-primary);font:var(--text-label);font-weight:var(--font-weight-medium);left:var(--space-4);padding:var(--padding-sm) var(--padding-md);position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.action-toggle-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-on-accent);cursor:pointer;display:flex;height:var(--space-12);justify-content:center;width:var(--space-12)}.action-toggle-btn:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-md)}.action-icon{font-size:var(--font-size-lg)}.action-buttons{display:flex;gap:var(--gap-sm)}.action-btn{align-items:center;background:var(--surface-secondary);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;gap:var(--gap-xs);justify-content:center;min-width:80px;padding:var(--padding-sm) var(--padding-md)}.action-btn:hover{background:var(--surface-hover);box-shadow:var(--shadow-md)}.action-btn.remix-btn:hover{background:var(--accent-primary-subtle);color:var(--accent-primary)}.action-btn.download-btn:hover{background:var(--semantic-success-subtle);color:var(--semantic-success)}.action-btn.info-btn:hover{background:var(--semantic-info-subtle);color:var(--semantic-info)}.action-btn.remove-btn:hover{background:var(--semantic-error-subtle);color:var(--semantic-error)}.btn-icon{font-size:var(--font-size-md)}.btn-text{font:var(--text-caption);font-weight:var(--font-weight-medium)}.metadata-panel{background:var(--surface-primary);border:var(--border-default);border-radius:var(--radius-lg);bottom:var(--space-4);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;position:absolute;right:var(--space-4);top:var(--space-4);width:320px;z-index:25}.metadata-header{align-items:center;background:var(--surface-secondary);border-bottom:var(--border-default);display:flex;justify-content:space-between;padding:var(--padding-lg)}.metadata-header h3{color:var(--text-primary);font:var(--text-heading-6);font-weight:var(--font-weight-bold);margin:0}.close-metadata-btn{align-items:center;background:var(--surface-tertiary);border:var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:var(--space-8);justify-content:center;width:var(--space-8)}.close-metadata-btn:hover{background:var(--semantic-error-subtle);border-color:var(--semantic-error);color:var(--semantic-error)}.metadata-content{display:flex;flex:1 1;flex-direction:column;gap:var(--gap-lg);overflow-y:auto;padding:var(--padding-lg)}.metadata-content::-webkit-scrollbar{width:var(--space-1)}.metadata-content::-webkit-scrollbar-track{background:var(--surface-tertiary);border-radius:var(--radius-full)}.metadata-content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}.copy-feedback{background:var(--semantic-success);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);left:50%;padding:var(--padding-sm) var(--padding-md);position:fixed;top:var(--space-4);transform:translateX(-50%);z-index:30}.metadata-section{background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--padding-md)}.metadata-section h4{align-items:center;color:var(--accent-primary);display:flex;font:var(--text-label);font-weight:var(--font-weight-bold);gap:var(--gap-xs);letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--space-2) 0;text-transform:uppercase}.metadata-section h4:before{content:"💭";font-size:var(--font-size-sm)}.metadata-text{color:var(--text-primary);font:var(--text-body-small);line-height:var(--line-height-relaxed);margin:0;word-break:break-word}.metadata-text.copyable{border-radius:var(--radius-sm);cursor:pointer;padding:var(--padding-xs);position:relative}.metadata-text.copyable:hover{background:var(--surface-hover);color:var(--accent-primary)}.metadata-text.copyable:after{content:"📋";font-size:.8em;opacity:0;position:absolute;right:var(--space-1);top:50%;transform:translateY(-50%)}.metadata-text.copyable:hover:after{opacity:.7}.metadata-settings{grid-gap:var(--gap-sm);gap:var(--gap-sm);grid-template-columns:1fr 1fr}.setting-item{background:var(--surface-tertiary);border:var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--padding-sm)}.setting-item:hover{background:var(--surface-hover);border-color:var(--accent-primary-muted)}.setting-label{color:var(--text-secondary);font:var(--text-caption);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.setting-value{color:var(--text-primary);font:var(--text-label);font-weight:var(--font-weight-semibold)}.setting-value.upscaled{color:var(--accent-primary)}.zoom-controls{bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--gap-sm);position:absolute;right:var(--space-4);z-index:10}.zoom-controls button{align-items:center;background:var(--surface-secondary);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);justify-content:center;min-height:var(--space-10);min-width:var(--space-10);padding:var(--padding-sm);-webkit-user-select:none;user-select:none}.zoom-controls button:hover:not(:disabled){background:var(--surface-hover);box-shadow:var(--shadow-md);color:var(--accent-primary)}.zoom-controls button:disabled{cursor:not-allowed;opacity:.4}.zoom-info{border-radius:var(--radius-lg);bottom:var(--space-4);font:var(--text-label);font-weight:var(--font-weight-medium);left:calc(var(--space-4) + 120px);padding:var(--padding-sm) var(--padding-md);z-index:10}.close-button,.zoom-info{background:var(--surface-secondary);border:var(--border-default);box-shadow:var(--shadow-sm);color:var(--text-primary);position:absolute}.close-button{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:var(--space-12);justify-content:center;right:var(--space-4);top:var(--space-4);-webkit-user-select:none;user-select:none;width:var(--space-12);z-index:100}.close-button:hover{background:var(--semantic-error-subtle);box-shadow:var(--shadow-md);color:var(--semantic-error)}.hover-actions-overlay{align-items:center;-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md);background:var(--overlay-light);display:flex;gap:var(--gap-sm);height:60px;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.image-view-container.image-ready:hover .hover-actions-overlay{opacity:.95;pointer-events:auto}.hover-action-btn,.hover-actions{align-items:center;display:flex;gap:var(--gap-xs)}.hover-action-btn{-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;font:var(--text-caption);font-weight:var(--font-weight-medium);justify-content:center;min-width:60px;opacity:.9;padding:var(--padding-xs) var(--padding-sm);pointer-events:auto}.hover-action-btn:hover{-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md);background:var(--surface-primary);border-color:var(--border-primary);box-shadow:var(--shadow-xl);opacity:1}.hover-action-btn.remix-btn:hover{background:var(--accent-primary-subtle);color:var(--accent-primary)}.hover-action-btn.download-btn:hover{background:var(--semantic-success-subtle);color:var(--semantic-success)}.hover-action-btn.remove-btn:hover{background:var(--semantic-error-subtle);color:var(--semantic-error)}.hover-action-btn .btn-icon{font-size:var(--font-size-sm)}.hover-action-btn .btn-text{font-size:var(--font-size-xs);line-height:1}@media (max-width:768px){.image-view-modal{padding:var(--space-2)}.image-view-modal-content{border-radius:var(--radius-lg);height:98vh;width:98vw}.navigation-controls{padding:0 var(--space-2)}.nav-button{height:80px;width:48px}.nav-icon{font-size:var(--font-size-2xl)}.metadata-panel{bottom:var(--space-2);right:var(--space-2);top:var(--space-2);width:280px}.action-buttons{flex-wrap:wrap;gap:var(--gap-xs)}.action-btn{min-width:70px;padding:var(--padding-xs) var(--padding-sm)}.zoom-controls{bottom:var(--space-2);gap:var(--gap-xs);right:var(--space-2)}.zoom-controls button{font-size:var(--font-size-sm);height:40px;width:40px}.close-button{height:var(--space-10);right:var(--space-2);top:var(--space-2);width:var(--space-10)}.zoom-info{bottom:var(--space-12);right:var(--space-2)}.image-counter,.zoom-info{font-size:var(--font-size-sm)}.image-counter{bottom:var(--space-2);left:var(--space-2);padding:var(--padding-xs) var(--padding-sm)}.hover-actions{flex-direction:row;flex-wrap:wrap;gap:var(--gap-xs);justify-content:center}.hover-action-btn{font-size:var(--font-size-xs);min-width:80px;padding:var(--padding-xs) var(--padding-sm)}.hover-action-btn .btn-icon{font-size:var(--font-size-sm)}.hover-action-btn .btn-text{font-size:.6rem}}@media (max-width:480px){.metadata-panel{bottom:auto;left:var(--space-2);max-height:60vh;right:var(--space-2);top:var(--space-2);width:calc(100vw - var(--space-4))}.action-toggle-btn{height:var(--space-10);width:var(--space-10)}.metadata-settings{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.nav-button{min-height:56px;min-width:56px}.action-btn{min-height:48px;padding:var(--padding-md)}.zoom-controls button{min-height:48px;min-width:48px}.hover-action-btn{font-size:var(--font-size-sm);min-height:44px;min-width:88px;padding:var(--padding-sm) var(--padding-md)}.hover-action-btn:active{opacity:.8}.hover-action-btn .btn-icon{font-size:var(--font-size-lg)}.hover-action-btn .btn-text{font-size:var(--font-size-xs)}}@media (prefers-contrast:high){.image-view-modal{background:#000000f2}.action-btn,.close-button,.metadata-panel,.nav-button,.zoom-controls button{-webkit-backdrop-filter:none;backdrop-filter:none;border-width:var(--border-width-medium)}}.hover-action-btn,.hover-actions-overlay,.overlay-container,.overlay-text,.preload-indicator,.preload-spinner{animation:none!important;transition:none!important}.modal-image{transition:none!important}@media (prefers-color-scheme:dark){.image-view-modal{background:var(--overlay-backdrop)}.action-btn,.close-button,.metadata-panel,.nav-button,.zoom-controls button{box-shadow:var(--shadow-sm)}}@media print{.close-button,.image-view-modal,.metadata-panel,.navigation-controls,.zoom-controls{display:none!important}}.form-compose{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);margin:0 auto;max-width:720px;overflow:hidden;position:relative;transition:var(--transition-all);width:100%}.form-compose:before{background:linear-gradient(90deg,#0000 0,var(--accent-primary) 20%,var(--accent-primary) 80%,#0000 100%);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.form-compose:hover{border-color:var(--border-primary);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.form-compose:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-focus),var(--shadow-lg)}.form-compose__header{background:var(--surface-secondary);border-bottom:1px solid var(--border-subtle);padding:var(--padding-lg) var(--padding-xl);position:relative}.form-compose__header:after{background:linear-gradient(90deg,#0000 0,var(--border-primary) 50%,#0000 100%);bottom:0;content:"";height:1px;left:var(--padding-xl);opacity:.5;position:absolute;right:var(--padding-xl)}.version-badge{align-items:center;display:flex;gap:var(--gap-lg);justify-content:space-between}.version-badge__label{background:var(--surface-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-tertiary);font:var(--text-code-small);font-size:.75rem;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);padding:6px 14px;text-transform:uppercase}.status-indicator-form{align-items:center;-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);border:1px solid #0000;border-radius:var(--radius-full);display:flex;gap:10px;padding:8px 16px;transition:var(--transition-all)}.status-indicator-form--active{background:var(--semantic-success-subtle);border-color:var(--semantic-success-muted)}.status-indicator-form--inactive{background:var(--semantic-error-subtle);border-color:var(--semantic-error-muted)}.status-indicator-form__dot{border-radius:50%;flex-shrink:0;height:10px;position:relative;width:10px}.status-indicator-form--active .status-indicator-form__dot{animation:pulse-success 3s ease-in-out infinite;background:var(--semantic-success);box-shadow:0 0 0 3px var(--semantic-success-subtle)}.status-indicator-form--inactive .status-indicator-form__dot{animation:pulse-error 2s ease-in-out infinite;background:var(--semantic-error)}@keyframes pulse-success{0%,to{box-shadow:0 0 0 0 var(--semantic-success-muted)}50%{box-shadow:0 0 0 8px var(--semantic-success-subtle)}}@keyframes pulse-error{0%,to{box-shadow:0 0 0 0 var(--semantic-error-muted)}50%{box-shadow:0 0 0 8px var(--semantic-error-subtle)}}.status-indicator-form__text{font:var(--text-label-small);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide)}.status-indicator-form--active .status-indicator-form__text{color:var(--semantic-success)}.status-indicator-form--inactive .status-indicator-form__text{color:var(--semantic-error)}.form-compose__content{padding:var(--padding-2xl);position:relative}.upload-section{position:relative}.upload-section:before{background:linear-gradient(135deg,var(--accent-primary-subtle) 0,#0000 50%,var(--accent-primary-subtle) 100%);border-radius:var(--radius-2xl);bottom:-8px;content:"";left:-8px;opacity:0;pointer-events:none;position:absolute;right:-8px;top:-8px;transition:var(--transition-opacity);z-index:-1}.upload-section:focus-within:before{opacity:1}.privacy-badge{align-items:center;background:var(--surface-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:inline-flex;gap:10px;margin-top:var(--margin-xl);overflow:hidden;padding:12px 18px;position:relative;transition:var(--transition-all)}.privacy-badge:before{background:linear-gradient(90deg,#0000 0,var(--accent-primary-subtle) 50%,#0000 100%);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.privacy-badge:hover:before{left:100%}.privacy-badge:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.privacy-badge__icon{color:var(--accent-primary);flex-shrink:0;position:relative;z-index:1}.privacy-badge__text{color:var(--text-secondary);font:var(--text-label-small);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);position:relative;z-index:1}.form-compose__additional{border-top:1px solid var(--border-subtle);margin-top:var(--margin-2xl);padding-top:var(--padding-2xl);position:relative}.form-compose__additional:before{background:var(--accent-primary);content:"";height:1px;left:50%;opacity:.7;position:absolute;top:0;transform:translateX(-50%);width:60px}.form-compose-wrapper{align-items:center;display:flex;flex-direction:column;gap:var(--gap-2xl);justify-content:center;margin:0 auto;max-width:1200px;padding:var(--padding-2xl);width:100%}.form-compose-wrapper__header{animation:var(--animation-fade-in);max-width:720px;text-align:center}.form-compose-wrapper__title{-webkit-text-fill-color:#0000;animation:gradient-shift 6s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-primary-hover) 50%,var(--accent-primary) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:var(--text-primary);font:var(--text-display-3);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--margin-lg) 0}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.form-compose-wrapper__subtitle{color:var(--text-secondary);font:var(--text-body-large);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-relaxed);margin:0}.form-compose-wrapper__description{color:var(--text-tertiary);font:var(--text-body);line-height:var(--line-height-relaxed);margin:var(--margin-md) 0 0 0;margin-left:auto;margin-right:auto;max-width:600px}.form-compose-wrapper__features{display:flex;flex-wrap:wrap;gap:var(--gap-sm);justify-content:center;margin-top:var(--margin-lg)}.form-compose-wrapper__feature{align-items:center;background:var(--surface-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font:var(--text-label-small);font-weight:var(--font-weight-medium);overflow:hidden;padding:6px 12px;position:relative;transition:var(--transition-all)}.form-compose-wrapper__feature:before{background:linear-gradient(90deg,#0000 0,var(--accent-primary-subtle) 50%,#0000 100%);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.form-compose-wrapper__feature:hover:before{left:100%}.form-compose-wrapper__feature:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-1px)}@media (max-width:768px){.form-compose{border-radius:var(--radius-xl);margin:var(--margin-md)}.form-compose__header{padding:var(--padding-md) var(--padding-lg)}.form-compose__content{padding:var(--padding-xl)}.form-compose-wrapper{gap:var(--gap-xl);padding:var(--padding-lg)}.form-compose-wrapper__title{font-size:var(--font-size-3xl)}.form-compose-wrapper__subtitle{font-size:var(--font-size-md)}.form-compose-wrapper__description{font-size:var(--font-size-sm);max-width:100%}.form-compose-wrapper__features{gap:var(--gap-xs);margin-top:var(--margin-md)}.form-compose-wrapper__feature{font-size:var(--font-size-xs);padding:4px 10px}.version-badge{flex-wrap:wrap;gap:var(--gap-md)}.privacy-badge{padding:10px 16px}}@media (max-width:480px){.form-compose{border-radius:var(--radius-lg);margin:var(--margin-sm)}.form-compose__header{padding:var(--padding-sm) var(--padding-md)}.form-compose__content{padding:var(--padding-lg)}.privacy-badge{font-size:var(--font-size-xs);padding:8px 14px}.form-compose-wrapper__title{font-size:var(--font-size-2xl)}.version-badge__label{font-size:.625rem;padding:4px 10px}.status-indicator-form{gap:8px;padding:6px 12px}}@media (prefers-color-scheme:dark){.form-compose:hover{box-shadow:var(--shadow-xl),0 8px 32px #0006}.form-compose:focus-within{box-shadow:var(--shadow-focus),var(--shadow-lg),0 8px 32px #0000004d}}@media (prefers-reduced-motion:reduce){.form-compose,.form-compose-wrapper__feature,.form-compose-wrapper__title,.privacy-badge,.status-indicator-form{animation:none;transition:none}.form-compose-wrapper__feature:hover,.form-compose:hover,.privacy-badge:hover{transform:none}}@media (prefers-contrast:high){.form-compose,.privacy-badge,.status-indicator-form,.version-badge__label{border-width:2px}}.search-bar-container{border-radius:var(--card-border-radius-lg);flex-direction:column;padding:var(--padding-md)}.search-bar,.search-bar-container{align-items:center;display:flex;position:relative;transition:var(--transition-all);width:100%}.search-bar{background:var(--surface-secondary);border:var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-md);overflow:hidden;padding-left:var(--padding-sm);padding-right:var(--padding-sm)}.search-bar:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-focus);transform:translateY(-2px)}.search-bar:focus-within:after{animation:glowPulse 2s infinite;background:#0000;border-radius:var(--radius-full);bottom:-2px;box-shadow:0 0 0 2px var(--accent-primary-muted);content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}@keyframes glowPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.search-input{background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-primary);flex-grow:1;font:var(--text-body);line-height:var(--line-height-normal);min-width:0;outline:none;padding:var(--padding-sm)}.search-input::placeholder{color:var(--text-placeholder);opacity:.8}.search-input:focus{outline:none}.icon-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:var(--space-9);justify-content:center;margin:0 var(--space-1);min-width:var(--space-9);overflow:hidden;padding:var(--padding-sm);position:relative;transition:var(--transition-all);width:var(--space-9)}.icon-button:focus,.icon-button:hover{background:var(--surface-hover);box-shadow:var(--shadow-sm);color:var(--accent-primary);transform:translateY(-2px)}.icon-button:active{box-shadow:var(--shadow-active);transform:translateY(0)}.icon-button:after{background:var(--surface-hover);border-radius:var(--radius-full);content:"";height:var(--space-1);left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:var(--space-1)}.icon-button:focus:not(:active):after{animation:ripple 1s ease-out}.icon-button img{transition:var(--transition-transform);width:var(--font-size-md)}.icon-button:hover img{transform:scale(1.1)}.image-upload-icon,.search-icon{align-items:center;display:flex;justify-content:center;padding:var(--padding-sm)}.image-upload-icon img,.search-icon img{width:var(--font-size-lg)}.image-preview-container{animation:fadeIn .5s ease-out;background:var(--surface-secondary);border-radius:var(--card-border-radius);box-shadow:var(--shadow-lg);margin-top:var(--margin-sm);overflow:hidden;position:relative;transition:var(--transition-all);width:100%}.image-preview-container:hover{box-shadow:var(--shadow-xl);transform:scale(1.02)}.search-bar-image-preview{border-radius:var(--card-border-radius);display:block;margin:0 auto;max-height:300px;object-fit:contain;transition:var(--transition-all);width:100%}.search-bar-image-preview.loading{animation:pulse 1.5s ease-in-out infinite}.image-loading-placeholder{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;font:var(--text-body);height:200px;justify-content:center;width:100%}.image-loading-placeholder p{margin-top:var(--margin-sm);opacity:.8}.loading-spinner{border:3px solid var(--border-subtle)}.search-bar-filter-button{position:relative;transition:var(--transition-all)}.filter-active{background:var(--accent-primary)!important;box-shadow:var(--shadow-focus);color:var(--text-on-accent)!important;transform:translateY(0)!important}.filter-active:hover{background:var(--accent-primary-hover)!important;transform:translateY(-1px)!important}.global-drag-overlay{align-items:center;animation:fadeInOverlay .15s;-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md);background:var(--overlay-backdrop);display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;transition:background var(--duration-normal);z-index:3000}.global-drag-overlay .drag-overlay-content{align-items:center;background:var(--surface-secondary);border:var(--border-primary);border-radius:var(--card-border-radius-lg);box-shadow:var(--shadow-modal);color:var(--accent-primary);display:flex;flex-direction:column;font-family:inherit;gap:var(--gap-lg);min-height:116px;min-width:320px;opacity:.99;padding:var(--padding-2xl) var(--padding-xl);position:relative}.global-drag-overlay .drag-overlay-content:before{background:linear-gradient(145deg,var(--accent-primary-subtle),var(--accent-primary-muted));border-radius:var(--card-border-radius-lg);content:"";inset:0;opacity:.1;pointer-events:none;position:absolute}.global-drag-overlay .anticon{color:var(--accent-primary);font-size:52px;margin-bottom:var(--space-2);opacity:.92;position:relative;z-index:1}.global-drag-overlay .drag-overlay-text{color:var(--text-primary);font:var(--text-body-large);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-relaxed);margin:0;opacity:.96;position:relative;text-align:center;z-index:1}@keyframes ripple{0%{opacity:1;transform:scale(0)}20%{opacity:1;transform:scale(25)}to{opacity:0;transform:scale(40)}}@keyframes fadeInOverlay{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md);opacity:1}}@media (max-width:768px){.search-bar{padding-left:var(--padding-sm);padding-right:var(--padding-sm)}.search-input{font:var(--text-body-small);padding:var(--padding-sm) var(--space-1)}.icon-button{height:var(--space-8);margin:0 var(--space-1);min-width:var(--space-8);width:var(--space-8)}.search-bar-container{padding:var(--padding-sm)}.image-preview-container{border-radius:var(--card-border-radius-sm)}.global-drag-overlay .drag-overlay-content{border-radius:var(--card-border-radius);min-width:280px;padding:var(--padding-xl) var(--padding-lg)}.global-drag-overlay .anticon{font-size:40px}.global-drag-overlay .drag-overlay-text{font:var(--text-body)}}@media (pointer:coarse){.global-drag-overlay{display:none!important}.icon-button{min-height:44px;padding:var(--padding-sm) var(--space-2)}.search-bar .icon-button{display:flex!important}}@media (prefers-contrast:high){.search-bar{border-width:var(--border-width-medium)}.icon-button:focus,.icon-button:hover{border:var(--border-width-thin) solid var(--accent-primary)}.filter-active{border:var(--border-width-medium) solid var(--text-on-accent)!important}}@media (prefers-reduced-motion:reduce){.icon-button,.image-preview-container,.loading-spinner,.search-bar,.search-bar-image-preview{animation:none;transition:none}.icon-button:focus,.icon-button:hover,.image-preview-container:hover,.search-bar:focus-within{transform:none}.global-drag-overlay .drag-overlay-content:before{background:var(--accent-primary-subtle)}}.circle-button{align-items:center;background:var(--background-color-secondary);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow);cursor:pointer;display:flex;height:var(--circle-button-size);justify-content:center;transition:background var(--transition-standard),transform var(--transition-standard);width:var(--circle-button-size)}.icon-style{color:var(--color-brighter);transition:transform var(--transition-standard)}.circle-button:hover{background:var(--accent-color-hover)}.circle-button:hover,.circle-button:hover .icon-style{transform:scale(var(--hover-scale))}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.flip-animation-x{animation:flipX .5s ease-in-out}.flip-animation-y{animation:flipY .5s ease-in-out}@keyframes flipX{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes flipY{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}.image-editor-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--image-editor-overlay-bg);cursor:auto;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--image-editor-z-index)}.image-editor{animation:scaleIn .3s ease-out;background:var(--image-editor-bg);border:var(--image-editor-border);border-radius:var(--image-editor-border-radius);box-shadow:var(--image-editor-box-shadow);max-height:90vh;max-width:90vw;overflow:auto;padding:var(--image-editor-padding);transition:all .3s ease;-webkit-user-select:none;user-select:none}.editor-canvas{background-color:var(--editor-canvas-bg);border:var(--editor-canvas-border);border-radius:4px;box-shadow:0 4px 12px #00000026;cursor:crosshair;display:block;margin:0 auto 1rem;transition:transform .3s ease,box-shadow .3s ease;z-index:1001}.editor-canvas:hover{box-shadow:0 6px 16px #0003}.editor-canvas.dragging{cursor:grabbing}.editor-instructions{animation:fadeIn .5s ease-in-out;color:var(--text-color-secondary);font-size:var(--font-size-small);margin:.5rem 0 1rem;padding:.5rem;text-align:center}.editor-instructions,.slider-container{background-color:var(--background-color-secondary);border:1px solid var(--border-color-lighter);border-radius:var(--border-radius-medium)}.slider-container{margin:1rem 0;padding:.75rem;transition:all .3s ease}.slider-container:hover{background-color:var(--background-color-hover)}.slider-title{color:var(--text-color);font-weight:500;margin-bottom:.5rem}.editor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--editor-actions-gap);justify-content:center;margin-top:var(--editor-actions-margin-top)}.editor-actions button{transition:transform .2s ease,background-color .2s ease}.editor-actions button:hover{transform:translateY(-2px)}.editor-actions button:active{transform:translateY(0)}.save-button{background-color:var(--accent-color)!important;color:#fff!important;font-weight:700}.save-button:hover{box-shadow:0 0 8px var(--accent-color)}.slider-slider{appearance:none;background:linear-gradient(90deg,var(--surface-tertiary),var(--surface-hover));border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:inset 0 1px 3px #0003;cursor:pointer;height:var(--space-4);outline:none;position:relative;transition:var(--transition-all);width:100%}.slider-slider:hover{background:linear-gradient(90deg,var(--surface-hover),var(--surface-tertiary));border-color:var(--accent-primary);box-shadow:inset 0 1px 3px #00000040,var(--shadow-sm)}.slider-slider:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.slider-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(145deg,var(--accent-primary),var(--accent-primary-hover));border:none;border-radius:var(--radius-full);box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff4d,0 0 0 1px var(--accent-primary-hover);cursor:grab;height:var(--space-5);position:relative;-webkit-transition:var(--transition-all);transition:var(--transition-all);width:var(--space-5);z-index:2}.slider-slider::-webkit-slider-thumb:hover{background:linear-gradient(145deg,var(--accent-primary-hover),var(--accent-primary));box-shadow:0 3px 6px #0006,inset 0 1px 0 #fff6,0 0 0 2px var(--accent-primary-hover);cursor:grab;transform:scale(1.1)}.slider-slider::-webkit-slider-thumb:active{box-shadow:0 2px 4px #00000080,inset 0 1px 0 #fff3,0 0 0 2px var(--accent-primary);cursor:grabbing;transform:scale(1.05)}.slider-slider::-moz-range-thumb{background:linear-gradient(145deg,var(--accent-primary),var(--accent-primary-hover));border:1px solid var(--accent-primary-hover);border-radius:var(--radius-full);box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff4d;cursor:grab;height:var(--space-5);-moz-transition:var(--transition-all);transition:var(--transition-all);width:var(--space-5)}.slider-slider::-moz-range-thumb:hover{background:linear-gradient(145deg,var(--accent-primary-hover),var(--accent-primary));box-shadow:0 3px 6px #0006,inset 0 1px 0 #fff6;cursor:grab;transform:scale(1.1)}.slider-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.05)}.slider-slider::-moz-range-track{background:linear-gradient(90deg,var(--surface-tertiary),var(--surface-hover));border:var(--border-subtle);border-radius:var(--radius-lg);height:var(--space-4)}.slider-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--surface-tertiary),var(--surface-hover));border-radius:var(--radius-lg);height:var(--space-4)}.slider-slider:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-primary-hover));border-radius:var(--radius-lg);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:var(--transition-all);z-index:1}.slider-slider:disabled{background:var(--surface-disabled);border-color:var(--border-subtle);cursor:not-allowed;opacity:.5}.slider-slider:disabled::-webkit-slider-thumb{background:var(--surface-disabled);border-color:var(--border-subtle);box-shadow:none;cursor:not-allowed;transform:none}.slider-slider:disabled::-moz-range-thumb{background:var(--surface-disabled);border-color:var(--border-subtle);box-shadow:none;cursor:not-allowed;transform:none}.slider-slider--small{height:var(--space-3)}.slider-slider--small::-webkit-slider-thumb{height:var(--space-4);width:var(--space-4)}.slider-slider--small::-moz-range-thumb{height:var(--space-4);width:var(--space-4)}.slider-slider--large{height:var(--space-6)}.slider-slider--large::-webkit-slider-thumb{height:var(--space-8);width:var(--space-8)}.slider-slider--large::-moz-range-thumb{height:var(--space-8);width:var(--space-8)}.slider-slider--success{background:linear-gradient(90deg,var(--semantic-success-subtle),var(--semantic-success-muted))}.slider-slider--success::-moz-range-thumb,.slider-slider--success::-webkit-slider-thumb{background:linear-gradient(145deg,var(--semantic-success),var(--semantic-success-hover));border-color:var(--semantic-success-hover)}.slider-slider--success:before{background:linear-gradient(90deg,var(--semantic-success),var(--semantic-success-hover))}.slider-slider--error{background:linear-gradient(90deg,var(--semantic-error-subtle),var(--semantic-error-muted))}.slider-slider--error::-moz-range-thumb,.slider-slider--error::-webkit-slider-thumb{background:linear-gradient(145deg,var(--semantic-error),var(--semantic-error-hover));border-color:var(--semantic-error-hover)}.slider-slider--error:before{background:linear-gradient(90deg,var(--semantic-error),var(--semantic-error-hover))}.slider-slider--warning{background:linear-gradient(90deg,var(--semantic-warning-subtle),var(--semantic-warning-muted))}.slider-slider--warning::-moz-range-thumb,.slider-slider--warning::-webkit-slider-thumb{background:linear-gradient(145deg,var(--semantic-warning),var(--semantic-warning-hover));border-color:var(--semantic-warning-hover)}.slider-slider--warning:before{background:linear-gradient(90deg,var(--semantic-warning),var(--semantic-warning-hover))}.slider-value-tooltip{background:var(--surface-overlay);border:var(--border-subtle);border-radius:var(--radius-md);bottom:calc(100% + var(--space-2));box-shadow:var(--shadow-lg);color:var(--text-primary);font:var(--text-caption);font-weight:var(--font-weight-semibold);opacity:0;padding:var(--space-1) var(--space-2);pointer-events:none;transition:var(--transition-opacity);white-space:nowrap;z-index:10}.slider-value-tooltip,.slider-value-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.slider-value-tooltip:after{border-top-color:#0000;border:var(--space-1) solid #0000;border-top:var(--space-1) solid var(--surface-overlay);content:"";top:100%}.slider-slider:focus+.slider-value-tooltip,.slider-slider:hover+.slider-value-tooltip{opacity:1}@media (prefers-contrast:high){.slider-slider{background:var(--surface-primary);border-width:var(--border-width-medium)}.slider-slider::-moz-range-thumb,.slider-slider::-webkit-slider-thumb{border-color:var(--accent-primary);border-width:var(--border-width-medium)}}@media (prefers-reduced-motion:reduce){.slider-slider,.slider-slider::-moz-range-thumb,.slider-slider::-webkit-slider-thumb,.slider-value-tooltip{-webkit-transition:none;-moz-transition:none;transition:none}.slider-slider::-moz-range-thumb:hover,.slider-slider::-webkit-slider-thumb:hover{transform:none}}[dir=rtl] .slider-slider:before{left:auto;right:0}@media (prefers-color-scheme:dark){.slider-slider{box-shadow:inset 0 1px 3px #0006}.slider-slider:hover{box-shadow:inset 0 1px 3px #00000080,var(--shadow-sm)}}.container-root{align-items:stretch;background:linear-gradient(145deg,var(--surface-primary),var(--surface-secondary));background-clip:padding-box;border:var(--border-width-thin) solid #0000;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;margin-bottom:var(--margin-sm);min-width:0;overflow:visible;padding:var(--container-padding-sm);position:relative;transition:var(--transition-all);width:100%}.container-root,.container-root:before{border-radius:var(--card-border-radius)}.container-root:before{background:linear-gradient(145deg,var(--border-primary),var(--border-secondary));bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;right:0;top:0}.container-header{align-items:center;display:flex;gap:var(--gap-sm);margin-bottom:var(--margin-sm);min-height:0;padding-bottom:var(--space-1);position:relative}.container-title{color:var(--text-primary);font:var(--text-label);letter-spacing:var(--letter-spacing-wide);margin:0;outline:none;padding:0;text-shadow:0 1px 1px #0000001a}.container-title.has-description{border-bottom:1px dotted var(--accent-primary);cursor:help;transition:var(--transition-colors)}.container-title.has-description:focus,.container-title.has-description:hover{color:var(--accent-primary-hover);text-shadow:0 0 4px var(--accent-primary-muted)}.container-description{background:linear-gradient(145deg,var(--surface-tertiary),var(--surface-hover));background-clip:padding-box;border:var(--border-width-thin) solid #0000;box-shadow:var(--shadow-lg);color:var(--text-primary);display:none;font:var(--text-body-small);line-height:var(--line-height-relaxed);max-width:var(--space-32);min-width:var(--space-20);opacity:0;padding:var(--padding-sm);top:100%;transform:translateY(-4px);transition:var(--transition-opacity),var(--transition-transform);z-index:12}.container-description,.container-description:before{border-radius:var(--card-border-radius);left:0;pointer-events:none;position:absolute}.container-description:before{background:linear-gradient(145deg,var(--accent-primary),var(--accent-primary-hover));bottom:0;content:"";-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;right:0;top:0}.container-title.has-description:focus .container-description,.container-title.has-description:hover .container-description{display:block;opacity:1;pointer-events:auto;transform:translateY(0)}.container-content{display:flex;flex-direction:column;gap:var(--gap-sm);width:100%}.container-divider{background:linear-gradient(90deg,#0000,var(--border-primary),var(--accent-primary),var(--border-primary),#0000);border:none;height:1px;margin:var(--margin-sm) 0;opacity:.6;position:relative;width:100%}.container-divider:after{background:linear-gradient(90deg,#0000,var(--accent-primary-muted),#0000);content:"";filter:blur(.5px);height:1px;left:20%;position:absolute;right:20%;top:0}.container-root--small{border-radius:var(--card-border-radius-sm);padding:var(--container-padding-sm)}.container-root--large{border-radius:var(--card-border-radius-lg);padding:var(--container-padding-lg)}.container-root--elevated{box-shadow:var(--shadow-lg)}.container-root--outlined{background:#0000;border:var(--border-default)}.container-root--filled{background:var(--surface-secondary);border:none}.container-root--interactive{cursor:pointer}.container-root--interactive:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.container-root--interactive:active{box-shadow:var(--shadow-md);transform:translateY(0)}.container-root--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}@media (max-width:768px){.container-root{box-shadow:var(--shadow-sm);margin-bottom:var(--margin-sm);padding:var(--container-padding-sm)}.container-root,.container-root:before{border-radius:var(--card-border-radius-sm)}.container-root:hover{box-shadow:var(--shadow-md);transform:none}.container-description{box-shadow:var(--shadow-md);font:var(--text-caption);max-width:95vw;min-width:var(--space-16)}.container-description,.container-description:before{border-radius:var(--card-border-radius-sm)}}@media (prefers-reduced-motion:reduce){.container-description,.container-root{transition:none}.container-root:hover{transform:none}}@media (prefers-contrast:high){.container-root{border:var(--border-width-medium) solid var(--border-strong)}}.tag-input-container{position:relative}.tag-items-container{display:flex;flex-wrap:wrap;gap:var(--gap-small);margin-bottom:var(--margin-small);width:100%;z-index:2}.tag-input-tag-item{align-items:center;animation:tagFadeIn .3s ease;background-color:var(--tag-background-color);border:var(--tag-border);border-radius:var(--tag-item-border-radius);cursor:default;display:flex;font-size:var(--tag-item-font-size);padding:var(--tag-item-padding-vertical) var(--tag-item-padding-horizontal);transition:var(--transition-standard)}@keyframes tagFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tag-input-tag-item:focus,.tag-input-tag-item:hover{background-color:var(--tag-background-color-hover);border-color:var(--border-color-lighter);outline:none}.tag-text{margin-right:calc(var(--margin-small)/2)}.tag-close-button{background-color:initial;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;font-size:var(--font-size-normal);line-height:1;margin-left:var(--margin-small);opacity:.7;padding:0 calc(var(--padding-small)/2);transition:var(--transition-standard)}.tag-close-button:focus,.tag-close-button:hover{color:var(--color-messages-error);opacity:1;outline:none}.tag-suggestions{border:var(--border-standard);left:var(--margin-large);list-style:none;margin:0;max-height:calc(var(--padding-large)*5);max-width:calc(var(--padding-large)*9);padding:0;position:absolute;top:calc(100% - var(--margin-medium));width:100%;z-index:var(--drawer-mask-z-index)}.tag-suggestions li{background-color:var(--background-color-secondary);border-left:1px solid #0000;cursor:pointer;padding:var(--padding-small);transition:var(--transition-colors)}.tag-suggestions li.active-suggestion,.tag-suggestions li:hover{background-color:var(--background-color-hover);border-left-color:var(--color-messages-info)}.suggestion-content{align-items:center;display:flex;justify-content:space-between;width:100%}.suggestion-text{font-weight:400}.suggestion-already-added{color:var(--color-messages-info);font-size:calc(var(--font-size-small)*.9);margin-left:var(--margin-small);opacity:.8}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.input-bar{align-items:center;background:var(--surface-primary);border:var(--border-default);border-radius:var(--input-border-radius);box-shadow:var(--shadow-sm);display:flex;gap:var(--gap-sm);padding:var(--input-padding-md);position:relative;transition:var(--transition-all);width:100%}.input-bar:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-focus);transform:translateY(-1px)}.input-bar:hover:not(:focus-within){background:var(--surface-hover);border-color:var(--border-primary);box-shadow:var(--shadow-hover)}.input-label{color:var(--text-primary);flex-shrink:0;font:var(--text-label);-webkit-user-select:none;user-select:none}.basic-input{background:#0000;border:none;border-bottom:1px solid #0000;border-radius:0;color:var(--text-primary);font:var(--text-body);min-width:0;outline:none;padding:var(--space-1);transition:var(--transition-colors);width:100%}.basic-input::placeholder{color:var(--text-placeholder);opacity:.8}.basic-input:focus{border-bottom-color:var(--accent-primary);outline:none}.basic-input:disabled{cursor:not-allowed;opacity:.6}.basic-input:disabled,.basic-input:disabled::placeholder{color:var(--text-disabled)}.input-bar--small{border-radius:var(--input-border-radius-sm);padding:var(--input-padding-sm)}.input-bar--large{border-radius:var(--input-border-radius-lg);padding:var(--input-padding-lg)}.input-bar--small .input-label{font:var(--text-label-small)}.input-bar--large .input-label{font:var(--text-label-large)}.input-bar--small .basic-input{font:var(--text-body-small)}.input-bar--large .basic-input{font:var(--text-body-large)}.input-bar--error{background:var(--semantic-error-subtle);border-color:var(--semantic-error)}.input-bar--error:focus-within{border-color:var(--semantic-error);box-shadow:0 0 0 var(--focus-ring-width) var(--semantic-error-muted)}.input-bar--error .basic-input{color:var(--text-primary)}.input-bar--success{background:var(--semantic-success-subtle);border-color:var(--semantic-success)}.input-bar--success:focus-within{border-color:var(--semantic-success);box-shadow:0 0 0 var(--focus-ring-width) var(--semantic-success-muted)}.input-bar--filled{background:var(--surface-secondary);border:var(--border-subtle)}.input-bar--filled:hover:not(:focus-within){background:var(--surface-tertiary)}.input-bar--outlined{background:#0000;border:var(--border-strong)}@media (prefers-contrast:high){.input-bar{border-width:var(--border-width-medium)}.basic-input:focus{border-bottom-width:2px}}@media (prefers-reduced-motion:reduce){.input-bar{transition:none}.input-bar:focus-within{transform:none}}@media (max-width:768px){.input-bar{border-radius:var(--input-border-radius-sm)}.basic-input{font-size:16px}}.checkbox-group{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap-medium);justify-content:center;transition:var(--transition-colors);width:100%}@media (max-width:600px){.checkbox-group{flex-direction:column;gap:var(--gap-small);padding:var(--padding-medium) var(--padding-small)}}.checkbox-container{align-items:center;cursor:pointer;display:flex;margin-right:var(--margin-md);position:relative}.checkbox-input{height:0;opacity:0;position:absolute;width:0}.checkbox-input+.checkbox-label{color:var(--text-primary);cursor:pointer;font:var(--text-label);line-height:var(--line-height-normal);padding-left:calc(var(--space-6) + var(--space-2));position:relative;text-shadow:0 1px 1px #0000001a;transition:var(--transition-colors);-webkit-user-select:none;user-select:none}.checkbox-input+.checkbox-label:before{background:linear-gradient(145deg,var(--surface-primary),var(--surface-secondary));border:var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);content:"";height:var(--space-5);left:0;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-all);width:var(--space-5)}.checkbox-input+.checkbox-label:hover:before{background:linear-gradient(145deg,var(--surface-secondary),var(--surface-hover));border-color:var(--accent-primary);box-shadow:var(--shadow-hover);transform:translateY(-50%) scale(1.05)}.checkbox-input:checked+.checkbox-label:before{background:linear-gradient(145deg,var(--accent-primary),var(--accent-primary-hover));border-color:var(--accent-primary-hover);box-shadow:var(--shadow-focus)}.checkbox-input:checked+.checkbox-label:after{border:solid var(--text-on-accent);border-width:0 2px 2px 0;content:"";filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));height:var(--space-3);left:calc(var(--space-1) + 1px);position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:var(--space-2)}.checkbox-input:focus-visible+.checkbox-label:before{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.checkbox-input:disabled+.checkbox-label{color:var(--text-disabled);cursor:not-allowed;opacity:.6}.checkbox-input:disabled+.checkbox-label:before{box-shadow:none}.checkbox-input:disabled+.checkbox-label:before,.checkbox-input:disabled:checked+.checkbox-label:before{background:var(--surface-disabled);border-color:var(--border-subtle)}.checkbox-input:disabled:checked+.checkbox-label:after{border-color:var(--text-disabled);filter:none}.checkbox-input+.checkbox-label:hover{color:var(--text-primary)}.checkbox-input:indeterminate+.checkbox-label:before{background:linear-gradient(145deg,var(--accent-primary),var(--accent-primary-hover));border-color:var(--accent-primary-hover)}.checkbox-input:indeterminate+.checkbox-label:after{background:var(--text-on-accent);border:none;content:"";filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));height:2px;left:calc(var(--space-1) + 1px);position:absolute;top:50%;transform:translateY(-50%);width:var(--space-3)}@media (prefers-contrast:high){.checkbox-input+.checkbox-label:before{border-width:var(--border-width-medium)}.checkbox-input:checked+.checkbox-label:after{border-width:0 3px 3px 0}}@media (prefers-reduced-motion:reduce){.checkbox-input+.checkbox-label,.checkbox-input+.checkbox-label:before{transition:none}.checkbox-input+.checkbox-label:hover:before{transform:translateY(-50%)}}.tag-selector{display:flex;flex-direction:column;width:100%}.tag-container{align-items:center;background-color:var(--background-color-primary);border-radius:0;display:flex;flex-wrap:wrap;gap:var(--padding-small);min-height:60px;padding:var(--padding-medium)}.selected-tags{border-left:1px solid var(--accent-color)}.available-tags{border-left:1px solid var(--color-messages-info)}.select-source-booru-tag-item,.tag-option{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;gap:var(--tag-item-gap);margin:3px;padding:var(--tag-item-padding-vertical) var(--tag-item-padding-horizontal);position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.select-source-booru-tag-item{background-color:var(--background-color-secondary)}.select-source-booru-tag-item,.tag-option{border:1px solid var(--background-color-tertiary)}.tag-option{background-color:initial;color:var(--tag-text-color)}.select-source-booru-tag-item:focus,.select-source-booru-tag-item:hover,.tag-option:focus,.tag-option:hover{outline:none}.select-source-booru-tag-item:focus,.select-source-booru-tag-item:hover{background-color:var(--background-color-tertiary);border-color:var(--accent-color)}.tag-option:focus,.tag-option:hover{background-color:var(--background-color-secondary);border-color:var(--color-messages-info)}.tag-image{border-radius:4px;height:20px;object-fit:cover;opacity:.9;width:20px}.select-source-booru-tag-item:focus .tag-image,.select-source-booru-tag-item:hover .tag-image,.tag-option:focus .tag-image,.tag-option:hover .tag-image{opacity:1}.tag-name{color:var(--text-color);font-size:var(--font-size-small);font-weight:400;letter-spacing:.02em}.tag-action-icon{color:var(--text-color-secondary);font-size:14px;font-weight:400;margin-left:4px;opacity:.5}.select-source-booru-tag-item:focus .tag-action-icon,.select-source-booru-tag-item:hover .tag-action-icon,.tag-option:focus .tag-action-icon,.tag-option:hover .tag-action-icon{opacity:1}.tag-placeholder{color:var(--text-color-secondary);font-style:normal;opacity:.7;padding:var(--padding-small);text-align:center;width:100%}.tag-moving{position:relative;z-index:1}@keyframes tagMove{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.select-source-booru-search-filter{margin-bottom:var(--padding-medium);position:relative;width:100%}.clear-search{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:16px;line-height:1;opacity:.7;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.clear-search:hover{opacity:1}.tag-actions{display:flex;gap:var(--padding-medium);justify-content:space-between;margin-top:var(--padding-medium)}.tag-action-button{background-color:initial;border:none;border-radius:0;color:var(--text-color-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-small);letter-spacing:.05em;padding:var(--padding-small) 0;text-transform:uppercase;transition:color .2s ease}.tag-action-button:focus,.tag-action-button:hover{color:var(--text-color);outline:none}.select-all{border-bottom:1px solid var(--color-messages-info)}.select-safe{border-bottom:1px solid var(--color-messages-success)}.clear-all{border-bottom:1px solid var(--color-messages-error)}@media (max-width:768px){.tag-actions,.tag-selector{flex-direction:column}.tag-actions{gap:var(--padding-small)}}.switch-container{align-items:center;display:flex;gap:var(--gap-md)}.switch{background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;display:inline-block;height:calc(var(--space-8) + var(--space-1));margin-left:var(--margin-sm);position:relative;transition:var(--transition-all);width:calc(var(--space-20) + var(--space-2))}.switch:hover{background:var(--surface-hover);border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.switch-input{height:0;opacity:0;position:absolute;width:0}.switch-slider{background:var(--surface-disabled);bottom:0;cursor:pointer;left:0;overflow:hidden;right:0;top:0}.switch-slider,.switch-slider:before{border-radius:var(--radius-full);position:absolute;transition:var(--transition-all)}.switch-slider:before{background:var(--text-on-accent);border:var(--border-width-thin) solid var(--border-subtle);bottom:var(--space-1);box-shadow:var(--shadow-md);content:"";height:calc(var(--space-6) + var(--space-1));left:var(--space-1);width:calc(var(--space-6) + var(--space-1))}.switch-input:checked+.switch-slider{background:var(--accent-primary);box-shadow:var(--shadow-focus)}.switch-input:checked+.switch-slider:before{background:var(--text-on-accent);box-shadow:var(--shadow-lg);transform:translateX(calc(var(--space-12) + var(--space-1)))}.switch-input:focus-visible+.switch-slider{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.switch-input:hover:not(:disabled)+.switch-slider{background:var(--surface-hover)}.switch-input:checked:hover:not(:disabled)+.switch-slider{background:var(--accent-primary-hover)}.switch-input:active+.switch-slider:before{width:calc(var(--space-8) + var(--space-1))}.switch-input:checked:active+.switch-slider:before{transform:translateX(calc(var(--space-10) + var(--space-1)))}.switch-input:disabled+.switch-slider{background:var(--surface-disabled);cursor:not-allowed;opacity:.5}.switch-input:disabled+.switch-slider:before{background:var(--text-disabled);box-shadow:none}.switch-input:checked:disabled+.switch-slider{background:var(--surface-disabled)}.switch-input:checked:disabled+.switch-slider:before{background:var(--text-disabled)}.switch-tag{align-items:center;color:var(--text-secondary);display:flex;font:var(--text-caption);font-weight:var(--font-weight-medium);height:100%;justify-content:center;letter-spacing:var(--letter-spacing-wide);line-height:calc(var(--space-8) + var(--space-1));opacity:1;pointer-events:none;position:absolute;text-align:center;text-transform:uppercase;transition:var(--transition-opacity);width:100%}.switch-input:checked+.switch-slider .switch-tag.on{color:var(--text-on-accent);opacity:1;padding-right:calc(var(--space-6) + var(--space-1));text-align:right}.switch-input:not(:checked)+.switch-slider .switch-tag.off{color:var(--text-secondary);opacity:1;padding-left:calc(var(--space-6) + var(--space-1));text-align:left}.switch-input:checked+.switch-slider .switch-tag.off,.switch-input:not(:checked)+.switch-slider .switch-tag.on{opacity:0}.switch--small{height:calc(var(--space-6) + var(--space-2));width:calc(var(--space-16) + var(--space-2))}.switch--small .switch-slider:before{height:var(--space-5);width:var(--space-5)}.switch--small .switch-input:checked+.switch-slider:before{transform:translateX(calc(var(--space-10) + var(--space-2)))}.switch--small .switch-tag{line-height:calc(var(--space-6) + var(--space-2));font:var(--text-caption)}.switch--large{height:calc(var(--space-10) + var(--space-2));width:calc(var(--space-24) + var(--space-2))}.switch--large .switch-slider:before{height:calc(var(--space-8) + var(--space-1));width:calc(var(--space-8) + var(--space-1))}.switch--large .switch-input:checked+.switch-slider:before{transform:translateX(calc(var(--space-14) + var(--space-2)))}.switch--large .switch-tag{line-height:calc(var(--space-10) + var(--space-2));font:var(--text-label-small)}.switch--success .switch-input:checked+.switch-slider{background:var(--semantic-success)}.switch--success .switch-input:checked:hover:not(:disabled)+.switch-slider{background:var(--semantic-success-hover)}.switch--error .switch-input:checked+.switch-slider{background:var(--semantic-error)}.switch--error .switch-input:checked:hover:not(:disabled)+.switch-slider{background:var(--semantic-error-hover)}.switch--warning .switch-input:checked+.switch-slider{background:var(--semantic-warning)}.switch--warning .switch-input:checked:hover:not(:disabled)+.switch-slider{background:var(--semantic-warning-hover)}.switch--loading .switch-slider:before{animation:var(--animation-pulse)}.switch--loading .switch-input:disabled+.switch-slider{opacity:.7}@media (prefers-contrast:high){.switch,.switch-slider:before{border-width:var(--border-width-medium)}.switch-slider:before{border-color:var(--border-strong)}.switch-input:checked+.switch-slider{border:var(--border-width-medium) solid var(--accent-primary)}}@media (prefers-reduced-motion:reduce){.switch,.switch-slider,.switch-slider:before,.switch-tag{transition:none}.switch--loading .switch-slider:before{animation:none}}[dir=rtl] .switch-input:checked+.switch-slider:before{transform:translateX(calc((var(--space-12) + var(--space-1))*-1))}[dir=rtl] .switch--small .switch-input:checked+.switch-slider:before{transform:translateX(calc((var(--space-10) + var(--space-2))*-1))}[dir=rtl] .switch--large .switch-input:checked+.switch-slider:before{transform:translateX(calc((var(--space-14) + var(--space-2))*-1))}[dir=rtl] .switch-input:checked+.switch-slider .switch-tag.on{padding-left:calc(var(--space-6) + var(--space-1));padding-right:0;text-align:left}[dir=rtl] .switch-input:not(:checked)+.switch-slider .switch-tag.off{padding-left:0;padding-right:calc(var(--space-6) + var(--space-1));text-align:right}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color-primary);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size-base);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button:focus{outline:var(--focus-outline)}.input-search-bar{align-items:center;display:flex;width:100%}.search-filter{animation:slideDown .3s ease-out;overflow:hidden;width:100%}.search-filter-section{background-color:var(--background-color-secondary);border:var(--border-standard);box-shadow:var(--box-shadow);padding:var(--padding-small)}.search-filter-title{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:var(--font-size-large);font-weight:500;letter-spacing:.5px;margin-bottom:var(--margin-medium);padding-bottom:var(--padding-small)}.search-filter-tags{display:flex;flex-direction:column;gap:var(--margin-medium)}@media (min-width:768px){.search-filter-tags{flex-direction:row;gap:var(--margin-large)}.search-filter-tags>*{flex:1 1}}@media (max-width:767px){.search-filter-section{padding:var(--padding-medium)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-form-filter-container{overflow:hidden;transition:all .3s ease}.menu-form-filter-container.slideDown{animation:slideDown .3s ease-out}.ttc-wrap{margin-bottom:var(--padding-large);padding:0 var(--padding-large);width:100%}.ttc-heading{color:var(--text-color);font-size:var(--font-size-large);font-weight:700;letter-spacing:.015em;margin-bottom:var(--margin-large);text-align:center}.ttc-grid{display:flex;flex-wrap:wrap;gap:var(--gap-large);justify-content:center}@media (max-width:1200px){.ttc-grid>*{flex-basis:48%;max-width:48%;min-width:280px}}@media (max-width:900px){.ttc-grid>*{max-width:100%;min-width:200px}.ttc-grid{flex-direction:column;gap:var(--gap-medium)}.ttc-heading{text-align:center}}@media (max-width:600px){.ttc-wrap{padding:0 var(--padding-small)}}.ttws-card{background:var(--background-color-primary);border:var(--border-standard);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:var(--gap-medium);padding:var(--padding-large) var(--padding-medium);transition:var(--transition-standard)}.ttws-card:hover{border-color:var(--border-color-lighter);box-shadow:var(--box-shadow-hover)}.ttws-section-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--margin-small);padding-bottom:var(--padding-small)}.ttws-title{color:var(--text-color);font-size:var(--font-size-normal);font-weight:600;letter-spacing:.01em;margin:0 0 var(--margin-small) 0}.ttws-desc{color:var(--text-color-secondary);font-size:var(--font-size-small);margin:0}.ttws-slider-row{align-items:center;display:flex;gap:var(--gap-small);justify-content:space-between;margin-bottom:var(--margin-small)}.ttws-threshold{color:var(--accent-color);font-size:var(--font-size-normal);font-weight:500}.ttws-count{color:var(--text-color-secondary);font-size:var(--font-size-small)}.ttws-table-container{background:var(--background-color-secondary);border:none;border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow-light);overflow:hidden;padding:var(--padding-small) 0 0 0;width:100%}.ttws-card .slider{accent-color:var(--accent-color);margin:0 0 var(--margin-small) 0}.ttws-card .slider::-moz-range-thumb,.ttws-card .slider::-webkit-slider-thumb{background:var(--accent-color);border:2px solid var(--background-color-secondary);border-radius:50%;box-shadow:0 2px 6px #00000040;height:20px;-webkit-transition:var(--transition-standard);-moz-transition:var(--transition-standard);transition:var(--transition-standard);width:20px}.ttws-card .slider::-moz-range-thumb:hover,.ttws-card .slider::-webkit-slider-thumb:hover{background:var(--accent-color-hover);box-shadow:0 4px 10px #00000047;transform:scale(1.1)}@media (max-width:768px){.ttws-card{border-radius:var(--border-radius-medium);padding:var(--padding-medium) var(--padding-small)}.ttws-slider-row{align-items:flex-start;flex-direction:column;gap:var(--gap-small)}}.table-tags-container{background-color:var(--table-background-color);border:var(--table-border);border-radius:var(--table-border-radius);box-shadow:var(--table-box-shadow);color:var(--table-text-color);display:flex;flex-direction:column;max-width:480px;overflow:hidden}.table-tags-header{background-color:var(--background-color-secondary);border-bottom:var(--table-border);padding:var(--padding-medium)}.table-tags-search-filter{width:100%}.tag-search-input{background-color:var(--background-color-primary);border:var(--border-standard);border-radius:var(--border-radius-small);color:var(--text-color);font-size:var(--font-size-small);padding:var(--padding-small);transition:all .2s ease;width:100%}.tag-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #5c6bc033;outline:none}.table-wrapper{border-bottom:var(--table-border);max-height:400px;overflow-y:auto}.tableTagsTable{border-collapse:collapse;table-layout:fixed;width:100%}.tableTagsTable td,.tableTagsTable th{border-bottom:var(--table-border);padding:var(--padding-small) var(--padding-medium);text-align:left}.tableTagsTable th{background-color:var(--table-header-background-color);color:var(--table-text-color);cursor:pointer;font-weight:700;position:sticky;top:0;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;z-index:1}.tableTagsTable th:hover{background-color:var(--background-color-hover)}.tableTagsTable th.active-sort{background-color:var(--background-color-focus);color:#fff}.sort-icon{font-weight:700;margin-left:var(--margin-small)}.tag-cell{width:60%;word-break:break-word}.score-cell{width:40%}.score-bar-container{align-items:center;background-color:var(--background-color-secondary);display:flex;height:20px;overflow:hidden;position:relative}.score-bar,.score-bar-container{border-radius:var(--border-radius-small)}.score-bar{background-color:var(--accent-color);height:100%;opacity:.24;transition:width .3s ease}.score-value{color:var(--text-color);font-size:var(--font-size-small);font-weight:700;mix-blend-mode:difference;position:absolute;right:8px}.tableTagsFooter{background-color:var(--background-color-secondary);justify-content:space-between;padding:var(--padding-medium)}.rows-per-page,.tableTagsFooter{align-items:center;display:flex}.rows-select{background-color:var(--table-select-background-color);border:var(--table-border);border-radius:var(--border-radius-small);color:var(--text-color);cursor:pointer;margin-left:var(--margin-small);padding:var(--padding-small)}.pagination-controls{align-items:center;display:flex;gap:var(--padding-small)}.pagination-button{align-items:center;background-color:var(--table-button-background-color);border:var(--table-border);border-radius:var(--border-radius-small);color:var(--text-color);cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:var(--padding-small);transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:var(--table-button-hover-background-color);transform:translateY(-2px)}.pagination-button:disabled{background-color:var(--table-button-disabled-background-color);cursor:default;opacity:.5}.page-indicator{font-size:var(--font-size-small);margin:0 var(--margin-small)}.no-results-message{color:var(--text-color-secondary);font-style:italic;padding:var(--padding-large);text-align:center}@media (max-width:768px){.tableTagsFooter{flex-direction:column;gap:var(--padding-medium)}.pagination-controls,.rows-per-page{justify-content:center;width:100%}.table-wrapper{max-height:300px}}@media (max-width:480px){.tableTagsTable td,.tableTagsTable th{padding:var(--padding-small)}.score-cell,.tag-cell{width:50%}}.custom-text-area{background-color:var(--background-color-tertiary);border:var(--border-standard);border-radius:var(--border-radius-small);box-sizing:border-box;font-size:var(--font-size-base);min-height:var(--text-area-min-height);padding:var(--padding-small);position:relative;resize:none;width:100%}.custom-text-area,.custom-text-area::placeholder{color:var(--text-color-secondary)}.custom-text-area:focus{border:var(--border-focus);outline:none}.tabs-root{background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--card-border-radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;width:100%}.tabs-list{-ms-overflow-style:none;background:var(--surface-tertiary);border-bottom:var(--border-subtle);display:flex;overflow-x:auto;overflow-y:hidden;padding:0;position:relative;scroll-behavior:smooth;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-tab{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font:var(--text-label);letter-spacing:var(--letter-spacing-wide);min-width:120px;outline:none;padding:var(--padding-md) var(--padding-lg);position:relative;text-transform:capitalize;transition:var(--transition-colors);-webkit-user-select:none;user-select:none;white-space:nowrap}.tabs-tab:hover:not(.disabled){background:var(--surface-hover);color:var(--text-primary);transform:translateY(-1px)}.tabs-tab:focus-visible{border-radius:var(--radius-sm);outline:var(--focus-ring);outline-offset:calc(var(--focus-ring-width)*-1);z-index:1}.tabs-tab.active{background:var(--accent-primary-subtle);color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.tabs-tab.active:hover{background:var(--accent-primary-muted);color:var(--accent-primary-hover)}.tabs-tab.disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.5;pointer-events:none}.tabs-indicator{background:linear-gradient(90deg,var(--accent-primary),var(--accent-primary-hover));border-radius:3px 3px 0 0;bottom:0;box-shadow:0 -1px 3px #6773a84d;height:3px;position:absolute;transition:left var(--duration-normal) var(--ease-out),width var(--duration-normal) var(--ease-out)}.tabs-panel{animation:fadeIn var(--duration-normal) var(--ease-out);background:#0000;color:var(--text-primary);line-height:var(--line-height-relaxed);min-height:120px;padding:var(--padding-lg)}.tabs-tab-badge{align-items:center;background:var(--accent-primary);border-radius:var(--radius-full);color:var(--text-on-accent);display:inline-flex;font:var(--text-caption);font-weight:var(--font-weight-semibold);height:var(--space-4);justify-content:center;margin-left:var(--space-2);min-width:var(--space-5);padding:0 var(--space-1)}.tabs-tab:not(.active) .tabs-tab-badge{background:var(--text-tertiary);color:var(--surface-primary)}.tabs-tab--loading{color:var(--text-disabled);pointer-events:none;position:relative}.tabs-tab--loading:after{animation:var(--animation-spin);border:2px solid var(--border-subtle);border-radius:var(--radius-full);border-top-color:var(--accent-primary);content:"";height:var(--space-3);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:var(--space-3)}.tabs-tab-icon{font-size:1em;margin-right:var(--space-2);opacity:.8}.tabs-tab.active .tabs-tab-icon{opacity:1}.tabs-root--vertical{flex-direction:row;height:400px}.tabs-root--vertical .tabs-list{border-bottom:none;border-right:var(--border-subtle);flex-direction:column;overflow-x:hidden;overflow-y:auto;width:200px}.tabs-root--vertical .tabs-tab{justify-content:flex-start;min-width:0;min-width:auto;text-align:left}.tabs-root--vertical .tabs-indicator{border-radius:0 3px 3px 0;bottom:0;height:auto;left:auto;right:0;top:0;transition:top var(--duration-normal) var(--ease-out),height var(--duration-normal) var(--ease-out);width:3px}.tabs-root--vertical .tabs-panel{flex:1 1;overflow-y:auto}@media (max-width:768px){.tabs-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.tabs-tab{font:var(--text-label-small);min-width:100px;padding:var(--padding-sm) var(--padding-md)}.tabs-panel{padding:var(--padding-md)}.tabs-root--vertical{flex-direction:column;height:auto}.tabs-root--vertical .tabs-list{border-bottom:var(--border-subtle);border-right:none;flex-direction:row;width:100%}.tabs-root--vertical .tabs-indicator{border-radius:3px 3px 0 0;bottom:0;height:3px;left:0;right:auto;top:auto;transition:left var(--duration-normal) var(--ease-out),width var(--duration-normal) var(--ease-out);width:auto}}@media (max-width:480px){.tabs-root{border-radius:var(--card-border-radius-sm)}.tabs-tab{font:var(--text-caption);font-weight:var(--font-weight-medium);min-width:80px;padding:var(--padding-sm)}.tabs-tab-badge{height:var(--space-3);margin-left:var(--space-1);min-width:var(--space-4)}}[dir=rtl] .tabs-indicator{left:auto;right:0}[dir=rtl] .tabs-root--vertical .tabs-indicator{border-radius:3px 0 0 3px;left:0;right:auto}@media (prefers-reduced-motion:reduce){.tabs-indicator{transition:none}.tabs-panel{animation:none}.tabs-tab:hover:not(.disabled){transform:none}.tabs-tab--loading:after{animation:none}}@media (prefers-contrast:high){.tabs-root{border-width:var(--border-width-medium)}.tabs-indicator{height:4px}.tabs-root--vertical .tabs-indicator{width:4px}}.ImageMetaMainContent{display:flex;flex-direction:column;gap:var(--gap-large)}.TabPanel{animation:fadeIn .2s ease-in-out}.masonry-grid{justify-content:space-between;margin:0 auto;width:100%}.masonry-column,.masonry-grid{display:flex;gap:var(--gap-small);overflow:hidden}.masonry-column{flex:1 1;flex-direction:column}.masonry-item{min-height:0;overflow:hidden;position:relative}@media (max-width:480px){.masonry-column,.masonry-grid{gap:4px;gap:var(--gap-small,4px)}}.image-image-container{aspect-ratio:auto;background-color:#f0f0f0;background-color:var(--background-color-secondary,#f0f0f0);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow);max-height:768px;max-height:var(--image-max-height,768px);overflow:hidden;position:relative;transition:transform var(--transition-standard),box-shadow var(--transition-standard);width:100%;will-change:transform,opacity}.image-image-container:hover{box-shadow:var(--box-shadow-hover)}.image-image-container.image-loaded{background-color:initial}.placeholder{align-items:center;background-color:var(--background-color-secondary);border-radius:var(--border-radius-medium);bottom:0;display:flex;height:100%;justify-content:center;left:0;opacity:.7;opacity:var(--image-placeholder-opacity,.7);position:absolute;right:0;top:0;transition:opacity .5s ease-out;width:100%;will-change:opacity;z-index:1}.placeholder-hidden{opacity:0;pointer-events:none}.loading-pulse{animation:pulse 1.5s ease-in-out infinite;background-color:#ffffff2e;border-radius:50%;height:30%;width:30%}.image-element{border-radius:var(--border-radius-medium);border-width:0;border-width:var(--image-border-width,0);height:auto;max-height:768px;max-height:var(--image-max-height,768px);object-fit:cover;opacity:0;position:relative;transform:translateZ(0);transition:opacity .5s ease-in,filter var(--transition-standard);width:100%;will-change:opacity,transform}.image-element.image-visible{opacity:1;transition:opacity .5s ease-out}@media (max-width:768px){.image-container{border-radius:var(--border-radius-small);margin-bottom:4px;margin-bottom:var(--margin-small,4px)}.image-container:hover{transform:scale(1.005)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.image-element{image-rendering:auto}}.spinner-overlay{align-items:center;animation:var(--animation-fade-in);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:var(--overlay-backdrop);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--modal-z-index)}.spinner{animation:var(--animation-spin);border:var(--border-width-heavy) solid var(--border-subtle);border-top-color:var(--accent-primary);height:var(--space-12);position:relative;width:var(--space-12)}.spinner,.spinner:after{border-radius:var(--radius-full)}.spinner:after{animation:var(--animation-pulse);background:var(--accent-primary);content:"";height:var(--space-2);left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--space-2)}.spinner--small{border-width:var(--border-width-medium);height:var(--space-6);width:var(--space-6)}.spinner--small:after{height:var(--space-1);width:var(--space-1)}.spinner--large{border-width:var(--border-width-heavy);height:var(--space-16);width:var(--space-16)}.spinner--large:after{height:var(--space-3);width:var(--space-3)}.spinner--inline{display:inline-block;margin:var(--space-2);position:relative}.spinner--accent{border-color:var(--accent-primary-muted);border-top-color:var(--accent-primary)}.spinner--accent:after{background:var(--accent-primary)}.spinner--success{border-color:var(--semantic-success-muted);border-top-color:var(--semantic-success)}.spinner--success:after{background:var(--semantic-success)}.spinner--error{border-color:var(--semantic-error-muted);border-top-color:var(--semantic-error)}.spinner--error:after{background:var(--semantic-error)}.spinner--warning{border-color:var(--semantic-warning-muted);border-top-color:var(--semantic-warning)}.spinner--warning:after{background:var(--semantic-warning)}.spinner-overlay--light{background:var(--overlay-light)}.spinner-overlay--dark{background:var(--overlay-dark)}.spinner-with-text{align-items:center;display:flex;flex-direction:column;gap:var(--space-4)}.spinner-text{color:var(--text-primary);font:var(--text-body);opacity:.9;text-align:center}@media (prefers-contrast:high){.spinner{border-color:var(--border-strong);border-width:var(--border-width-heavy)}}@media (prefers-reduced-motion:reduce){.spinner,.spinner-overlay{animation:none}.spinner{border-top-color:var(--accent-primary)}.spinner:after{animation:none;opacity:1}}.image-card{background:var(--background-color-secondary);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow);cursor:pointer;outline:none;overflow:hidden;position:relative;transition:box-shadow var(--transition-standard),transform var(--transition-standard);z-index:1;z-index:var(--image-card-z-index,1)}.image-card:focus-within,.image-card:hover{box-shadow:var(--box-shadow-hover);transform:scale(1.01)}.overlay{background:linear-gradient(180deg,#00000073 0,#0000 25%,#0000 70%,#00000073);display:flex;flex-direction:column;inset:0;justify-content:space-between;opacity:0;padding:var(--overlay-padding,var(--padding-small));pointer-events:none;position:absolute;transition:opacity var(--transition-standard);z-index:2}.image-card:focus-within .overlay,.image-card:hover .overlay,.overlay:hover{opacity:1;pointer-events:auto}.score{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--background-transparency-dark);border-radius:var(--border-radius-small);box-shadow:0 2px 8px #0000001f;color:var(--text-color);display:flex;font-size:var(--font-size-small);font-weight:700;justify-content:center;margin:var(--margin-small);padding:var(--padding-small);transition:background var(--transition-standard),transform var(--transition-standard)}.score:hover{background:var(--background-color-hover);transform:scale(1.08)}.source{align-items:center;display:flex;gap:var(--gap-small);position:absolute;right:var(--padding-small);right:var(--source-right,var(--padding-small));top:var(--padding-small);top:var(--source-top,var(--padding-small));z-index:3}.avatar{background:var(--background-color-tertiary);border:2px solid var(--background-color-primary);border-radius:50%;box-shadow:var(--box-shadow);cursor:pointer;height:32px;height:var(--avatar-size,32px);object-fit:cover;outline:none;transition:transform var(--transition-standard),border-color var(--transition-standard),box-shadow var(--transition-standard);width:32px;width:var(--avatar-size,32px)}.avatar:focus,.avatar:hover{border-color:var(--accent-color);box-shadow:var(--box-shadow-hover);transform:scale(1.1)}.overlay .circle-button,.overlay .score,.overlay .source{pointer-events:auto}.modal-backdrop{align-items:center;animation:var(--animation-fade-in);-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md);background:var(--overlay-backdrop);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:var(--modal-z-index)}.modal-content{animation:modalSlideIn var(--duration-normal) var(--ease-out);background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--modal-border-radius);box-shadow:var(--shadow-modal);color:var(--text-primary);display:flex;flex-direction:column;max-height:85vh;max-width:720px;min-height:180px;min-width:320px;overflow-y:auto;padding:var(--container-padding-lg);position:relative;transition:var(--transition-shadow),var(--transition-transform);width:100%}.modal-title{color:var(--text-primary);font:var(--text-heading-4);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--margin-md) 0;text-align:left}.modal-body{flex:1 1;font:var(--text-body);line-height:var(--line-height-relaxed);overflow-y:auto;padding:var(--padding-md) 0 0 0}.modal-close-button{align-items:center;background:var(--surface-secondary);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:var(--space-10);justify-content:center;outline:none;position:absolute;right:var(--space-4);top:var(--space-4);transition:var(--transition-colors),var(--transition-shadow),var(--transition-transform);width:var(--space-10);z-index:2}.modal-close-button:focus,.modal-close-button:hover{background:var(--surface-hover);box-shadow:var(--shadow-hover);color:var(--text-primary);transform:var(--transform-hover)}.modal-close-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.modal-close-button:active{box-shadow:var(--shadow-active);transform:var(--transform-active)}.modal-content--small{max-width:480px;padding:var(--container-padding-md)}.modal-content--large{max-width:960px;padding:var(--container-padding-xl)}.modal-content--full{max-height:95vh;max-width:95vw}.modal-content--outlined{border:var(--border-width-medium) solid var(--border-primary);box-shadow:var(--shadow-xl)}.modal-content--elevated{box-shadow:var(--shadow-2xl)}@media (max-width:768px){.modal-content{border-radius:var(--card-border-radius);margin:var(--space-4);max-width:98vw;min-width:0;min-width:auto;padding:var(--container-padding-md)}.modal-title{font:var(--text-heading-5)}.modal-close-button{font-size:var(--font-size-md);height:var(--space-8);right:var(--space-3);top:var(--space-3);width:var(--space-8)}}@media (max-width:480px){.modal-content{border-radius:var(--card-border-radius-sm);margin:var(--space-2);max-width:95vw;padding:var(--container-padding-sm)}.modal-close-button{font-size:var(--font-size-lg);height:var(--space-10);width:var(--space-10)}.modal-title{font:var(--text-heading-6);margin-bottom:var(--margin-sm)}.modal-body{padding:var(--padding-sm) 0 0 0}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(var(--space-8)) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.modal-backdrop{animation:none}.modal-content{animation:none;transition:none}.modal-close-button:hover{transform:none}}@media (prefers-contrast:high){.modal-close-button,.modal-content{border:var(--border-width-medium) solid var(--border-strong)}}.modal-backdrop[aria-hidden=true]{display:none!important}.modal-backdrop--blur{-webkit-backdrop-filter:var(--backdrop-blur-lg);backdrop-filter:var(--backdrop-blur-lg)}.modal-backdrop--dark{background:var(--overlay-dark)}.modal-backdrop--light{background:var(--overlay-light)}.image-grid-element{background:none;border-radius:var(--border-radius-medium);contain:content;min-width:0;outline:none;position:relative}.image-grid-element:focus{background:var(--background-color-focus);box-shadow:0 0 0 2px var(--accent-color);outline:2px solid var(--accent-color);outline-offset:2px;z-index:4}.image-grid-element:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}.image-grid-element:active{box-shadow:0 0 0 3px var(--accent-color-hover)}@media (max-width:768px){.image-grid-element{border-radius:var(--border-radius-small)}}.content-result-container{background-color:var(--background-color-primary);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow);padding:var(--padding-medium);transition:var(--transition-standard);width:100%}.content-result-end-message{color:var(--text-color-secondary);display:block;font-size:var(--font-size-small);font-style:italic;margin:var(--margin-medium) 0;padding:var(--padding-medium);text-align:center}.history-container{background:var(--background-color-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.history-header{align-items:center;background:var(--background-color-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:var(--gap-small);min-height:48px;padding:var(--padding-medium)}.history-header-icon{color:var(--accent-color);font-size:18px}.history-header-title{color:var(--text-color);flex:1 1;font-size:var(--font-size-normal);font-weight:600;margin:0}.history-header-badge{background:var(--accent-color);border-radius:var(--border-radius-small);color:var(--background-color-primary);font-size:var(--font-size-small);font-weight:500;padding:2px 8px}.history-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.history-list{padding:var(--padding-small)}.history-item{align-items:center;background:var(--background-color-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);display:flex;gap:var(--gap-small);margin-bottom:var(--margin-small);overflow:hidden;padding:var(--padding-medium);position:relative;transition:all var(--transition-standard)}.history-item:hover{background:var(--background-color-hover);border-color:var(--accent-color);transform:translateX(4px)}.history-item-deleting{opacity:.5;transform:translateX(-100%);transition:all .3s ease-out}.history-mode-indicator{align-items:center;border-radius:var(--border-radius-small);display:flex;flex-shrink:0;font-size:var(--font-size-normal);font-weight:700;height:36px;justify-content:center;position:relative;transition:all var(--transition-standard);width:36px}.history-mode-char{color:#fff;z-index:1}.history-mode-tooltip{background:var(--background-color-tertiary);border-radius:var(--border-radius-small);box-shadow:var(--box-shadow-dark);color:var(--text-color);font-size:var(--font-size-small);font-weight:400;left:calc(100% + 8px);opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transition:opacity var(--transition-standard);white-space:nowrap}.history-mode-indicator:hover .history-mode-tooltip{opacity:1}.mode-batch{background:linear-gradient(135deg,#205375,#2a6a94)}.mode-query{background:linear-gradient(135deg,#2c5e2e,#3a7a3c)}.mode-text{background:linear-gradient(135deg,#707047,#8a8a5c)}.mode-url{background:linear-gradient(135deg,#633466,#7d427f)}.mode-default{background:linear-gradient(135deg,var(--background-color-tertiary) 0,var(--background-color-hover) 100%)}.history-item-content{cursor:pointer;flex:1 1;min-width:0;padding:0 var(--padding-small)}.history-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.history-token{color:var(--accent-color);font-family:Courier New,monospace;font-size:var(--font-size-small);font-weight:500}.history-time{font-size:.75rem}.history-ref,.history-time{color:var(--text-color-secondary)}.history-ref{font-size:var(--font-size-small);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-standard)}.history-item:hover .history-item-actions{opacity:1}.history-action-button{align-items:center;background:var(--background-color-tertiary);border:none;border-radius:var(--border-radius-small);color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all var(--transition-standard);width:32px}.history-action-button:hover{background:var(--background-color-hover)}.history-action-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.history-action-button:disabled{cursor:not-allowed;opacity:.5}.history-action-search:hover{background:#4d856326;color:var(--color-messages-success)}.history-action-delete:hover:not(:disabled){background:#c15c5c26;color:var(--color-messages-error)}.history-loader{align-items:center;display:flex;gap:var(--gap-small);justify-content:center;padding:var(--padding-large)}.history-end,.history-loader{color:var(--text-color-secondary);font-size:var(--font-size-small)}.history-end{opacity:.6;padding:var(--padding-medium);text-align:center}.history-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--padding-large) var(--padding-medium);text-align:center}.history-empty-icon{color:var(--text-color-secondary);font-size:48px;margin-bottom:var(--margin-medium);opacity:.3}.history-empty-text{color:var(--text-color);font-size:var(--font-size-normal);font-weight:500;margin:0 0 var(--margin-small) 0}.history-empty-subtext{color:var(--text-color-secondary);font-size:var(--font-size-small);margin:0}.history-scrollable::-webkit-scrollbar{width:6px}.history-scrollable::-webkit-scrollbar-track{background:#0000}.history-scrollable::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:var(--border-radius-small)}.history-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}@media (max-width:768px){.history-header{padding:var(--padding-small)}.history-list{padding:var(--padding-small) 0}.history-item{border-left:none;border-radius:0;border-right:none;margin-bottom:1px}.history-item:hover{transform:none}.history-item-actions{opacity:1}.history-mode-tooltip{display:none}}@media (max-width:480px){.history-mode-indicator{font-size:var(--font-size-small);height:32px;width:32px}.history-action-button{font-size:12px;height:28px;width:28px}.history-item{padding:var(--padding-small)}}.status-indicator{display:flex;flex-direction:column;gap:var(--gap-medium)}.status-title{color:var(--text-color);font-size:var(--font-size-normal);font-weight:600;margin:0;opacity:.9}.status-grid{grid-gap:var(--gap-medium);display:grid;gap:var(--gap-medium);grid-template-columns:1fr 1fr}.status-card{align-items:center;background:var(--background-color-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);cursor:default;display:flex;gap:var(--gap-medium);padding:var(--padding-medium);transition:all var(--transition-standard)}.status-card:hover{background:var(--background-color-hover);border-color:var(--accent-color);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.status-card-icon{align-items:center;background:var(--background-color-tertiary);border-radius:var(--border-radius-small);color:var(--accent-color);display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.status-card-content{flex:1 1}.status-card-value{color:var(--text-color);font-size:var(--font-size-large);font-weight:700;line-height:1.2}.status-card-label{color:var(--text-color-secondary);font-size:var(--font-size-small);margin-top:2px}.status-banner{align-items:center;border-radius:var(--border-radius-medium);display:flex;gap:var(--gap-medium);overflow:hidden;padding:var(--padding-medium);position:relative;transition:all var(--transition-standard)}.status-ready{background:linear-gradient(135deg,#4d856326,#4d85630d);border:1px solid #4d85634d}.status-processing{background:linear-gradient(135deg,#b58d4a26,#b58d4a0d);border:1px solid #b58d4a4d}.status-banner-icon{align-items:center;display:flex;font-size:24px;justify-content:center}.status-ready .status-banner-icon{color:var(--color-messages-success)}.status-processing .status-banner-icon{color:var(--color-messages-warning)}.status-banner-content{flex:1 1}.status-banner-title{color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:2px}.status-banner-text{color:var(--text-color);font-size:var(--font-size-normal);font-weight:500}.status-progress{background:#b58d4a1a;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.status-progress-bar{animation:progressAnimation 2s ease-in-out infinite;background:var(--color-messages-warning);height:100%;width:40%}@keyframes progressAnimation{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (max-width:768px){.status-grid{grid-template-columns:1fr}.status-card{padding:var(--padding-small)}.status-card-icon{font-size:18px;height:36px;width:36px}}.drawer{background:var(--background-color-primary);box-shadow:0 0 0 1px var(--border-color),4px 0 24px #00000080;display:flex;flex-direction:column;height:100vh;left:0;max-width:90vw;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:460px;will-change:transform;z-index:1001}.drawer-open{transform:translateX(0)}.drawer-mask{animation:fadeIn .3s forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;inset:0;opacity:0;position:fixed;z-index:1000}.drawer-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.drawer-header{align-items:center;background:var(--background-color-secondary);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0003;display:flex;min-height:64px;padding:var(--padding-large)}.drawer-mobile-handle{background:none;border:none;border-radius:var(--border-radius-small);color:var(--text-color-secondary);cursor:pointer;display:none;font-size:var(--font-size-large);margin-right:var(--margin-small);padding:var(--padding-small);transition:var(--transition-colors)}.drawer-title{align-items:center;color:var(--text-color);display:flex;flex:1 1;font-size:var(--font-size-large);font-weight:500;gap:var(--gap-small);margin:0}.drawer-title-icon{color:var(--accent-color);font-size:1.25em}.drawer-close-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-medium);color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:var(--font-size-large);height:36px;justify-content:center;padding:var(--padding-small);transition:all var(--transition-standard);width:36px}.drawer-close-button:hover{background-color:var(--background-color-hover);color:var(--text-color);transform:rotate(90deg)}.drawer-close-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.drawer-body{display:flex;flex:1 1;flex-direction:column;gap:var(--gap-large);overflow-x:hidden;overflow-y:auto;padding:var(--padding-large)}.drawer-section{animation:slideInFromLeft .4s ease-out}.drawer-section-history{animation-delay:.1s;animation-fill-mode:both;display:flex;flex:1 1;flex-direction:column;min-height:0}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.drawer{max-width:100%;width:100%}.drawer-mobile-handle{display:flex}.drawer-body,.drawer-header{padding:var(--padding-medium)}.drawer-body{gap:var(--gap-medium)}.drawer-title{font-size:var(--font-size-normal)}}@media (max-width:480px){.drawer-body,.drawer-header{padding:var(--padding-small)}.drawer-title span{display:none}}.float-button{align-items:center;-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:linear-gradient(145deg,var(--accent-primary),var(--accent-primary-hover));border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--text-on-accent);cursor:pointer;display:flex;justify-content:center;outline:none;overflow:hidden;position:fixed;transition:var(--transition-all);-webkit-user-select:none;user-select:none;z-index:var(--float-button-z-index)}.float-button:before{border-radius:var(--radius-full);content:"";inset:0;opacity:0;position:absolute;transition:var(--transition-opacity)}.float-button:before,.float-button:hover{background:linear-gradient(145deg,var(--accent-primary-hover),var(--accent-primary))}.float-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px) scale(1.05)}.float-button:hover:before{opacity:1}.float-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.float-button:active{box-shadow:var(--shadow-lg);transform:translateY(-1px) scale(1.02)}.float-button:after{background:#ffffff4d;border-radius:var(--radius-full);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.float-button:active:after{height:300px;width:300px}.float-button-content{align-items:center;display:flex;gap:var(--gap-sm);justify-content:center;position:relative;z-index:1}.float-button-icon{font-size:var(--font-size-lg);transition:var(--transition-transform)}.float-button:hover .float-button-icon{transform:scale(1.1)}.float-button-text{font:var(--text-label);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);white-space:nowrap}.float-button--small{height:var(--space-12);padding:var(--padding-sm);width:var(--space-12)}.float-button--small .float-button-icon{font-size:var(--font-size-md)}.float-button--small .float-button-text{font:var(--text-caption)}.float-button--medium{height:var(--space-14);padding:var(--padding-md);width:var(--space-14)}.float-button--medium .float-button-icon{font-size:var(--font-size-lg)}.float-button--large{height:var(--space-16);padding:var(--padding-lg);width:var(--space-16)}.float-button--large .float-button-icon{font-size:var(--font-size-xl)}.float-button--large .float-button-text{font:var(--text-label-large)}.float-button--extended{border-radius:var(--radius-2xl);height:var(--space-14);min-width:var(--space-32);padding:var(--padding-md) var(--padding-lg);width:auto}.float-button--extended .float-button-icon{margin-right:var(--space-2)}.float-button--bottom-right{bottom:var(--space-6);right:var(--space-6)}.float-button--bottom-left{bottom:var(--space-6);left:var(--space-6)}.float-button--top-right{right:var(--space-6);top:var(--space-6)}.float-button--top-left{left:var(--space-6);top:var(--space-6)}.float-button--center-right{right:var(--space-6);top:50%;transform:translateY(-50%)}.float-button--center-left{left:var(--space-6);top:50%;transform:translateY(-50%)}.float-button--secondary{background:linear-gradient(145deg,var(--surface-secondary),var(--surface-tertiary));border:var(--border-default);color:var(--text-primary)}.float-button--secondary:hover{background:linear-gradient(145deg,var(--surface-tertiary),var(--surface-hover));border-color:var(--border-primary)}.float-button--success{background:linear-gradient(145deg,var(--semantic-success),var(--semantic-success-hover));color:var(--text-on-accent)}.float-button--success:hover{background:linear-gradient(145deg,var(--semantic-success-hover),var(--semantic-success))}.float-button--error{background:linear-gradient(145deg,var(--semantic-error),var(--semantic-error-hover));color:var(--text-on-accent)}.float-button--error:hover{background:linear-gradient(145deg,var(--semantic-error-hover),var(--semantic-error))}.float-button--warning{background:linear-gradient(145deg,var(--semantic-warning),var(--semantic-warning-hover));color:var(--text-on-accent)}.float-button--warning:hover{background:linear-gradient(145deg,var(--semantic-warning-hover),var(--semantic-warning))}.float-button:disabled{background:var(--surface-disabled);box-shadow:var(--shadow-sm);color:var(--text-disabled);cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.float-button:disabled:after,.float-button:disabled:before{display:none}.float-button:disabled .float-button-icon{transform:none}.float-button--loading{pointer-events:none}.float-button--loading .float-button-icon{animation:var(--animation-spin)}.float-button-badge{align-items:center;animation:pulse 2s infinite;background:var(--semantic-error);border:var(--border-width-medium) solid var(--surface-primary);border-radius:var(--radius-full);color:var(--text-on-accent);display:flex;font:var(--text-caption);font-weight:var(--font-weight-bold);height:var(--space-5);justify-content:center;min-width:var(--space-5);padding:0 var(--space-1);position:absolute;right:-var(--space-1);top:-var(--space-1);z-index:2}.float-button-badge--success{background:var(--semantic-success)}.float-button-badge--warning{background:var(--semantic-warning)}.float-button-badge--info{background:var(--semantic-info)}.float-button-group{display:flex;flex-direction:column;gap:var(--gap-md);position:fixed;z-index:var(--float-button-z-index)}.float-button-group--horizontal{flex-direction:row}.float-button-group .float-button{margin:0;position:relative}@media (max-width:768px){.float-button--bottom-left,.float-button--bottom-right{bottom:var(--space-4)}.float-button--bottom-right{right:var(--space-4)}.float-button--bottom-left{left:var(--space-4)}.float-button--top-left,.float-button--top-right{top:var(--space-4)}.float-button--top-right{right:var(--space-4)}.float-button--top-left{left:var(--space-4)}.float-button--center-right{right:var(--space-4)}.float-button--center-left{left:var(--space-4)}.float-button--extended{height:var(--space-12);min-width:var(--space-24);padding:var(--padding-sm) var(--padding-md)}.float-button--extended .float-button-text{font:var(--text-label-small)}.float-button-group{gap:var(--gap-sm)}}@media (max-width:480px){.float-button--bottom-left,.float-button--bottom-right{bottom:var(--space-3)}.float-button--bottom-right{right:var(--space-3)}.float-button--bottom-left{left:var(--space-3)}.float-button--medium{height:var(--space-12);width:var(--space-12)}.float-button--large{height:var(--space-14);width:var(--space-14)}.float-button--extended{height:var(--space-11);padding:var(--padding-sm)}}@media (prefers-contrast:high){.float-button{border:var(--border-width-medium) solid var(--accent-primary)}.float-button--secondary{border-color:var(--border-strong)}.float-button-badge{border-width:var(--border-width-thick)}}@media (prefers-reduced-motion:reduce){.float-button,.float-button-badge,.float-button-icon,.float-button:after,.float-button:before{animation:none;transition:none}.float-button:active,.float-button:hover,.float-button:hover .float-button-icon{transform:none}.float-button--loading .float-button-icon{animation:none}}[dir=rtl] .float-button--bottom-right{left:var(--space-6);right:auto}[dir=rtl] .float-button--bottom-left{left:auto;right:var(--space-6)}[dir=rtl] .float-button--top-right{left:var(--space-6);right:auto}[dir=rtl] .float-button--top-left{left:auto;right:var(--space-6)}[dir=rtl] .float-button--center-right{left:var(--space-6);right:auto}[dir=rtl] .float-button--center-left{left:auto;right:var(--space-6)}[dir=rtl] .float-button--extended .float-button-icon{margin-left:var(--space-2);margin-right:0}[dir=rtl] .float-button-badge{left:-var(--space-1);right:auto}.form-container{display:flex;flex-direction:column;gap:var(--gap-medium);max-width:720px}.form-title{color:var(--text-color);font-size:var(--font-size-large);margin:0 0 var(--margin-medium) 0;text-align:center}.auth-container{align-items:center;background-color:var(--background-color-website);display:flex;justify-content:center;padding:var(--padding-large)}.auth-card{background-color:var(--background-color-primary);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-dark);max-width:480px;overflow:hidden;transition:var(--transition-standard);width:100%}.auth-header{padding:var(--padding-large);padding-bottom:0;text-align:center}.auth-title{color:var(--text-color);font-size:calc(var(--font-size-large)*1.2);font-weight:600;margin:0 0 var(--margin-small) 0}.auth-subtitle{color:var(--text-color-secondary);font-size:var(--font-size-normal);margin:0}.auth-disclaimer{align-items:flex-start;background:linear-gradient(135deg,var(--semantic-warning-subtle) 0,#b58d4a0d 100%);border:1px solid var(--semantic-warning-muted);border-radius:var(--radius-lg);display:flex;gap:var(--gap-md);margin:var(--margin-lg);overflow:hidden;padding:var(--padding-lg);position:relative}.auth-disclaimer:before{background:linear-gradient(180deg,var(--semantic-warning) 0,var(--semantic-warning-hover) 100%);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.auth-disclaimer-icon{align-items:center;background-color:var(--semantic-warning-muted);border-radius:var(--radius-full);color:var(--semantic-warning);display:flex;flex-shrink:0;height:var(--space-10);justify-content:center;margin-top:var(--space-1);width:var(--space-10)}.auth-disclaimer-content{flex:1 1;min-width:0}.auth-disclaimer-title{color:var(--semantic-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-2);text-transform:uppercase}.auth-disclaimer-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.auth-tabs{background-color:var(--background-color-secondary);border-radius:var(--border-radius-medium);display:flex;gap:var(--gap-small);margin:var(--margin-large) var(--margin-large) 0;padding:var(--padding-small)}.auth-tab{background:#0000;border:none;border-radius:var(--border-radius-small);color:var(--text-color-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-normal);font-weight:500;padding:var(--padding-small) var(--padding-medium);transition:var(--transition-standard)}.auth-tab.active,.auth-tab:hover{color:var(--text-color)}.auth-tab.active{background-color:var(--background-color-primary);box-shadow:var(--box-shadow-light)}.auth-content{padding:var(--padding-large)}.auth-form{display:flex;flex-direction:column;gap:var(--gap-medium);width:100%}.auth-error{background-color:#c15c5c1a;border:1px solid #c15c5c33;border-radius:var(--border-radius-small);color:var(--color-messages-error);font-size:var(--font-size-small);padding:var(--padding-small)}.auth-error,.auth-notice{align-items:center;display:flex;gap:var(--gap-small)}.auth-notice{background-color:#b58d4a1a;border:1px solid #b58d4a33;border-radius:var(--border-radius-medium);color:var(--color-messages-warning);font-size:var(--font-size-normal);padding:var(--padding-medium)}.auth-button{margin-top:var(--margin-small)}@media (max-width:640px){.auth-disclaimer{flex-direction:column;gap:var(--gap-sm);margin:var(--margin-md);padding:var(--padding-md)}.auth-disclaimer-icon{align-self:flex-start;margin-top:0}.auth-disclaimer-text,.auth-disclaimer-title{font-size:var(--font-size-xs)}}@media (prefers-color-scheme:dark){.auth-disclaimer{background:linear-gradient(135deg,#b58d4a14,#b58d4a05);border-color:#b58d4a33}.auth-disclaimer-icon{background-color:#b58d4a33}}.header-menu{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.header-menu-toggle{background:none;border:none;border-radius:var(--border-radius-small);color:var(--text-color);cursor:pointer;display:none;padding:var(--padding-small);transition:all var(--transition-standard)}.header-menu-toggle:hover{background-color:var(--background-color-hover);color:var(--accent-color)}.header-menu-toggle:focus{box-shadow:0 0 0 2px var(--accent-color);outline:none}.header-active-route-mobile{display:none}.header-menu-list{align-items:center;display:flex;gap:var(--gap-small);list-style:none;margin:0;padding:0}.header-menu-item{border-radius:var(--border-radius-medium);color:var(--text-color-secondary);cursor:pointer;font-size:var(--font-size-small);font-weight:500;padding:.5rem 1rem;position:relative;transition:all var(--transition-standard);-webkit-user-select:none;user-select:none;white-space:nowrap}.header-menu-item:hover{background-color:var(--background-color-hover);color:var(--text-color)}.header-menu-item.active{background-color:var(--background-color-secondary);color:var(--accent-color)}.header-menu-item:before{background-color:var(--accent-color);bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.header-menu-item.active:before{width:calc(100% - 2rem)}.header-menu-overlay{display:none}@media (max-width:1024px){.header-menu{flex:initial;justify-content:flex-start}.header-menu-toggle{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.header-active-route-mobile{color:var(--text-color);display:block;font-size:var(--font-size-normal);font-weight:600;padding:0 var(--padding-medium)}.header-menu-list{background-color:var(--background-color-primary);border-radius:0 0 var(--border-radius-large) var(--border-radius-large);box-shadow:var(--box-shadow-dark);flex-direction:column;gap:.25rem;left:0;max-height:calc(100vh - 64px);opacity:0;overflow-y:auto;padding:var(--padding-medium);position:fixed;right:0;top:64px;transform:translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:999}.header-menu-list.visible{opacity:1;transform:translateY(0);visibility:visible}.header-menu-item{font-size:var(--font-size-normal);padding:.75rem 1rem;text-align:left;width:100%}.header-menu-item:before{display:none}.header-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:64px;z-index:998}}@media (max-width:480px){.header-active-route-mobile{font-size:var(--font-size-small);padding:0 var(--padding-small)}.header-menu-list{top:56px}}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--background-color-primary);background-color:#1a1a1af2;border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;color:var(--text-color);display:flex;justify-content:space-between;min-height:64px;padding:var(--padding-small) var(--padding-large);position:sticky;top:0;transition:all var(--transition-standard);z-index:1000}.header-scrolled{background-color:#1a1a1afa;box-shadow:var(--box-shadow-dark)}.header-logo{align-items:center;display:flex;flex-shrink:0;gap:var(--gap-small);text-decoration:none;transition:transform .3s ease}.header-logo:hover{transform:translateY(-2px)}.header-logo img{border-radius:var(--border-radius-medium);box-shadow:0 2px 8px #0003;transition:box-shadow var(--transition-standard)}.header-logo:hover img{box-shadow:0 4px 12px #6773a84d}.header-logo-text{color:var(--text-color);font-size:var(--font-size-large);font-weight:600;letter-spacing:-.5px}.header-actions{flex-shrink:0}.header-actions,.header-user-button,.header-user-menu{align-items:center;display:flex;gap:var(--gap-small)}.header-user-button{background-color:var(--background-color-secondary);border:1px solid var(--border-color);margin:0;padding:.5rem 1rem}.header-user-button:hover{background-color:var(--background-color-hover);border-color:var(--accent-color)}.header-user-icon{font-size:1.125rem}.header-username{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-login-button{background-color:var(--accent-color);border:none;color:var(--color-brighter);font-weight:500;margin:0;padding:.5rem 1.5rem}.header-login-button:hover{background-color:var(--accent-color-hover);box-shadow:0 4px 12px #6773a84d;transform:translateY(-1px)}.header-logout-button{background-color:initial;border:1px solid var(--border-color);color:var(--text-color-secondary);margin:0;padding:.5rem 1rem}.header-logout-button:hover{background-color:#c15c5c1a;border-color:var(--color-messages-error);color:var(--color-messages-error)}@media (max-width:1024px){.header{padding:var(--padding-small) var(--padding-medium)}.header-username{display:none}}@media (max-width:768px){.header{gap:var(--gap-small);padding:var(--padding-small)}.header-logo-text{display:none}.header-logo img{height:40px;width:40px}.header-actions{gap:.25rem}.header-login-button,.header-logout-button,.header-user-button{font-size:var(--font-size-small);padding:.5rem .75rem}}@media (max-width:480px){.header{padding:.25rem .5rem}}.tagger-content{align-items:center;display:flex;flex-direction:column;gap:var(--padding-large);width:100%}.tagger-results{animation:fadeIn .5s ease-out;width:100%}.tags-text-section{padding:0 var(--padding-large) var(--padding-large)}.tags-copy-row{align-items:stretch;background:var(--background-color-secondary);border:var(--border-standard);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow-light);display:flex;flex-direction:row;gap:0;margin-top:var(--margin-medium);overflow:hidden;width:100%}.tags-copy-row,.tags-text-area{transition:var(--transition-colors)}.tags-text-area{background-color:initial;border:none;border-radius:0;color:var(--text-color);flex:1 1 auto;font-family:inherit;font-size:var(--font-size-small);min-height:100px;outline:none;padding:var(--padding-medium);resize:vertical}.tags-text-area:focus{background-color:var(--background-color-focus)}@media (max-width:700px){.tags-text-section{padding:var(--padding-medium)}.tags-copy-row{border-radius:var(--border-radius-small);flex-direction:column}.tags-text-area{border-radius:var(--border-radius-small) var(--border-radius-small) 0 0;min-height:84px}}.generator-layout{grid-gap:0;background:var(--surface-base);display:grid;gap:0;grid-template-columns:var(--panel-width-desktop) 1fr;height:calc(100vh - var(--header-height));position:relative}.generation-panel-container{background:var(--surface-primary);border-right:var(--border-default);box-shadow:var(--shadow-lg);transition:var(--transition-all);z-index:var(--panel-z-index)}.generation-panel-container,.results-area-container{height:calc(100vh - var(--header-height));overflow-x:hidden;overflow-y:auto}.results-area-container{background:var(--surface-base);transition:var(--transition-colors)}.mobile-panel-backdrop{-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md);background:var(--overlay-backdrop);bottom:0;display:none;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:var(--transition-opacity);z-index:calc(var(--panel-z-index) - 1)}.mobile-panel-backdrop.visible{opacity:1;pointer-events:auto}.results-area-container::-webkit-scrollbar{width:var(--space-2)}.results-area-container::-webkit-scrollbar-track{background:var(--surface-secondary)}.results-area-container::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-sm)}.results-area-container::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-hover)}@media (max-width:1024px) and (min-width:768px){.generator-layout{grid-template-columns:var(--panel-width-tablet) 1fr}}@media (max-width:767px){.generator-layout{grid-template-columns:1fr;grid-template-rows:1fr;height:calc(100vh - var(--header-height));position:relative}.mobile-panel-backdrop{display:block}.generation-panel-container{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-right:none;border-top:var(--border-default);bottom:0;box-shadow:var(--shadow-2xl);height:auto;left:0;max-height:calc(100vh - var(--header-height));padding-bottom:120px;position:fixed;right:0;top:var(--header-height);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:var(--panel-z-index)}.generation-panel-container.mobile-visible{transform:translateY(0)}.results-area-container{height:calc(100vh - var(--header-height));padding-bottom:120px}.generation-panel-container .panel-header{background:var(--surface-primary);border-bottom:var(--border-default);padding:var(--padding-lg);position:sticky;top:0;z-index:10}}@media (max-width:480px){.generation-panel-container,.results-area-container{padding-bottom:100px}}@media (max-width:767px) and (orientation:landscape){.generation-panel-container,.results-area-container{padding-bottom:90px}}.generation-panel-container::-webkit-scrollbar{width:var(--space-1)}.generation-panel-container::-webkit-scrollbar-track{background:var(--surface-secondary)}.generation-panel-container::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-sm)}.generation-panel-container::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-hover)}@media (prefers-contrast:high){.generation-panel-container{border-right:var(--border-width-medium) solid var(--border-strong)}.generation-panel-container::-webkit-scrollbar-thumb,.results-area-container::-webkit-scrollbar-thumb{background:var(--border-strong)}}@media (prefers-reduced-motion:reduce){.generation-panel-container,.mobile-panel-backdrop,.results-area-container{transition:none}.generation-panel-container{transition:transform .1s ease}}.generation-panel{background:var(--surface-primary);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:var(--transition-colors)}.panel-header{-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:linear-gradient(145deg,var(--surface-secondary),var(--surface-tertiary));border-bottom:var(--border-default);border-radius:0;flex-shrink:0;padding:var(--container-padding-lg);position:relative;transition:var(--transition-all);-webkit-user-select:none;user-select:none}.panel-header:before{background:linear-gradient(90deg,#0000 0,var(--accent-primary) 20%,var(--accent-primary) 80%,#0000 100%);bottom:0;content:"";height:1px;left:0;opacity:.6;position:absolute;right:0}.panel-header:hover{background:linear-gradient(145deg,var(--surface-tertiary),var(--surface-hover))}.panel-header:hover:before{background:linear-gradient(90deg,#0000 0,var(--accent-primary-hover) 15%,var(--accent-primary) 50%,var(--accent-primary-hover) 85%,#0000 100%);height:2px;opacity:1}.panel-header.dragging{cursor:grabbing!important;transition:none!important}.panel-header.dragging:before{animation:dragPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--accent-primary) 10%,var(--accent-primary-hover) 50%,var(--accent-primary) 90%,#0000 100%);height:3px;opacity:1}.panel-header.near-threshold:before{animation:warningPulse 1s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--semantic-warning) 10%,var(--semantic-warning-hover) 50%,var(--semantic-warning) 90%,#0000 100%)}@keyframes warningPulse{0%,to{box-shadow:0 0 0 0 var(--semantic-warning-subtle)}50%{box-shadow:0 0 25px var(--semantic-warning-subtle)}}.swipe-indicator{align-items:center;display:flex;flex-direction:column;gap:var(--gap-xs);margin-top:var(--margin-sm);position:relative}.swipe-progress-container{animation:fadeInSwipe .2s ease-out forwards;background:var(--border-subtle);border-radius:var(--radius-full);height:3px;opacity:0;overflow:hidden;position:relative;width:60px}.swipe-progress-bar{background:var(--accent-primary);border-radius:var(--radius-full);box-shadow:0 0 4px currentColor;height:100%;transition:all .1s ease-out}@keyframes fadeInSwipe{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.swipe-hint{font:var(--text-caption);font-size:.7rem;font-weight:var(--font-weight-medium);opacity:.8;text-align:center;text-shadow:0 1px 2px #0000001a}.panel-mobile-close,.swipe-hint{color:var(--text-secondary);transition:var(--transition-all)}.panel-mobile-close{align-items:center;background:var(--surface-tertiary);border:var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;display:none;font-size:var(--font-size-lg);height:var(--space-8);justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);width:var(--space-8);z-index:10}.panel-mobile-close:hover{background:var(--semantic-error-subtle);border-color:var(--semantic-error);color:var(--semantic-error);transform:scale(1.1)}.panel-mobile-close:active{transform:scale(.95)}.panel-header-content{align-items:flex-start;display:flex;justify-content:space-between;position:relative}.panel-header-info{flex:1 1;min-width:0}.panel-title{-webkit-text-fill-color:#0000;animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-primary) 50%,var(--text-primary) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:var(--text-primary);font:var(--text-heading-4);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--margin-sm) 0;position:relative;text-shadow:none}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.panel-subtitle{color:var(--text-secondary);font:var(--text-body-small);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);margin:0;opacity:.9;padding-left:var(--space-3);position:relative;text-transform:uppercase}.panel-subtitle:before{background:var(--accent-primary);content:"";height:1px;left:0;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);width:var(--space-2)}.panel-content{-webkit-overflow-scrolling:touch;background:var(--surface-primary);display:flex;flex:1 1;flex-direction:column;gap:var(--gap-lg);overflow-x:hidden;overflow-y:auto;padding:var(--container-padding-sm);position:relative;scroll-behavior:smooth;scrollbar-color:var(--accent-primary) #0000;scrollbar-width:thin}.panel-content::-webkit-scrollbar{width:var(--space-1)}.panel-content::-webkit-scrollbar-track{background:#0000;margin:var(--space-2) 0}.panel-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary-hover) 0,var(--accent-primary) 50%,var(--accent-primary-hover) 100%);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.panel-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-primary) 0,var(--accent-primary-hover) 50%,var(--accent-primary) 100%);box-shadow:var(--shadow-md)}.panel-form-container{display:flex;flex-direction:column;gap:var(--gap-lg);min-height:100%;position:relative;width:100%}.panel-form-container>*{animation:fadeInUp .6s ease-out;animation-fill-mode:both;position:relative}.panel-form-container>:first-child{animation-delay:.1s}.panel-form-container>:nth-child(2){animation-delay:.2s}.panel-form-container>:nth-child(3){animation-delay:.3s}.panel-form-container>:nth-child(4){animation-delay:.4s}@media (max-width:1024px){.generation-panel{background:var(--surface-primary)}.panel-header{padding:var(--container-padding-md)}.panel-content{gap:var(--gap-md);padding:var(--container-padding-sm)}}@media (max-width:767px){.generation-panel{border-radius:0;height:auto;max-height:100vh;min-height:auto}.panel-header{background:linear-gradient(145deg,var(--surface-primary),var(--surface-secondary));border-bottom:var(--border-default);border-radius:0;padding:var(--container-padding-md);position:sticky;top:0;touch-action:pan-y;z-index:10}.panel-mobile-close{display:flex}.panel-header-content{align-items:center}.panel-title{-webkit-text-fill-color:initial!important;animation:none!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--text-primary)!important;font:var(--text-heading-5);letter-spacing:var(--letter-spacing-normal);margin-right:var(--space-10)}.panel-subtitle{font:var(--text-caption);margin-top:var(--margin-xs)}.panel-content{gap:var(--gap-md);max-height:none;overflow-y:visible;padding:var(--container-padding-md);padding-bottom:140px}.panel-form-container>*{animation:none}.swipe-indicator{display:flex}}@media (max-width:480px){.panel-header{padding:var(--container-padding-sm)}.panel-mobile-close{font-size:var(--font-size-md);height:var(--space-7);right:var(--space-3);top:var(--space-3);width:var(--space-7)}.panel-title{font:var(--text-heading-6);margin-right:var(--space-8)}.panel-subtitle{font:var(--text-caption);letter-spacing:normal;padding-left:0;text-transform:none}.panel-subtitle:before{display:none}.panel-content{gap:var(--gap-sm);padding:var(--container-padding-sm);padding-bottom:120px}.swipe-hint{font-size:.65rem}.swipe-progress-container{height:2px;width:50px}}@media (min-width:768px){.swipe-indicator{display:none}}@media (max-width:767px) and (orientation:landscape){.panel-content{padding-bottom:100px}.swipe-hint{font-size:.6rem}}.generation-panel:focus-within .panel-header{background:linear-gradient(145deg,var(--surface-hover),var(--surface-tertiary))}.generation-panel:focus-within .panel-header:before{background:linear-gradient(90deg,#0000 0,var(--accent-primary) 10%,var(--accent-primary-hover) 50%,var(--accent-primary) 90%,#0000 100%);opacity:1}.panel-mobile-close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (prefers-contrast:high){.panel-header{background:var(--surface-secondary);border-bottom:var(--border-width-medium) solid var(--border-strong)}.panel-title{-webkit-text-fill-color:unset;animation:none;background:var(--text-primary);-webkit-background-clip:unset;background-clip:initial}.panel-mobile-close{border-width:var(--border-width-medium)}.panel-content::-webkit-scrollbar-thumb{background:var(--border-strong);border:1px solid var(--border-primary)}.swipe-progress-bar{background:var(--border-strong);border:1px solid var(--border-strong)}.swipe-progress-container{background:var(--surface-base);border:1px solid var(--border-subtle);height:4px}}@media (prefers-reduced-motion:reduce){.generation-panel,.panel-content,.panel-header,.panel-mobile-close,.panel-title,.swipe-hint,.swipe-indicator,.swipe-progress-bar,.swipe-progress-container{animation:none;transition:none}.panel-form-container>*{animation:none}.panel-content{scroll-behavior:auto}.panel-header.dragging:before,.panel-header.near-threshold:before{animation:none}}@media (prefers-color-scheme:dark){.panel-header:before{box-shadow:0 1px 3px #0000004d}.panel-content::-webkit-scrollbar-thumb{box-shadow:inset 0 0 3px #0000004d}.swipe-progress-bar{box-shadow:0 0 4px #0000004d}}@media print{.generation-panel{background:#fff;box-shadow:none;color:#000}.panel-header{background:#f5f5f5;border-bottom:1px solid #ccc}.panel-mobile-close,.swipe-indicator{display:none}.panel-title{-webkit-text-fill-color:unset;animation:none;background:#000;-webkit-background-clip:unset;background-clip:initial}}.textarea-container{display:flex;flex-direction:column;position:relative;width:100%}.textarea-label{align-items:center;color:var(--text-primary);display:flex;font:var(--text-label);font-weight:var(--font-weight-semibold);gap:var(--gap-xs);margin-bottom:var(--space-2)}.textarea-description{color:var(--text-secondary);font:var(--text-caption);margin-bottom:var(--space-3)}.textarea-description,.textarea-field{line-height:var(--line-height-relaxed)}.textarea-field{appearance:none;background:var(--surface-primary);border:var(--border-default);border-radius:var(--input-border-radius);color:var(--text-primary);font:var(--text-body);min-height:80px;outline:none;padding:var(--padding-md);resize:vertical;transition:var(--transition-all);width:100%}.textarea-field:focus{background:var(--surface-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.textarea-field:hover:not(:focus){background:var(--surface-hover);border-color:var(--border-primary)}.textarea-field::placeholder{color:var(--text-placeholder);font-style:italic}.textarea-field:disabled{background:var(--surface-disabled);cursor:not-allowed;opacity:.6}.textarea-field:disabled,.textarea-field:disabled::placeholder{color:var(--text-disabled)}.textarea-footer{align-items:center;display:flex;gap:var(--gap-md);justify-content:space-between;margin-top:var(--space-2)}.textarea-char-count{background:var(--surface-tertiary);border-radius:var(--radius-sm);color:var(--text-tertiary);font:var(--text-caption);min-width:fit-content;padding:var(--padding-xs) var(--padding-sm);transition:var(--transition-colors)}.textarea-char-count:hover{background:var(--accent-primary-subtle);color:var(--text-secondary)}.textarea-char-count--over-limit{background:var(--semantic-error-subtle);color:var(--semantic-error)}.textarea-hint{align-items:center;color:var(--text-secondary);display:flex;font:var(--text-caption);font-style:italic;gap:var(--gap-xs)}.textarea-hint:before{content:"💡";font-style:normal}.textarea-container--small .textarea-field{font:var(--text-body-small);min-height:60px;padding:var(--padding-sm)}.textarea-container--large .textarea-field{font:var(--text-body-large);min-height:120px;padding:var(--padding-lg)}.textarea-container--error .textarea-field{background:var(--semantic-error-subtle);border-color:var(--semantic-error)}.textarea-container--error .textarea-field:focus{border-color:var(--semantic-error);box-shadow:0 0 0 var(--focus-ring-width) var(--semantic-error-muted)}.textarea-container--success .textarea-field{background:var(--semantic-success-subtle);border-color:var(--semantic-success)}.textarea-container--warning .textarea-field{background:var(--semantic-warning-subtle);border-color:var(--semantic-warning)}.textarea-container--loading .textarea-field{background:var(--surface-primary);border-color:var(--accent-primary-muted);box-shadow:0 0 0 1px var(--accent-primary-subtle);position:relative}.textarea-container--loading:before{animation:pulse 2s infinite;content:"✏️";font-size:var(--font-size-sm);opacity:.7;position:absolute;right:var(--space-2);top:var(--space-2);z-index:10}.textarea-container--loading .textarea-char-count{background:var(--accent-primary-subtle);border:1px solid var(--accent-primary-muted);color:var(--accent-primary);font-weight:var(--font-weight-medium)}@media (max-width:768px){.textarea-field{-webkit-tap-highlight-color:transparent;font:var(--text-body);font-size:16px;min-height:100px;padding:var(--padding-md);touch-action:manipulation}.textarea-footer{align-items:stretch;flex-direction:column;gap:var(--gap-sm)}.textarea-char-count{padding:var(--padding-sm);text-align:center}.textarea-field:focus{box-shadow:var(--shadow-focus),0 4px 20px var(--accent-primary-subtle);transform:scale(1.01)}}@media (max-width:480px){.textarea-field{border-radius:var(--radius-lg);font-size:16px;line-height:1.5;min-height:120px;padding:var(--padding-sm) var(--padding-md)}.textarea-label{font:var(--text-label-large);margin-bottom:var(--space-3)}.textarea-description{font:var(--text-body-small);margin-bottom:var(--space-4)}.textarea-char-count{font-size:14px;padding:var(--padding-sm) var(--padding-md)}}@media (hover:none) and (pointer:coarse){.textarea-field{font-size:16px;line-height:1.6;min-height:120px;padding:var(--padding-lg)}.textarea-field:focus{border-width:2px}.textarea-char-count{align-items:center;display:flex;font-size:14px;justify-content:center;min-height:44px;padding:var(--padding-md)}}@media (max-width:767px) and (orientation:landscape){.textarea-field{min-height:80px;padding:var(--padding-sm) var(--padding-md)}.textarea-container--small .textarea-field{min-height:60px}.textarea-container--large .textarea-field{min-height:100px}}@media (prefers-contrast:high){.textarea-field{border-width:var(--border-width-medium)}}@media (prefers-reduced-motion:reduce){.textarea-char-count,.textarea-field{transition:none}.textarea-container--loading:before{animation:none}.textarea-field:focus{transform:none}}.prompt-section-container{position:relative;width:100%}.prompt-section-container:before{background:linear-gradient(145deg,var(--surface-secondary) 0,var(--surface-primary) 50%,var(--surface-secondary) 100%);border-radius:var(--radius-xl);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;transition:var(--transition-all);z-index:-1}.prompt-section-container:hover:before{background:linear-gradient(145deg,var(--accent-primary-subtle) 0,var(--surface-primary) 50%,var(--accent-primary-subtle) 100%);opacity:.5}.prompt-section-container:focus-within:before{background:linear-gradient(145deg,var(--accent-primary-subtle) 0,var(--surface-secondary) 50%,var(--accent-primary-subtle) 100%);opacity:.7}.prompt-textarea{position:relative;z-index:1}.prompt-textarea .textarea-field{-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:var(--surface-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);font-family:var(--font-family-primary);line-height:var(--line-height-relaxed);transition:var(--transition-all)}.prompt-textarea .textarea-field:hover{background:var(--surface-secondary);border-color:var(--accent-primary-muted);box-shadow:var(--shadow-md)}.prompt-textarea .textarea-field:focus{background:var(--surface-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-focus),0 8px 25px var(--accent-primary-subtle);transform:translateY(-1px)}.prompt-textarea .textarea-field::placeholder{color:var(--text-placeholder);font-style:italic;opacity:.7}.prompt-textarea.textarea-container--loading .textarea-field{animation:loadingPulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--surface-primary) 0,var(--accent-primary-subtle) 100%);border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary-subtle),var(--shadow-md)}@keyframes loadingPulse{0%,to{box-shadow:0 0 0 1px var(--accent-primary-subtle),var(--shadow-md)}50%{box-shadow:0 0 0 3px var(--accent-primary-subtle),var(--shadow-lg)}}.prompt-textarea.textarea-container--error .textarea-field{animation:errorShake .5s ease-in-out;background:linear-gradient(135deg,var(--surface-primary) 0,var(--semantic-error-subtle) 100%);border-color:var(--semantic-error);box-shadow:0 0 0 1px var(--semantic-error-subtle),var(--shadow-md)}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.prompt-textarea .textarea-label{align-items:center;color:var(--text-primary);display:flex;font-weight:var(--font-weight-semibold);gap:var(--gap-xs);margin-bottom:var(--space-2)}.prompt-textarea .textarea-label:before{content:"✨";font-size:.9em;opacity:.8;transition:var(--transition-all)}.prompt-textarea:focus-within .textarea-label:before{opacity:1;transform:scale(1.1)}.prompt-textarea .textarea-char-count{background:var(--surface-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);transition:var(--transition-all)}.prompt-textarea:focus-within .textarea-char-count{background:var(--accent-primary-subtle);border-color:var(--accent-primary-muted);color:var(--accent-primary)}.prompt-textarea .textarea-hint{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--gap-xs);opacity:.8;transition:var(--transition-all)}.prompt-textarea .textarea-hint:before{content:"💡";font-size:.8em}.prompt-textarea:focus-within .textarea-hint{color:var(--accent-primary);opacity:1}@media (max-width:768px){.prompt-section-container:before{opacity:.2}.prompt-textarea .textarea-field{border-radius:var(--radius-lg);font:var(--text-body-small);padding:var(--padding-sm)}.prompt-textarea .textarea-field:focus{transform:none}}@media (max-width:480px){.prompt-section-container:before{border-radius:var(--radius-lg)}.prompt-textarea .textarea-field{border-radius:var(--radius-md)}}@media (prefers-contrast:high){.prompt-textarea .textarea-field{border-width:3px}.prompt-section-container:before{display:none}.prompt-textarea .textarea-char-count,.prompt-textarea .textarea-hint{border-width:2px}}@media (prefers-reduced-motion:reduce){.prompt-section-container:before,.prompt-textarea .textarea-char-count,.prompt-textarea .textarea-field,.prompt-textarea .textarea-hint,.prompt-textarea .textarea-label:before{animation:none;transition:none}.prompt-textarea .textarea-field:focus{transform:none}.prompt-textarea.textarea-container--error .textarea-field,.prompt-textarea.textarea-container--loading .textarea-field{animation:none}}@media (prefers-color-scheme:dark){.prompt-section-container:before{opacity:.2}.prompt-textarea .textarea-field{-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md)}}.size-preset-button{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:60px;padding:6px;transition:var(--transition-all)}.size-preset-button:hover{background:var(--surface-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.size-preset-button.selected{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.size-preset-button:disabled{cursor:not-allowed;opacity:.5}.aspect-ratio-icon{flex-shrink:0}.button-text{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center}.preset-name{font:var(--text-label-small);font-weight:var(--font-weight-semibold)}.resolution{color:var(--text-secondary);font:var(--text-caption);font-family:var(--font-family-secondary)}.size-preset-button.selected .resolution{color:var(--text-on-accent);opacity:.9}@media (max-width:768px){.size-preset-button{min-height:55px;padding:4px}.aspect-ratio-icon{height:30px;width:30px}}@media (max-width:480px){.size-preset-button{gap:2px;min-height:45px;padding:3px}.aspect-ratio-icon{height:26px;width:26px}.preset-name{font-size:.7rem}.resolution{font-size:.6rem}}@media (prefers-contrast:high){.size-preset-button{border-width:2px}}@media (prefers-reduced-motion:reduce){.size-preset-button{transition:none}.size-preset-button:hover{transform:none}}.size-selection{display:flex;flex-direction:column;gap:var(--gap-lg);width:100%}.size-presets-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));width:100%}.custom-size-inputs{align-items:center;background-color:var(--surface-primary);border:var(--border-dashed);border-radius:var(--card-border-radius);box-shadow:var(--shadow-sm);display:flex;gap:var(--gap-md);justify-content:center;margin-top:var(--margin-sm);padding:var(--container-padding-md)}.size-input-group{align-items:center;display:flex;flex-direction:column;gap:var(--gap-xs)}.size-input-group label{color:var(--text-secondary);font:var(--text-label-small);font-weight:var(--font-weight-medium);margin:0}.size-input{background-color:var(--surface-secondary);border:var(--border-default);border-radius:var(--input-border-radius);box-shadow:var(--shadow-sm);color:var(--text-primary);font:var(--text-body-small);padding:var(--input-padding-sm);text-align:center;transition:var(--transition-colors);width:80px}.size-input:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus);outline:none}.size-input:invalid{border-color:var(--semantic-error);box-shadow:0 0 0 1px var(--semantic-error-subtle)}.size-separator{color:var(--text-secondary);font:var(--text-heading-5);font-weight:var(--font-weight-bold);line-height:1;margin:0 var(--margin-sm)}.size-info{align-items:center;background:var(--surface-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--margin-sm);padding:var(--padding-sm)}.size-display{color:var(--text-primary);font:var(--text-label);font-weight:var(--font-weight-semibold)}.size-aspect-ratio{color:var(--text-secondary);font:var(--text-caption);font-style:italic}@media (max-width:1024px){.size-presets-grid{gap:5px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.custom-size-inputs{flex-direction:column;gap:var(--gap-sm)}}@media (max-width:768px){.size-presets-grid{gap:4px;grid-template-columns:repeat(3,1fr)}.size-selection{gap:var(--gap-md)}}@media (max-width:480px){.size-presets-grid{gap:4px;grid-template-columns:repeat(2,1fr)}.custom-size-inputs{flex-direction:row;gap:var(--gap-xs);padding:var(--container-padding-sm)}.size-input{width:70px}.size-input-group label{font:var(--text-caption)}}@media (prefers-contrast:high){.size-input,.size-preset-button{border-width:var(--border-width-medium)}.size-preset-button.active{border-width:3px}}@media (prefers-reduced-motion:reduce){.size-preset-button{transform:none;transition:none}.size-preset-button:hover{transform:none}}@media (prefers-color-scheme:dark){.custom-size-inputs{background-color:var(--surface-secondary)}}.advanced-settings-container{display:flex;flex-direction:column;gap:var(--gap-lg);width:100%}.negative-prompt-section{width:100%}.negative-prompt-textarea .textarea-field{background:var(--surface-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-family:var(--font-family-primary);line-height:var(--line-height-relaxed);min-height:80px;transition:var(--transition-all)}.negative-prompt-textarea .textarea-field:hover{background:var(--surface-secondary);border-color:var(--semantic-warning-muted);box-shadow:var(--shadow-md)}.negative-prompt-textarea .textarea-field:focus{background:var(--surface-secondary);border-color:var(--semantic-warning);box-shadow:var(--shadow-focus),0 4px 12px var(--semantic-warning-subtle)}.negative-prompt-textarea .textarea-field::placeholder{color:var(--text-placeholder);font-style:italic;opacity:.6}.negative-prompt-textarea .textarea-label{align-items:center;color:var(--text-primary);display:flex;font-weight:var(--font-weight-semibold);gap:var(--gap-xs);margin-bottom:var(--space-2)}.negative-prompt-textarea .textarea-label:before{content:"🚫";font-size:.9em;opacity:.8}.negative-prompt-textarea .textarea-char-count{background:var(--surface-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.quality-settings{background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-lg);transition:var(--transition-all)}.quality-settings:hover{border-color:var(--accent-primary-muted);box-shadow:var(--shadow-md)}@media (max-width:768px){.advanced-settings-container{gap:var(--gap-md)}.negative-prompt-textarea .textarea-field{border-radius:var(--radius-md);font:var(--text-body-small);padding:var(--padding-sm)}.quality-settings{padding:var(--padding-md)}}@media (max-width:480px){.negative-prompt-textarea .textarea-field{border-radius:var(--radius-md)}.quality-settings{padding:var(--padding-sm)}.advanced-settings-container{gap:var(--gap-sm)}}@media (prefers-contrast:high){.negative-prompt-textarea .textarea-field{border-width:3px}.quality-settings{border-width:var(--border-width-medium)}}@media (prefers-reduced-motion:reduce){.negative-prompt-textarea .textarea-field,.quality-settings{transition:none}}@media (prefers-color-scheme:dark){.negative-prompt-textarea .textarea-field{-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm)}}.timer{align-items:center;background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);display:inline-flex;font:var(--text-label);justify-content:center;min-width:80px;overflow:hidden;padding:var(--padding-sm) var(--padding-md);position:relative;transition:var(--transition-all)}.timer:hover{background:var(--surface-tertiary);border-color:var(--border-primary);box-shadow:var(--shadow-md)}.timer:before{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:var(--transition-all)}.timer.loading:before{animation:pulse 2s ease-in-out infinite;opacity:.1}.timer span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);position:relative;z-index:1}.time-main{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.time-ms{color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:2px;opacity:.8}.counter-container{align-items:center;background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:1px;min-width:100px;padding:2px;transition:var(--transition-all)}.counter-container--horizontal{flex-direction:row;height:auto;min-width:100px}.counter-container--vertical{flex-direction:row;height:auto;min-height:50px;min-width:80px}.counter-container:hover{border-color:var(--border-primary);box-shadow:var(--shadow-hover)}.counter-container:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.counter-button{align-items:center;background:var(--surface-primary);border:var(--border-subtle);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:center;outline:none;position:relative;transition:var(--transition-all);-webkit-user-select:none;user-select:none}.counter-container--horizontal .counter-button{border-radius:var(--radius-md);height:28px;width:28px}.counter-container--vertical .counter-buttons{display:flex;flex-direction:column;gap:1px}.counter-container--vertical .counter-button{font-size:var(--font-size-sm);height:22px;min-height:22px;width:24px}.counter-container--vertical .counter-button--increment{border-bottom:none;border-radius:0 var(--radius-md) 0 0}.counter-container--vertical .counter-button--decrement{border-radius:0 0 var(--radius-md) 0;border-top:none}.counter-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent-primary);box-shadow:var(--shadow-sm);color:var(--accent-primary);transform:var(--transform-hover)}.counter-button:active:not(:disabled){box-shadow:var(--shadow-active);transform:var(--transform-active)}.counter-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.counter-button:disabled{background:var(--surface-disabled);border-color:var(--border-subtle);color:var(--text-disabled);cursor:not-allowed;opacity:.5;transform:none}.counter-value{-webkit-appearance:none;-moz-appearance:textfield;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font:var(--text-label);font-weight:var(--font-weight-bold);outline:none;text-align:center;transition:var(--transition-colors)}.counter-container--horizontal .counter-value{min-width:40px;padding:var(--padding-xs) 0;width:40px}.counter-container--vertical .counter-value{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:var(--border-subtle);margin-right:2px;min-width:40px;padding:var(--padding-xs);text-align:center;width:40px}.counter-value::-webkit-inner-spin-button,.counter-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.counter-value:focus{background:var(--surface-focus);color:var(--accent-primary)}.counter-label{font:var(--text-label-small);font-weight:var(--font-weight-medium);white-space:nowrap}.counter-container--horizontal .counter-label{margin-left:var(--space-2)}.counter-container--vertical .counter-label{font-size:var(--font-size-xs);margin-top:var(--space-1);text-align:center}.counter-container--small{gap:var(--gap-xs);padding:2px}.counter-container--small.counter-container--horizontal{min-width:80px}.counter-container--small.counter-container--vertical{min-height:40px;min-width:65px}.counter-container--small .counter-button{font-size:var(--font-size-xs)}.counter-container--small.counter-container--horizontal .counter-button{height:var(--space-6);width:var(--space-6)}.counter-container--small.counter-container--vertical .counter-button{height:18px;min-height:18px;width:20px}.counter-container--small .counter-value{font:var(--text-body-small)}.counter-container--small.counter-container--horizontal .counter-value{min-width:var(--space-8)}.counter-container--small.counter-container--vertical .counter-value{min-width:32px;width:32px}.counter-container--small .counter-label{font:var(--text-caption)}.counter-container--large{gap:var(--gap-md);padding:var(--padding-sm)}.counter-container--large.counter-container--horizontal{min-width:120px}.counter-container--large.counter-container--vertical{min-height:60px;min-width:95px}.counter-container--large .counter-button{font-size:var(--font-size-md)}.counter-container--large.counter-container--horizontal .counter-button{height:var(--space-10);width:var(--space-10)}.counter-container--large.counter-container--vertical .counter-button{height:26px;min-height:26px;width:28px}.counter-container--large .counter-value{font:var(--text-label-large)}.counter-container--large.counter-container--horizontal .counter-value{min-width:var(--space-16)}.counter-container--large.counter-container--vertical .counter-value{min-width:48px;width:48px}.counter-container--large .counter-label{font:var(--text-label)}.counter-container--outlined{background:#0000;border:var(--border-default)}.counter-container--filled{background:var(--surface-tertiary);border:var(--border-subtle)}.counter-container--vertical .counter-button:hover:not(:disabled){position:relative;z-index:2}.counter-container--vertical .counter-button--increment:hover:not(:disabled){border-bottom:var(--border-width-thin) solid var(--accent-primary)}.counter-container--vertical .counter-button--decrement:hover:not(:disabled){border-top:var(--border-width-thin) solid var(--accent-primary)}@media (prefers-contrast:high){.counter-button,.counter-container{border-width:var(--border-width-medium)}}@media (prefers-reduced-motion:reduce){.counter-button,.counter-container,.counter-value{transition:none}.counter-button:active:not(:disabled),.counter-button:hover:not(:disabled){transform:none}}@media (max-width:768px){.counter-container--horizontal .counter-button{font-size:var(--font-size-md);height:var(--space-9);width:var(--space-9)}.counter-container--horizontal .counter-value{font:var(--text-label);min-width:var(--space-14)}.counter-container--vertical{min-width:70px}.counter-container--vertical .counter-button{height:20px;min-height:20px;width:22px}.counter-container--vertical .counter-value{min-width:36px;width:36px}}.generator-action-section{background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;position:relative;transition:var(--transition-all);-webkit-user-select:none;user-select:none}.generator-action-section.dragging{border-color:var(--accent-primary);box-shadow:var(--shadow-2xl);transition:none!important}.generator-action-section.near-threshold{border-color:var(--semantic-success)}.drag-indicator{align-items:center;background:var(--surface-tertiary);border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--padding-sm) var(--padding-md);position:relative;transition:var(--transition-all)}.drag-indicator:active{background:var(--accent-primary-subtle)}.drag-handle{background:var(--border-primary);border-radius:var(--radius-full);height:4px;overflow:hidden;position:relative;transition:var(--transition-all);width:var(--space-10)}.generator-action-section.dragging .drag-handle{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary-subtle);width:var(--space-12)}.generator-action-section.near-threshold .drag-handle{background:var(--semantic-success);box-shadow:0 0 8px var(--semantic-success-subtle)}.drag-progress-container{animation:fadeIn .2s ease-out forwards;background:var(--border-subtle);border-radius:var(--radius-full);bottom:var(--space-2);height:2px;left:50%;opacity:0;overflow:hidden;position:absolute;transform:translateX(-50%);width:60px}.drag-progress-bar{background:var(--accent-primary);border-radius:var(--radius-full);box-shadow:0 0 4px currentColor;height:100%;transition:all .1s ease-out}.drag-hint{color:var(--text-secondary);font:var(--text-caption);font-weight:var(--font-weight-medium);text-align:center;text-shadow:0 1px 2px #0000001a;transition:var(--transition-all)}.generator-action-section.dragging .drag-hint{color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.generator-action-section.near-threshold .drag-hint{color:var(--semantic-success);text-shadow:0 0 4px var(--semantic-success-subtle)}.generator-action-section.dragging{animation:dragPulse 2s ease-in-out infinite}@keyframes dragPulse{0%,to{box-shadow:var(--shadow-2xl),0 0 0 0 var(--accent-primary-subtle)}50%{box-shadow:var(--shadow-2xl),0 0 0 8px #0000}}.generator-action-section.near-threshold{animation:successPulse 1s ease-in-out infinite}@keyframes successPulse{0%,to{box-shadow:var(--shadow-2xl),0 0 0 0 var(--semantic-success-subtle)}50%{box-shadow:var(--shadow-2xl),0 0 0 6px #0000}}@media (min-width:768px){.generator-action-section.fixed-bottom{background:var(--surface-primary);border:none;border-radius:0;border-top:var(--border-subtle);bottom:0;left:0;margin:0;position:sticky;right:0;z-index:10}.drag-indicator{display:none}}.generator-action-section.generating{background:linear-gradient(145deg,var(--surface-secondary),var(--accent-primary-subtle));border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.error-message{align-items:flex-start;animation:slideIn .3s ease-out;background:var(--semantic-error-subtle);border:1px solid var(--semantic-error-muted);border-radius:var(--radius-md);box-shadow:var(--shadow-md);gap:var(--gap-md);margin:var(--padding-sm);padding:var(--padding-md);position:relative}.error-message:before{background:var(--semantic-error);border-radius:var(--radius-md) var(--radius-md) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes slideIn{0%{opacity:0;scale:.95;transform:translateY(-10px)}to{opacity:1;scale:1;transform:translateY(0)}}.error-content{align-items:flex-start;display:flex;flex:1 1;gap:var(--gap-sm)}.error-icon{flex-shrink:0;font-size:var(--font-size-lg)}.error-details{display:flex;flex-direction:column;gap:var(--gap-xs)}.error-title{color:var(--semantic-error);font:var(--text-label);font-weight:var(--font-weight-semibold);margin:0}.error-text{color:var(--text-primary);font:var(--text-body-small);line-height:var(--line-height-relaxed);margin:0}.error-dismiss{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--semantic-error);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:var(--space-6);justify-content:center;padding:var(--padding-xs);transition:var(--transition-all);width:var(--space-6)}.error-dismiss:hover{background:var(--semantic-error-muted);color:var(--semantic-error-hover);transform:var(--transform-hover)}.error-dismiss:focus{outline:2px solid var(--semantic-error);outline-offset:2px}.action-bar{gap:var(--gap-sm);min-height:70px;padding:0 var(--padding-sm);top:0;width:100%}.action-bar,.action-bar-left{align-items:center;display:flex}.action-bar-left{flex:0 0 auto}.action-bar-center{display:flex;flex:1 1;justify-content:center}.action-bar-center button{max-width:120px;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-bar-right{align-items:center;display:flex;flex:0 0 auto;justify-content:flex-end}.counter-section{align-items:center;display:flex;gap:var(--gap-xs);justify-content:center;min-height:60px}.counter-label{color:var(--text-secondary);font:var(--text-caption);margin:0}.timer-section{align-items:center;display:flex;justify-content:center;min-height:60px}.action-icon{font-size:var(--font-size-md);margin-right:var(--space-2);transition:var(--transition-all)}.action-text{font-weight:var(--font-weight-medium)}.primary-action button:hover .action-icon{transform:scale(1.1)}.primary-action button[disabled] .action-icon{opacity:.5}.primary-action button[aria-busy=true] .action-icon{animation:spin 1s linear infinite}.action-bar button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:767px){.generator-action-section{clip:none!important;-webkit-backdrop-filter:var(--backdrop-blur-md)!important;backdrop-filter:var(--backdrop-blur-md)!important;background:var(--surface-primary)!important;border:none!important;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0!important;border-top:var(--border-default)!important;bottom:0!important;box-shadow:var(--shadow-2xl)!important;contain:none!important;left:0!important;margin:0!important;max-width:100vw!important;padding:0!important;position:fixed!important;right:0!important;touch-action:pan-y;transform:none!important;width:100vw!important;z-index:9999!important}.drag-indicator{border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-top:var(--border-default);cursor:grab;display:flex;position:relative}.drag-indicator:active,.generator-action-section.dragging .drag-indicator{background:var(--accent-primary-subtle);cursor:grabbing}.drag-progress-container{bottom:var(--space-1);width:80px}.action-bar{align-items:center;min-height:80px}.action-bar-center{flex:1 1;order:1}.action-bar-left{flex:0 0 auto;order:0}.action-bar-right{flex:0 0 auto;order:2}.action-bar-center button{-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:56px;letter-spacing:var(--letter-spacing-wide);overflow:hidden;text-overflow:ellipsis;transition:var(--transition-all);white-space:nowrap;width:140px}.action-bar-center button:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.action-bar-center button:active{transform:translateY(0)}.counter-section,.timer-section{background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);min-height:56px;padding:var(--padding-sm)}.error-message{border-radius:var(--radius-xl);margin:var(--padding-md) var(--padding-lg) var(--padding-sm) var(--padding-lg)}.generator-action-section.dragging{background:linear-gradient(145deg,var(--surface-primary),var(--accent-primary-subtle))!important;box-shadow:var(--shadow-2xl),0 0 20px var(--accent-primary-subtle)!important}.generator-action-section.near-threshold{background:linear-gradient(145deg,var(--surface-primary),var(--semantic-success-subtle))!important;box-shadow:var(--shadow-2xl),0 0 25px var(--semantic-success-subtle)!important}}@media (max-width:480px){.drag-indicator{padding:var(--padding-sm) var(--padding-md)}.drag-hint{font:var(--text-caption);font-size:.7rem}.drag-progress-container{width:70px}.action-bar{gap:var(--gap-xs);min-height:70px;padding:var(--padding-sm) var(--padding-md)}.action-bar-center button{font-size:var(--font-size-md);height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px}.counter-section,.timer-section{min-height:48px;padding:var(--padding-xs) var(--padding-sm)}.error-message{margin:var(--padding-sm);padding:var(--padding-sm)}}@media (max-width:767px) and (orientation:landscape){.drag-indicator{padding:var(--padding-xs) var(--padding-md)}.action-bar{min-height:60px;padding:var(--padding-sm) var(--padding-lg)}.action-bar-center button{height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}.counter-section,.timer-section{min-height:44px}}@media (prefers-contrast:high){.generator-action-section{border-top-width:var(--border-width-medium)}.counter-section,.timer-section{border-width:var(--border-width-medium)}.drag-handle{background:var(--border-strong);height:6px}.drag-progress-bar{border:1px solid var(--border-strong);box-shadow:none}}.loading-spinner-small{animation:spin .8s linear infinite;border-top:2px solid var(--border-secondary);border:2px solid var(--border-secondary);border-radius:var(--radius-full);border-top-color:var(--accent-primary);height:var(--space-4);width:var(--space-4)}@media (prefers-reduced-motion:reduce){.action-bar-center button,.action-icon,.drag-handle,.drag-hint,.drag-indicator,.drag-progress-bar,.drag-progress-container,.error-dismiss,.error-icon,.error-message,.generator-action-section,.loading-spinner-small{animation:none;transition:none}.action-bar-center button:hover{transform:none}.generator-action-section.dragging,.generator-action-section.near-threshold{animation:none;transition:none}}.advanced-toggle-bar{background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--margin-lg);padding:var(--padding-md);transition:var(--transition-all)}.advanced-toggle-bar.expanded,.advanced-toggle-bar:hover{border-color:var(--accent-primary-muted);box-shadow:var(--shadow-md)}.advanced-toggle-bar.expanded{background:var(--accent-primary-subtle)}.toggle-content{gap:var(--gap-lg);justify-content:space-between}.toggle-content,.toggle-info{align-items:center;display:flex}.toggle-info{flex:1 1;gap:var(--gap-md)}.toggle-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:var(--font-size-xl)}.toggle-text{display:flex;flex-direction:column;gap:var(--gap-xs)}.toggle-title{color:var(--text-primary);font:var(--text-label-large);font-weight:var(--font-weight-semibold);margin:0}.toggle-hint{color:var(--text-secondary);font:var(--text-caption);margin:0}.toggle-button{align-items:center;display:flex;flex-shrink:0;font-weight:var(--font-weight-medium);gap:var(--gap-sm);justify-content:center;min-width:80px}.toggle-arrow{color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.advanced-toggle-bar.expanded .toggle-arrow{color:var(--text-on-accent)}.expanded-info{animation:slideDown .3s ease-out;background:var(--semantic-info-subtle);border:1px solid var(--semantic-info-muted);border-radius:var(--radius-md);margin-top:var(--margin-md);padding:var(--padding-sm) var(--padding-md)}.expanded-text{color:var(--semantic-info);display:block;font:var(--text-caption);font-style:italic;text-align:center}.toggle-button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:768px){.toggle-content{gap:var(--gap-md)}.toggle-button{min-width:70px}}@media (max-width:480px){.advanced-toggle-bar{padding:var(--padding-sm)}.toggle-content{align-items:stretch;flex-direction:column;gap:var(--gap-sm)}.toggle-info{justify-content:center;text-align:center}.toggle-button{min-width:auto;width:100%}.expanded-info{margin-top:var(--margin-sm);padding:var(--padding-xs) var(--padding-sm)}}@media (prefers-reduced-motion:reduce){.advanced-toggle-bar,.expanded-info{animation:none;transition:none}}.select-dropdown{margin:var(--margin-sm);position:relative;width:100%}.select-dropdown__control{align-items:center;background-color:var(--surface-primary);border:var(--border-default);border-radius:var(--input-border-radius);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);justify-content:space-between;line-height:var(--line-height-normal);min-height:var(--input-height-md);padding:var(--input-padding-md);position:relative;transition:var(--transition-colors),var(--transition-shadow);width:100%}.select-dropdown__control:hover{background-color:var(--surface-hover);border-color:var(--border-interactive);box-shadow:var(--shadow-hover)}.select-dropdown__control:focus-within{background-color:var(--surface-focus);border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.select-dropdown__control.active{background-color:var(--surface-focus);border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.select-dropdown__control:after{color:var(--text-secondary);content:"▼";font-size:var(--font-size-xs);margin-left:var(--space-2);transition:var(--transition-transform)}.select-dropdown__control.active:after{color:var(--accent-primary);transform:rotate(180deg)}.select-dropdown__control:disabled{background-color:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.select-dropdown__control:disabled:hover{background-color:var(--surface-disabled);border-color:var(--border-subtle);box-shadow:var(--shadow-sm)}.select-dropdown__menu{animation:var(--animation-fade-in);background-color:var(--surface-primary);border:var(--border-default);border-radius:var(--input-border-radius);box-shadow:var(--shadow-xl);left:0;max-height:320px;min-width:100%;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-1));z-index:var(--z-index-dropdown)}.select-dropdown__search{background-color:var(--surface-secondary);border:none;border-bottom:var(--border-subtle);border-radius:var(--input-border-radius) var(--input-border-radius) 0 0;box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);height:40px;margin:0;outline:none;padding:var(--padding-md);transition:var(--transition-colors);width:100%}.select-dropdown__search:focus{background-color:var(--surface-focus);border-bottom-color:var(--accent-primary)}.select-dropdown__search::placeholder{color:var(--text-placeholder)}.select-dropdown__options{display:flex;flex-direction:column;max-height:260px;overflow-x:hidden;overflow-y:auto}.select-dropdown__option{align-items:center;background:none;border:none;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);min-height:40px;overflow:hidden;padding:var(--padding-md);text-align:left;text-overflow:ellipsis;transition:var(--transition-colors);white-space:nowrap;width:100%}.select-dropdown__option:hover{background-color:var(--surface-hover);color:var(--text-primary)}.select-dropdown__option:focus{background-color:var(--surface-focus);outline:none}.select-dropdown__option:active{background-color:var(--surface-pressed)}.select-dropdown__option.selected{background-color:var(--surface-selected);color:var(--accent-primary);font-weight:var(--font-weight-medium)}.select-dropdown__option.selected:hover{background-color:var(--accent-primary-subtle)}.select-dropdown__empty{color:var(--text-tertiary);font-style:italic}.select-dropdown__empty,.select-dropdown__loading{font-size:var(--font-size-sm);padding:var(--padding-md);text-align:center}.select-dropdown__loading{align-items:center;color:var(--text-secondary);display:flex;gap:var(--gap-sm);justify-content:center}@media (max-width:768px){.select-dropdown__menu{max-height:250px}.select-dropdown__options{max-height:190px}.select-dropdown__option{font-size:var(--font-size-md);padding:var(--padding-md)}}.model-selector-container{background:var(--surface-secondary);border:var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--margin-md);overflow:visible;padding:var(--padding-md);position:relative;transition:var(--transition-all)}.model-selector-container:hover{border-color:var(--accent-primary-muted);box-shadow:var(--shadow-md)}.model-selector-container:hover:before{opacity:.8}.model-selector-container:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.model-selector-content{align-items:center;display:flex;gap:var(--gap-lg);justify-content:space-between}.model-selector-info{align-items:center;display:flex;flex:1 1;gap:var(--gap-sm);min-width:0}.model-selector-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;font-size:var(--font-size-lg)}.model-selector-label{color:var(--text-primary);font:var(--text-label);font-weight:var(--font-weight-semibold);margin:0}.model-selector-dropdown{flex:0 0 200px;max-width:200px;position:relative;z-index:10}.model-selector-container.loading{opacity:.7;pointer-events:none}.model-selector-container.loading:before{animation:loadingShimmer 2s ease-in-out infinite}@keyframes loadingShimmer{0%,to{background-position:-200% 0}50%{background-position:200% 0}}@media (max-width:768px){.model-selector-content{align-items:stretch;flex-direction:column;gap:var(--gap-md)}.model-selector-info{justify-content:center;text-align:center}.model-selector-dropdown{flex:1 1;max-width:none}}@media (max-width:480px){.model-selector-container{margin-bottom:var(--margin-sm);padding:var(--padding-sm)}.model-selector-content{gap:var(--gap-sm)}.model-selector-info{gap:var(--gap-xs)}.model-selector-label{font:var(--text-body-small);font-weight:var(--font-weight-semibold)}}@media (prefers-contrast:high){.model-selector-container{border-width:var(--border-width-medium)}.model-selector-container:before{background:var(--accent-primary);height:3px;opacity:1}}@media (prefers-reduced-motion:reduce){.model-selector-container,.model-selector-container:before{animation:none;transition:none}.model-selector-container.loading:before{animation:none}}@media (prefers-color-scheme:dark){.model-selector-container:before{box-shadow:0 1px 3px #0000004d}}@media print{.model-selector-container{background:#fff;border:1px solid #ccc;box-shadow:none}.model-selector-container:before{display:none}}.generation-form{display:flex;flex-direction:column;gap:var(--gap-lg);max-width:100%;padding:var(--padding-md);width:100%}.prompt-textarea{margin-bottom:var(--margin-sm)}.negative-prompt-textarea{margin-bottom:var(--margin-md)}.generation-form .advanced-settings-container{gap:var(--gap-md)}.generation-form .settings-group{margin-bottom:var(--margin-lg)}.generation-form .settings-group:last-child{margin-bottom:0}.generation-success-message{animation:fadeIn .3s ease-out;background:var(--semantic-success-subtle);border:1px solid var(--semantic-success-muted);border-radius:var(--radius-md);color:var(--semantic-success);font:var(--text-body-small);margin-top:var(--margin-sm);padding:var(--padding-sm) var(--padding-md);text-align:center;transition:var(--transition-all)}.generation-form .advanced-toggle-bar{margin:var(--margin-md) 0}.generation-form .size-selection{margin-top:var(--margin-sm)}.generation-form .generator-action-section{margin-top:var(--margin-lg)}.generation-form .textarea-container{position:relative}.generation-form .textarea-container+.textarea-container{margin-top:var(--margin-md)}.generation-form .form-section-header{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);display:flex;font:var(--text-heading-6);gap:var(--gap-sm);margin:var(--margin-lg) 0 var(--margin-md) 0;padding-bottom:var(--padding-xs)}.generation-form .form-section-header:before{background:var(--accent-primary);border-radius:var(--radius-full);content:"";height:var(--space-4);width:4px}.generation-form .textarea-container--error .textarea-field{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.generation-form .textarea-container--loading{overflow:visible;position:relative}.generation-form .textarea-field:focus{box-shadow:var(--shadow-focus),0 4px 12px var(--accent-primary-subtle);transform:translateY(-1px)}@media (max-width:768px){.generation-form{gap:var(--gap-md);padding:var(--padding-sm)}.generation-form .form-section-header{font:var(--text-label);margin:var(--margin-md) 0 var(--margin-sm) 0}.generation-form .advanced-toggle-bar{margin:var(--margin-sm) 0}.generation-form .generator-action-section{margin-top:var(--margin-md)}.generation-success-message{font:var(--text-caption);padding:var(--padding-xs) var(--padding-sm)}}@media (max-width:480px){.generation-form{gap:var(--gap-sm);padding:var(--padding-xs)}.generation-form .textarea-container+.textarea-container{margin-top:var(--margin-sm)}.generation-form .settings-group{margin-bottom:var(--margin-md)}}@media (prefers-reduced-motion:reduce){.generation-form .textarea-field,.generation-success-message{animation:none;transition:none}.generation-form .textarea-field:focus{transform:none}.generation-form .textarea-container--error .textarea-field{animation:none}}@media (prefers-contrast:high){.generation-success-message{border-color:var(--semantic-success);border-width:2px}.generation-form .form-section-header:before{width:6px}}@media print{.generation-form .generator-action-section,.generation-success-message{display:none}.generation-form{gap:var(--gap-sm);padding:0}}.results-container{background:var(--surface-base);display:flex;flex-direction:column;height:100%;transition:var(--transition-colors);width:100%}.results-content{flex:1 1;max-width:100%;overflow:visible;padding:var(--container-padding-md);transition:var(--transition-all)}@media (max-width:767px){.results-content{padding:var(--container-padding-sm)}}@media (max-width:480px){.results-content{padding:var(--padding-md)}}.results-content>*{max-width:100%}@media (prefers-contrast:high){.results-container{border-left:var(--border-width-thin) solid var(--border-strong)}}@media (prefers-reduced-motion:reduce){.results-container,.results-content{transition:none}}.results-container:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.results-section{margin-top:var(--margin-lg);width:100%}.images-container{min-height:auto;width:100%}.image-item{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;position:relative}.image-item:focus-within,.image-item:hover{border-color:var(--accent-primary-muted);box-shadow:var(--shadow-md)}.image-wrapper{align-items:center;background:var(--surface-secondary);display:flex;flex:1 1;justify-content:center;min-height:200px;position:relative}.image-metadata{background:var(--surface-primary);border-top:1px solid var(--border-subtle);gap:var(--gap-sm);padding:var(--padding-md)}.image-metadata,.metadata-item{display:flex;flex-direction:column}.metadata-item{gap:var(--gap-xs)}.metadata-item.prompt-section{background:linear-gradient(135deg,var(--accent-primary-subtle),var(--surface-secondary));border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--padding-sm)}.metadata-item.negative-section{background:linear-gradient(135deg,var(--semantic-warning-subtle),var(--surface-secondary));border-left:3px solid var(--semantic-warning);border-radius:var(--radius-md);padding:var(--padding-sm)}.prompt-label{align-items:center;color:var(--accent-primary);display:flex;font:var(--text-caption);font-weight:var(--font-weight-bold);gap:var(--gap-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.prompt-label:before{content:"💭";font-size:.9em}.negative-label{align-items:center;color:var(--semantic-warning);display:flex;font:var(--text-caption);font-weight:var(--font-weight-bold);gap:var(--gap-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.negative-label:before{content:"🚫";font-size:.9em}.prompt-text{-webkit-line-clamp:3;color:var(--text-primary)}.negative-text,.prompt-text{-webkit-box-orient:vertical;display:-webkit-box;font:var(--text-body-small);line-height:var(--line-height-relaxed);margin:0;overflow:hidden;word-break:break-word}.negative-text{-webkit-line-clamp:2;color:var(--text-secondary);opacity:.9}.metadata-settings{grid-gap:var(--gap-xs);border-top:1px solid var(--border-subtle);display:grid;gap:var(--gap-xs);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:var(--gap-sm);padding-top:var(--gap-sm)}.setting-badge{background:var(--surface-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font:var(--text-caption);font-weight:var(--font-weight-medium);line-height:1.2;padding:var(--space-1) var(--space-2);text-align:center;white-space:nowrap}.setting-badge:hover{background:var(--surface-hover);border-color:var(--accent-primary-muted);color:var(--text-primary)}.setting-badge.upscaled{background:var(--accent-primary-subtle);border-color:var(--accent-primary-muted);color:var(--accent-primary);font-weight:var(--font-weight-bold)}.copyable-text{border-radius:var(--radius-sm);cursor:pointer;margin:calc(var(--padding-xs)*-1);padding:var(--padding-xs);position:relative;-webkit-user-select:text;user-select:text}.copyable-text:hover{background:var(--surface-hover);color:var(--accent-primary)}.copyable-text:active{background:var(--accent-primary-subtle);color:var(--accent-primary)}.copyable-text:after{content:"📋";font-size:.8em;opacity:0;pointer-events:none;position:absolute;right:var(--space-1);top:50%;transform:translateY(-50%)}.copyable-text:hover:after{opacity:.7}.copy-feedback{background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-on-accent);font:var(--text-caption);font-weight:var(--font-weight-medium);padding:var(--padding-xs) var(--padding-sm);position:absolute;right:var(--space-2);top:calc(var(--space-8)*-1);white-space:nowrap;z-index:10}.default-placeholder{align-items:center;background:linear-gradient(145deg,var(--surface-secondary),var(--surface-tertiary));border:var(--border-dashed);border-radius:var(--card-border-radius);display:flex;justify-content:center;min-height:400px;overflow:hidden;position:relative;text-align:center}.default-placeholder:before{background:radial-gradient(circle at 30% 70%,var(--accent-primary-subtle) 0,#0000 50%),radial-gradient(circle at 70% 30%,var(--semantic-info-subtle) 0,#0000 50%);bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.placeholder-content{color:var(--text-secondary);max-width:500px;padding:var(--container-padding-lg);position:relative;z-index:1}.placeholder-icon{font-size:var(--font-size-4xl);margin-bottom:var(--margin-md);opacity:.8}.placeholder-content h4{color:var(--text-primary);font:var(--text-heading-4);font-weight:var(--font-weight-bold);margin:var(--margin-sm) 0 var(--margin-md) 0}.placeholder-content p{color:var(--text-secondary);line-height:var(--line-height-relaxed);font:var(--text-body);margin:var(--margin-sm) 0 var(--margin-lg) 0}.placeholder-tips{background:linear-gradient(135deg,var(--semantic-info-subtle),var(--surface-primary));border:1px solid var(--semantic-info-muted);border-radius:var(--radius-lg);margin:var(--margin-lg) 0;padding:var(--padding-lg);text-align:left}.placeholder-tips h5{align-items:center;color:var(--semantic-info);display:flex;font:var(--text-heading-6);font-weight:var(--font-weight-semibold);gap:var(--gap-sm);margin:0 0 var(--margin-md) 0}.placeholder-tips ul{list-style:none;margin:0;padding:0}.placeholder-tips li{color:var(--text-primary);font:var(--text-body-small);line-height:var(--line-height-relaxed);margin-bottom:var(--margin-sm);padding-left:var(--space-6);position:relative}.placeholder-tips li:before{color:var(--semantic-info);content:"✨";font-size:.9em;left:0;position:absolute}.placeholder-tips li:last-child{margin-bottom:0}.service-warning{background:var(--semantic-warning-subtle);border:1px solid var(--semantic-warning-muted);border-radius:var(--radius-md);color:var(--semantic-warning);font-weight:var(--font-weight-medium);font:var(--text-body-small);margin-top:var(--margin-md);padding:var(--padding-sm)}.infinite-scroll-loader{background:linear-gradient(145deg,var(--surface-secondary),var(--surface-tertiary));border:var(--border-dashed);border-radius:var(--card-border-radius);display:flex;justify-content:center;margin:var(--margin-md) 0;padding:var(--container-padding-lg)}.loader-content{align-items:center;color:var(--text-secondary);display:flex;font:var(--text-body);gap:var(--gap-md)}.loader-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-secondary);border:2px solid var(--border-secondary);border-radius:var(--radius-full);border-top-color:var(--accent-primary);height:var(--space-5);width:var(--space-5)}.infinite-scroll-end{background:linear-gradient(145deg,var(--semantic-success-subtle),var(--surface-secondary));border:1px solid var(--semantic-success-muted);border-radius:var(--card-border-radius);color:var(--text-secondary);font-style:italic;margin:var(--margin-md) 0;padding:var(--container-padding-lg);text-align:center}.infinite-scroll-end span{color:var(--semantic-success);font:var(--text-body);font-weight:var(--font-weight-medium);gap:var(--gap-sm)}.infinite-scroll-end span,.initial-loading{align-items:center;display:flex;justify-content:center}.initial-loading{background:linear-gradient(145deg,var(--surface-secondary),var(--surface-tertiary));border:var(--border-dashed);border-radius:var(--card-border-radius);min-height:300px}.loading-content{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--gap-md);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-secondary);border:4px solid var(--border-secondary);border-radius:var(--radius-full);height:var(--space-10);width:var(--space-10)}.loading-content p{color:var(--text-primary);font:var(--text-body-large);font-weight:var(--font-weight-semibold);margin:0}@media (max-width:768px){.image-item{margin-bottom:var(--margin-sm)}.image-metadata{padding:var(--padding-sm)}.metadata-settings{gap:var(--gap-xs);grid-template-columns:repeat(2,1fr)}.negative-text,.prompt-text{-webkit-line-clamp:2;max-height:2.4em}.copy-feedback{font-size:.7rem;padding:var(--space-1) var(--space-2);right:var(--space-1);top:calc(var(--space-6)*-1)}.placeholder-content{padding:var(--container-padding-md)}.placeholder-tips{margin:var(--margin-md) 0;padding:var(--padding-md)}.placeholder-icon{font-size:var(--font-size-3xl)}}@media (max-width:480px){.image-metadata{padding:var(--padding-xs) var(--padding-sm)}.metadata-settings{gap:var(--gap-xs);grid-template-columns:1fr}.setting-badge{font-size:.65rem;padding:var(--space-1);text-align:center}.negative-text,.prompt-text{-webkit-line-clamp:2;font-size:.75rem;max-height:2.25em}.copyable-text{font-size:.75rem}.placeholder-content{padding:var(--container-padding-sm)}.placeholder-tips{padding:var(--padding-sm)}.placeholder-tips li{font-size:.8rem;padding-left:var(--space-5)}}@media (prefers-contrast:high){.image-item{border-width:2px}.metadata-item.negative-section,.metadata-item.prompt-section{border-left-width:4px}.placeholder-tips,.setting-badge{border-width:2px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes copyFeedbackAnimation{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion:reduce){.copy-feedback,.loader-spinner,.loading-spinner{animation:none}.copyable-text,.image-item,.setting-badge{transition:none}}.floating-prompt-button{align-items:center;animation:none;-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);background:linear-gradient(145deg,var(--accent-primary),var(--accent-primary-hover));border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);color:var(--text-on-accent);cursor:pointer;display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:var(--space-14);justify-content:center;position:fixed;right:var(--space-4);top:calc(var(--header-height) + var(--space-4));transform:scale(1);transition:var(--transition-all);width:var(--space-14);z-index:var(--z-index-fixed)}.floating-prompt-button:hover{background:linear-gradient(145deg,var(--accent-primary-hover),var(--accent-primary));box-shadow:var(--shadow-2xl);transform:scale(1.05) translateY(-2px)}.floating-prompt-button:active{box-shadow:var(--shadow-lg);transform:scale(.98)}.floating-prompt-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.floating-prompt-button-content{align-items:center;display:flex;gap:var(--gap-xs);justify-content:center;position:relative}.floating-prompt-button-icon{font-size:var(--font-size-xl);transition:var(--transition-transform)}.floating-prompt-button:hover .floating-prompt-button-icon{transform:scale(1.1) rotate(5deg)}.floating-prompt-button.pulse{animation:promptButtonPulse 2s ease-in-out infinite}@keyframes promptButtonPulse{0%,to{box-shadow:var(--shadow-xl),0 0 0 0 var(--accent-primary-muted)}50%{box-shadow:var(--shadow-xl),0 0 0 8px #0000}}.floating-prompt-button-badge{align-items:center;animation:badgePulse 1.5s ease-in-out infinite;background:var(--semantic-error);border:2px solid var(--surface-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-on-accent);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:var(--space-5);justify-content:center;min-width:var(--space-5);position:absolute;right:-var(--space-1);top:-var(--space-1)}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.floating-prompt-button{box-shadow:var(--shadow-2xl),0 0 20px var(--accent-primary-subtle);font-size:var(--font-size-2xl);height:var(--space-16);right:var(--space-3);top:calc(var(--header-height) + var(--space-3));width:var(--space-16)}.floating-prompt-button:hover{transform:scale(1.08) translateY(-3px)}.floating-prompt-button-icon{font-size:var(--font-size-2xl)}}@media (max-width:480px){.floating-prompt-button{height:var(--space-15);right:var(--space-2);top:calc(var(--header-height) + var(--space-2));width:var(--space-15)}.floating-prompt-button,.floating-prompt-button-icon{font-size:var(--font-size-xl)}.floating-prompt-button-badge{font-size:10px;height:var(--space-4);min-width:var(--space-4);right:0;top:0}}@media (hover:none) and (pointer:coarse){.floating-prompt-button{height:var(--space-16);padding:var(--space-1);transition:transform .1s ease;width:var(--space-16)}.floating-prompt-button:hover{transform:none}.floating-prompt-button:active{transform:scale(.95)}}@media (max-width:767px) and (orientation:landscape){.floating-prompt-button{height:var(--space-12);right:var(--space-2);top:calc(var(--header-height) + var(--space-2));width:var(--space-12)}.floating-prompt-button,.floating-prompt-button-icon{font-size:var(--font-size-lg)}}@media (prefers-contrast:high){.floating-prompt-button{background:var(--accent-primary)!important;border:var(--border-width-medium) solid var(--accent-primary)}.floating-prompt-button-badge{border-width:var(--border-width-thick)}}@media (prefers-reduced-motion:reduce){.floating-prompt-button{animation:none;transition:none}.floating-prompt-button:hover{transform:none}.floating-prompt-button-icon{transition:none}.floating-prompt-button:hover .floating-prompt-button-icon{transform:none}.floating-prompt-button-badge,.floating-prompt-button.pulse{animation:none}}@media (prefers-color-scheme:dark){.floating-prompt-button{box-shadow:var(--shadow-2xl),0 4px 20px #0000004d}.floating-prompt-button:hover{box-shadow:var(--shadow-2xl),0 8px 32px #0006}}.floating-prompt-button--active{animation:none;background:linear-gradient(145deg,var(--semantic-success),var(--semantic-success-hover))}.floating-prompt-button--loading{background:linear-gradient(145deg,var(--surface-tertiary),var(--surface-hover));color:var(--text-secondary);cursor:wait}.floating-prompt-button--loading .floating-prompt-button-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:767px){.floating-prompt-button{z-index:calc(var(--z-index-fixed) + 1)}.floating-prompt-button.hidden-mobile{opacity:0;pointer-events:none;visibility:hidden}}.floating-prompt-overlay{align-items:center;-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md);background:var(--overlay-backdrop);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:var(--padding-lg);position:fixed;right:0;top:0;transition:var(--transition-all);visibility:hidden;z-index:var(--z-index-modal)}.floating-prompt-overlay.visible{opacity:1;visibility:visible}.floating-prompt-container{background:linear-gradient(145deg,var(--surface-primary),var(--surface-secondary));border:var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow:hidden;position:relative;transform:scale(.9) translateY(20px);transition:var(--transition-all);width:100%}.floating-prompt-overlay.visible .floating-prompt-container{transform:scale(1) translateY(0)}.floating-prompt-header{align-items:center;background:linear-gradient(135deg,var(--surface-secondary),var(--surface-tertiary));border-bottom:var(--border-subtle);display:flex;justify-content:space-between;padding:var(--padding-lg) var(--padding-xl);position:relative}.floating-prompt-header:after{background:linear-gradient(90deg,#0000 0,var(--accent-primary) 50%,#0000 100%);bottom:0;content:"";height:1px;left:var(--padding-xl);opacity:.7;position:absolute;right:var(--padding-xl)}.floating-prompt-title{align-items:center;color:var(--text-primary);display:flex;font:var(--text-heading-5);font-weight:var(--font-weight-bold);gap:var(--gap-sm);margin:0}.floating-prompt-title:before{content:"✨";font-size:var(--font-size-lg)}.floating-prompt-close{align-items:center;background:var(--surface-tertiary);border:var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:var(--space-10);justify-content:center;transition:var(--transition-all);width:var(--space-10)}.floating-prompt-close:hover{background:var(--semantic-error-subtle);border-color:var(--semantic-error);color:var(--semantic-error);transform:var(--transform-hover)}.floating-prompt-content{display:flex;flex-direction:column;gap:var(--gap-lg);max-height:calc(90vh - 140px);overflow-y:auto;padding:var(--padding-xl)}.floating-prompt-content::-webkit-scrollbar{width:var(--space-1)}.floating-prompt-content::-webkit-scrollbar-track{background:var(--surface-tertiary);border-radius:var(--radius-full)}.floating-prompt-content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}.floating-prompt-section{position:relative}.floating-prompt-section .textarea-field{background:var(--surface-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);font-size:16px;min-height:140px;transition:var(--transition-all)}.floating-prompt-section .textarea-field:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus),0 8px 32px var(--accent-primary-subtle);transform:translateY(-2px)}.floating-prompt-actions{border-top:var(--border-subtle);display:flex;justify-content:center;padding-top:var(--padding-md)}.floating-prompt-main-actions{display:flex;gap:var(--gap-sm)}.floating-prompt-main-actions button{-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:56px;letter-spacing:var(--letter-spacing-wide);min-width:140px;transition:var(--transition-all)}.floating-prompt-main-actions button:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.floating-prompt-main-actions button:active{transform:translateY(0)}@media (max-width:768px){.floating-prompt-overlay{align-items:flex-end;padding:var(--padding-md)}.floating-prompt-container{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:85vh;max-width:100%;transform:translateY(100%)}.floating-prompt-overlay.visible .floating-prompt-container{transform:translateY(0)}.floating-prompt-content,.floating-prompt-header{padding:var(--padding-lg)}.floating-prompt-section .textarea-field{border-radius:var(--radius-lg);min-height:120px}.floating-prompt-actions{justify-content:stretch}.floating-prompt-main-actions{justify-content:stretch;width:100%}.floating-prompt-main-actions button{flex:1 1;min-height:48px;min-width:auto}}@media (max-width:480px){.floating-prompt-overlay{padding:0}.floating-prompt-container{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh}.floating-prompt-header{padding:var(--padding-md) var(--padding-lg)}.floating-prompt-title{font:var(--text-heading-6)}.floating-prompt-close{height:var(--space-9);width:var(--space-9)}.floating-prompt-content{padding:var(--padding-md) var(--padding-lg)}.floating-prompt-section .textarea-field{min-height:100px}}@media (prefers-reduced-motion:reduce){.floating-prompt-close,.floating-prompt-container,.floating-prompt-overlay{animation:none;transition:none}.floating-prompt-container,.floating-prompt-section .textarea-field:focus{transform:none}}@media (prefers-contrast:high){.floating-prompt-close,.floating-prompt-container{border-width:var(--border-width-medium)}}.floating-prompt-content:focus-within .floating-prompt-section .textarea-field{border-color:var(--accent-primary)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.image-upscaling-form{gap:var(--gap-large);margin:0 auto;max-width:600px;width:100%}.form-field,.image-upscaling-form{display:flex;flex-direction:column}.form-field{gap:var(--gap-small)}.form-label{color:var(--text-color);font-size:var(--font-size-normal);font-weight:500}.form-helper-text{color:var(--text-color-secondary);font-size:var(--font-size-small);margin-top:.25rem}.error-box{background-color:#c15c5c1a!important;border-color:var(--color-messages-error)!important}.error-message{align-items:center;color:var(--color-messages-error);display:flex;font-size:var(--font-size-small);gap:var(--gap-small)}.error-message:before{content:"⚠️";font-size:1.2em}.timer-box{align-items:center;background-color:var(--background-color-tertiary);display:flex;justify-content:center}.result-box{animation:fadeIn .3s ease-in-out}.result-title{color:var(--text-color);font-size:var(--font-size-large);font-weight:500;margin:0 0 var(--margin-medium) 0}.download-buttons{display:flex;gap:var(--gap-medium);margin-top:var(--margin-medium)}@media (max-width:768px){.image-upscaling-form{max-width:100%;padding:0 var(--padding-medium)}.download-buttons{flex-direction:column}}.actions-container{width:100%}.image-utils-form{background-color:var(--background-color-secondary);border:var(--border-standard);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:100%;min-height:540px;overflow:hidden;padding:var(--padding-large);position:relative;transition:var(--transition-standard)}.image-utils-form:before{background:linear-gradient(90deg,var(--accent-color) 0,var(--accent-color-hover) 100%);border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.image-utils-form:hover{border-color:var(--accent-color);box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.form-converter-header{border-bottom:var(--border-standard);margin-bottom:var(--margin-large);padding-bottom:var(--padding-medium)}.form-converter-title{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-size-large);font-weight:600;gap:var(--gap-small);margin:0 0 var(--margin-small) 0}.form-converter-title:before{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-color-hover) 100%);border-radius:var(--border-radius-small);content:"";display:block;flex-shrink:0;height:1.5rem;width:6px}.form-description{color:var(--text-color-secondary);font-size:var(--font-size-small);line-height:var(--line-height-normal);margin:0}.selected-image-info{background:linear-gradient(135deg,#6773a81a,#7c88b81a);border:1px solid var(--accent-color);border-radius:var(--border-radius-medium);margin:var(--margin-medium) 0;overflow:hidden;padding:var(--padding-medium);position:relative;text-align:center}.selected-image-info:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.image-status{color:var(--color-messages-success);font-weight:500;gap:var(--gap-small)}.image-status,.image-status:before{align-items:center;display:flex;justify-content:center}.image-status:before{background-color:var(--color-messages-success);border-radius:50%;color:var(--background-color-primary);content:"✓";font-size:12px;font-weight:700;height:20px;width:20px}.form-converter-section{margin-bottom:var(--margin-large)}.section-label{color:var(--text-color);display:block;font-size:var(--font-size-normal);font-weight:500;margin-bottom:var(--margin-small)}.button-group{display:flex;flex-direction:column;gap:var(--gap-medium);margin-bottom:var(--margin-large)}.convert-button{overflow:hidden;position:relative;transition:all .3s ease;width:100%}.convert-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.convert-button:hover:before{left:100%}.convert-button:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-2px)}.convert-button:active{box-shadow:var(--box-shadow-active);transform:translateY(0)}.result-container{animation:fadeInUp .4s ease-out;margin-top:var(--margin-large);width:100%}.image-converter-preview{align-items:center;background-color:var(--background-color-primary);border:var(--border-dashed);border-radius:var(--border-radius-medium);display:flex;justify-content:center;margin-bottom:var(--margin-medium);min-height:200px;overflow:hidden;padding:var(--padding-large);position:relative;text-align:center}.preview-image{border-radius:var(--border-radius-small);box-shadow:0 8px 24px #0000004d;cursor:zoom-in;display:inline-block;max-height:320px;max-width:100%;transition:all .3s ease}.preview-image:hover{box-shadow:0 12px 32px #0006;transform:scale(1.05)}.metadata-display{background:var(--background-color-tertiary);border:1px solid var(--border-color-lighter);border-radius:var(--border-radius-small);color:var(--text-color);font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;margin:0;max-height:300px;overflow-y:auto;padding:var(--padding-medium);white-space:pre-wrap;word-break:break-word}.download-button{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-color-hover) 100%);gap:var(--gap-small);justify-content:center;width:100%}.button-icon,.download-button{align-items:center;display:flex}.button-icon{font-size:1.1em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.button-group{flex-direction:row;gap:var(--gap-medium)}.button-group .convert-button{flex:1 1}}@media (max-width:768px){.image-utils-form{padding:var(--padding-medium)}.form-converter-title{font-size:var(--font-size-normal)}.preview-image{max-height:250px}.metadata-display{font-size:.8rem}}@media (max-width:480px){.image-utils-form{padding:var(--padding-small)}.form-converter-title{font-size:1.1rem}.preview-image{max-height:200px}.image-converter-preview{min-height:150px;padding:var(--padding-medium)}}.converter-action-section,.metadata-action-section{display:flex;flex-direction:column;gap:var(--gap-medium);width:100%}.convert-button:focus-visible,.download-button:focus-visible{outline:var(--focus-outline);outline-offset:2px}@media (prefers-contrast:high){.image-utils-form,.selected-image-info{border-width:2px}}@media (prefers-reduced-motion:reduce){.convert-button,.convert-button:before,.image-utils-form,.preview-image,.selected-image-info:before{animation:none;transition:none}.convert-button:hover,.image-utils-form:hover,.preview-image:hover{transform:none}}.supported-formats{background-color:var(--background-color-tertiary);border-left:3px solid var(--accent-color);border-radius:var(--border-radius-medium);color:var(--text-color-secondary);font-size:var(--font-size-small);line-height:var(--line-height-normal);margin:0;padding:var(--padding-medium)}.image-utils-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--padding-small) var(--padding-medium)}.loading-container{flex-direction:column;gap:var(--gap-medium);min-height:400px}.loading-container,.loading-indicator{align-items:center;display:flex;justify-content:center}.loading-indicator{color:var(--text-secondary);height:100px}.loading-spinner{animation:var(--animation-spin);border-top:3px solid var(--border-secondary);border:3px solid var(--border-secondary);border-radius:50%;border-top-color:var(--accent-primary);height:32px;margin-right:16px;width:32px}.loading-text{color:var(--text-color-secondary);font-size:var(--font-size-normal);margin:0}.error-message{color:var(--semantic-error);padding:20px;text-align:center}.utils-grid{grid-gap:var(--gap-large);display:grid;gap:var(--gap-large);grid-template-columns:1fr}@media (min-width:768px){.image-utils-page{padding:var(--padding-small) var(--padding-large)}.utils-grid{gap:var(--gap-xs)}}@media (min-width:992px){.utils-grid{gap:var(--gap-xs);grid-template-columns:1fr 1fr}}@media (min-width:1200px){.utils-grid{gap:var(--gap-xs);grid-template-columns:1fr 1fr}}@media (max-width:480px){.image-utils-page{padding:var(--padding-medium) var(--padding-small)}}.card-container{background-color:var(--background-color-website);color:var(--text-color);min-height:100vh;padding:var(--padding-large) var(--padding-medium)}.card-header{margin-bottom:var(--margin-large);text-align:center}.header-content{margin:0 auto var(--margin-large);max-width:800px}.main-title{color:var(--text-color);font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--margin-medium)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-color-hover) 100%);-webkit-background-clip:text;background-clip:text}.dev-badge{align-items:center;background-color:#c15c5c33;border:1px solid #c15c5c4d;border-radius:var(--border-radius-large);color:#ff6b6b;display:inline-flex;font-size:var(--font-size-small);font-weight:600;gap:var(--gap-small);margin-bottom:var(--margin-medium);padding:var(--padding-small) var(--padding-medium)}.dev-icon{font-size:1.2rem}.subtitle{color:var(--text-color-secondary);font-size:var(--font-size-large);line-height:var(--line-height-normal);margin:0 auto;max-width:600px}.filter-container{display:flex;flex-wrap:wrap;gap:var(--gap-small);justify-content:center}.project-card-filter-button{background-color:var(--background-color-secondary);border:var(--border-standard);border-radius:var(--border-radius-large);color:var(--text-color-secondary);cursor:pointer;font-size:var(--font-size-normal);font-weight:500;padding:var(--padding-small) var(--padding-medium);transition:var(--transition-colors)}.project-card-filter-button:hover{background-color:var(--background-color-hover);color:var(--text-color)}.project-card-filter-button.active{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--color-brighter)}.project-grid{grid-gap:var(--gap-large);display:grid;gap:var(--gap-large);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1400px}.project-card{background-color:var(--background-color-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-standard)}.project-card:hover{border-color:var(--accent-color);box-shadow:var(--box-shadow-hover);transform:translateY(-4px)}.project-card.coming-soon{cursor:not-allowed;opacity:.7}.project-card:focus{box-shadow:0 0 0 3px #6773a84d;outline:none}.card-inner{display:flex;flex-direction:column;height:100%}.project-card-image-container{background-color:var(--background-color-secondary);overflow:hidden;position:relative}.project-image{object-fit:cover;transition:transform var(--transition-standard);width:100%}.project-card:hover .project-image{transform:scale(1.05)}.image-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-standard)}.project-card:hover .image-overlay{opacity:1}.badge{border-radius:var(--border-radius-large);font-size:var(--font-size-small);font-weight:600;letter-spacing:.05em;padding:4px 12px;position:absolute;right:var(--margin-small);text-transform:uppercase;top:var(--margin-small)}.new-badge{background-color:var(--color-messages-success);color:var(--color-brighter)}.coming-soon-badge{background-color:var(--color-messages-warning);color:var(--color-brighter)}.card-content{display:flex;flex:1 1;flex-direction:column;padding:var(--padding-medium)}.project-title{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:var(--margin-small)}.project-description{color:var(--text-color-secondary);flex:1 1;line-height:var(--line-height-normal);margin-bottom:var(--margin-medium)}.card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.category-tag{border-radius:var(--border-radius-small);font-size:var(--font-size-small);font-weight:500;padding:4px 10px;text-transform:capitalize}.category-tag.tool{background-color:#6773a833;color:var(--accent-color)}.category-tag.info{background-color:#4a90b433;color:var(--color-messages-info)}.category-tag.legal{background-color:#b58d4a33;color:var(--color-messages-warning)}.arrow-icon{color:var(--accent-color);font-size:1.5rem;transition:transform var(--transition-standard)}.project-card:hover .arrow-icon{transform:translateX(4px)}@media (max-width:768px){.main-title{font-size:2rem}.subtitle{font-size:var(--font-size-normal)}.project-grid{gap:var(--gap-medium);grid-template-columns:1fr}.filter-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:var(--padding-small)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:fadeIn .5s ease-out forwards}.info-page{background-color:var(--background-color-website);display:flex;justify-content:center;min-height:100vh;padding:var(--padding-large) var(--padding-medium)}.info-container{background-color:var(--background-color-primary);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow-dark);max-width:900px;overflow:hidden;width:100%}.info-header{background-color:var(--background-color-secondary);border-bottom:var(--border-standard);padding:var(--padding-large);text-align:center}.info-title{color:var(--text-color);font-size:2.5rem;font-weight:300;letter-spacing:-.02em;margin:0}.info-subtitle{color:var(--text-color-secondary);font-size:var(--font-size-large);margin-top:var(--margin-small)}.info-toc{background-color:var(--background-color-secondary);border-bottom:var(--border-standard);padding:var(--padding-medium)}.toc-title{color:var(--accent-color);font-size:var(--font-size-large);font-weight:500;margin:0 0 var(--margin-medium) 0}.toc-list{grid-gap:var(--gap-small);display:grid;gap:var(--gap-small);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.toc-list li{padding-left:var(--padding-medium);position:relative}.toc-list li:before{color:var(--accent-color);content:"▸";left:0;position:absolute;transition:transform var(--transition-standard)}.toc-list a{color:var(--text-color-secondary);font-size:var(--font-size-normal);text-decoration:none;transition:var(--transition-colors)}.toc-list a:hover{color:var(--accent-color-hover)}.toc-list li:hover:before{transform:translateX(3px)}.info-content{padding:var(--padding-large)}.info-section{border-bottom:var(--border-dashed);margin-bottom:var(--margin-large);padding-bottom:var(--padding-large)}.info-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{color:var(--accent-color);font-size:1.75rem;font-weight:400;margin:0 0 var(--margin-medium) 0;padding-left:var(--padding-medium);position:relative}.section-title:before{background-color:var(--accent-color);border-radius:var(--border-radius-small);content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.section-text{color:var(--text-color);font-size:var(--font-size-normal);line-height:1.7;margin:0 0 var(--margin-medium) 0}.subsection{border-left:2px solid var(--border-color);margin-bottom:var(--margin-medium);padding-left:var(--padding-medium)}.subsection:last-child{margin-bottom:0}.subsection-title{color:var(--text-color);font-size:1.125rem;font-weight:500;margin:0 0 var(--margin-small) 0}@media (max-width:768px){.info-page{padding:var(--padding-medium) var(--padding-small)}.info-title{font-size:2rem}.info-subtitle{font-size:var(--font-size-normal)}.info-content,.info-header{padding:var(--padding-medium)}.toc-list{grid-template-columns:1fr}.section-title{font-size:1.5rem}}html{scroll-behavior:smooth}.info-section:target{animation:highlight 1s ease-in-out}@keyframes highlight{0%{background-color:initial}50%{background-color:var(--background-color-hover);border-radius:var(--border-radius-small)}to{background-color:initial}}.info-content a{color:var(--accent-color);text-decoration:underline;text-decoration-color:#0000;transition:var(--transition-colors)}.info-content a:hover{color:var(--accent-color-hover);text-decoration-color:var(--accent-color-hover)}.section-text strong{color:var(--text-color);font-weight:500}.contact-info{background-color:var(--background-color-secondary);border-radius:var(--border-radius-medium);margin-top:var(--margin-large);padding:var(--padding-large)}.contact-methods{grid-gap:var(--gap-large);display:grid;gap:var(--gap-large);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--margin-medium)}.contact-method{background-color:var(--background-color-primary);border:var(--border-standard);border-radius:var(--border-radius-small);padding:var(--padding-medium);transition:var(--transition-standard)}.contact-method:hover{border-color:var(--accent-color);transform:translateY(-2px)}.contact-method .subsection-title{color:var(--accent-color);margin-bottom:var(--margin-small)}.contact-method a{color:var(--accent-color);font-size:var(--font-size-large);text-decoration:none;transition:var(--transition-colors)}.contact-method a:hover{color:var(--accent-color-hover)}.section-text a[href^="mailto:"]{border-bottom:1px dotted var(--accent-color);color:var(--accent-color);text-decoration:none;transition:var(--transition-colors)}.section-text a[href^="mailto:"]:hover{border-bottom-color:var(--accent-color-hover);color:var(--accent-color-hover)}.footer{background-color:var(--color-dark);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-top:auto;padding:var(--padding-medium);text-align:center;width:100%}.footer-content{line-height:var(--line-height-normal);margin:0 auto;max-width:calc(var(--padding-large)*20)}.footer-nav{margin:var(--margin-medium) 0}.footer-nav a{color:var(--accent-color);margin:0 var(--margin-small);text-decoration:none;transition:color var(--transition-standard)}.footer-nav a:focus,.footer-nav a:hover{color:var(--accent-color-hover);text-decoration:underline}