:root{--y-primitive-color-white: #FFFFFF;--y-primitive-color-brand: #19A1E6;--y-primitive-color-blue100: #E1F1FD;--y-primitive-color-blue300: #83CEF6;--y-primitive-color-blue500: #0A639A;--y-primitive-color-blue600: #0D547F;--y-primitive-color-blue700: #085278;--y-primitive-color-blue-focus: #0B7CBE;--y-primitive-color-blue-canvas: #F1F9FE;--y-primitive-color-pink: #F45B93;--y-primitive-color-pink200: #FBCFE1;--y-primitive-color-pink900: #9E1638;--y-primitive-color-neutral100: #F5F6F6;--y-primitive-color-neutral200: #E5E7E8;--y-primitive-color-neutral400: #CED2D3;--y-primitive-color-neutral500: #ABB2B5;--y-primitive-color-neutral700: #818A8F;--y-primitive-color-neutral900: #4B5053;--y-primitive-color-ink: #242628;--y-primitive-color-secondary-text: #575E63;--y-primitive-color-muted-text: #5F676C;--y-primitive-color-green: #15C674;--y-primitive-color-green-strong: #145334;--y-primitive-color-green-soft: #BBF7D6;--y-primitive-color-red: #FE5A59;--y-primitive-color-red-action: #BF4848;--y-primitive-color-red-soft: #FFD9D9;--y-primitive-color-red-strong: #8D3030;--y-primitive-color-yellow: #FFC107;--y-primitive-color-yellow-soft: #FDFBC4;--y-primitive-color-yellow-strong: #9D670B;--y-color-surface-canvas: #F5F6F6;--y-color-surface-workspace: #F1F9FE;--y-color-surface-base: #FFFFFF;--y-color-surface-subtle: #F5F6F6;--y-color-surface-selected: #E1F1FD;--y-color-text-primary: #242628;--y-color-text-body: #4B5053;--y-color-text-secondary: #575E63;--y-color-text-muted: #5F676C;--y-color-text-inverse: #FFFFFF;--y-color-text-link: #0A639A;--y-color-text-disabled: #818A8F;--y-color-border-subtle: #E5E7E8;--y-color-border-control: #818A8F;--y-color-border-selected: #0A639A;--y-color-border-invalid: #BF4848;--y-color-action-solid: #0A639A;--y-color-action-solid-hover: #0D547F;--y-color-action-solid-pressed: #085278;--y-color-action-on-solid: #FFFFFF;--y-color-action-soft: #83CEF6;--y-color-action-soft-hover: #E1F1FD;--y-color-action-soft-pressed: #83CEF6;--y-color-action-on-soft: #0D547F;--y-color-action-secondary: #FFFFFF;--y-color-action-secondary-hover: #F5F6F6;--y-color-action-destructive: #BF4848;--y-color-action-destructive-hover: #8D3030;--y-color-action-on-destructive: #FFFFFF;--y-color-action-disabled: #E5E7E8;--y-color-action-on-disabled: #818A8F;--y-color-brand: #19A1E6;--y-color-focus: #0B7CBE;--y-color-overlay: rgba(0, 0, 0, .4);--y-color-status-info-background: #E1F1FD;--y-color-status-info-foreground: #0D547F;--y-color-status-success-background: #BBF7D6;--y-color-status-success-foreground: #145334;--y-color-status-warning-background: #FDFBC4;--y-color-status-warning-foreground: #9D670B;--y-color-status-error-background: #FFD9D9;--y-color-status-error-foreground: #8D3030;--y-color-status-novelty-background: #FBCFE1;--y-color-status-novelty-foreground: #9E1638;--y-color-status-neutral-background: #F5F6F6;--y-color-status-neutral-foreground: #4B5053;--y-space-0: 0px;--y-space-4: 4px;--y-space-8: 8px;--y-space-12: 12px;--y-space-16: 16px;--y-space-20: 20px;--y-space-24: 24px;--y-space-32: 32px;--y-space-40: 40px;--y-space-48: 48px;--y-space-64: 64px;--y-radius-sm: 6px;--y-radius-md: 12px;--y-radius-lg: 20px;--y-radius-pill: 999px;--y-radius-circle: 50%;--y-border-width: 1px;--y-border-focus-width: 2px;--y-border-focus-offset: 2px;--y-font-family: Poppins, Roboto, Arial, sans-serif;--y-font-weight-regular: 400;--y-font-weight-medium: 500;--y-font-weight-semibold: 600;--y-type-display-font-family: Poppins, Roboto, Arial, sans-serif;--y-type-display-font-size: 32px;--y-type-display-line-height: 40px;--y-type-display-font-weight: 600;--y-type-title-lg-font-family: Poppins, Roboto, Arial, sans-serif;--y-type-title-lg-font-size: 24px;--y-type-title-lg-line-height: 36px;--y-type-title-lg-font-weight: 600;--y-type-title-md-font-family: Poppins, Roboto, Arial, sans-serif;--y-type-title-md-font-size: 20px;--y-type-title-md-line-height: 32px;--y-type-title-md-font-weight: 600;--y-type-title-sm-font-family: Poppins, Roboto, Arial, sans-serif;--y-type-title-sm-font-size: 16px;--y-type-title-sm-line-height: 24px;--y-type-title-sm-font-weight: 600;--y-type-body-lg-font-family: Poppins, Roboto, Arial, sans-serif;--y-type-body-lg-font-size: 16px;--y-type-body-lg-line-height: 24px;--y-type-body-lg-font-weight: 400;--y-type-body-md-font-family: Poppins, Roboto, Arial, sans-serif;--y-type-body-md-font-size: 14px;--y-type-body-md-line-height: 20px;--y-type-body-md-font-weight: 400;--y-type-body-sm-font-family: Poppins, Roboto, Arial, sans-serif;--y-type-body-sm-font-size: 12px;--y-type-body-sm-line-height: 16px;--y-type-body-sm-font-weight: 400;--y-type-label-font-family: Poppins, Roboto, Arial, sans-serif;--y-type-label-font-size: 14px;--y-type-label-line-height: 20px;--y-type-label-font-weight: 500;--y-shadow-none: none;--y-shadow-control: 0 1px 4px rgba(0,0,0,.08);--y-shadow-surface: 0 0 4px rgba(0,0,0,.03), 0 2px 8px rgba(0,0,0,.03), 0 4px 12px rgba(0,0,0,.03), 0 6px 16px rgba(0,0,0,.03);--y-shadow-overlay: 0 12px 32px rgba(0,0,0,.18);--y-size-control-compact: 40px;--y-size-control-comfortable: 48px;--y-size-control-kiosk: 56px;--y-size-icon-sm: 16px;--y-size-icon-md: 20px;--y-size-icon-lg: 24px;--y-size-table-row-compact: 48px;--y-size-table-row-comfortable: 64px;--y-size-table-row-kiosk: 72px;--y-size-touch-target: 48px;--y-size-touch-target-minimum: 44px;--y-layout-rail: 64px;--y-layout-sidebar: 240px;--y-layout-header-min: 64px;--y-layout-content-max: 1120px;--y-layout-reading-max: 720px;--y-layout-form-max: 640px;--y-layout-context-min: 320px;--y-layout-context-max: 480px;--y-layout-dialog-sm: 480px;--y-layout-dialog-md: 640px;--y-layout-dialog-lg: 860px;--y-layout-drawer-sm: 400px;--y-layout-drawer-md: 640px;--y-layout-drawer-lg: 768px;--y-breakpoint-sm: 576px;--y-breakpoint-md: 768px;--y-breakpoint-lg: 992px;--y-breakpoint-xl: 1200px;--y-motion-fast: .12s;--y-motion-normal: .18s;--y-motion-panel: .24s;--y-motion-easing: cubic-bezier(.2, 0, 0, 1);--y-motion-reduced: 0ms;--y-layer-base: 0;--y-layer-raised: 10;--y-layer-sticky: 100;--y-layer-dropdown: 200;--y-layer-backdrop: 300;--y-layer-modal: 400;--y-layer-modal-popover: 450;--y-layer-toast: 500;--y-layer-tooltip: 600;--y-component-button-height: 48px;--y-component-button-radius: 12px;--y-component-button-gap: 8px;--y-component-button-padding-x: 16px;--y-component-button-background: #83CEF6;--y-component-button-foreground: #0D547F;--y-component-input-height: 48px;--y-component-input-radius: 12px;--y-component-input-border: #818A8F;--y-component-input-text: #4B5053;--y-component-input-typography-font-family: Poppins, Roboto, Arial, sans-serif;--y-component-input-typography-font-size: 16px;--y-component-input-typography-line-height: 24px;--y-component-input-typography-font-weight: 400;--y-component-card-radius: 12px;--y-component-card-padding: 24px;--y-component-card-gap: 16px;--y-component-card-background: #FFFFFF;--y-component-card-border: #E5E7E8;--y-component-content-radius: 12px;--y-component-content-padding-desktop: 32px;--y-component-content-padding-mobile: 24px;--y-component-content-padding-narrow: 16px;--y-component-content-shadow: 0 0 4px rgba(0,0,0,.03), 0 2px 8px rgba(0,0,0,.03), 0 4px 12px rgba(0,0,0,.03), 0 6px 16px rgba(0,0,0,.03);--y-component-dialog-radius: 20px;--y-component-dialog-background: #FFFFFF;--y-component-dialog-shadow: 0 12px 32px rgba(0,0,0,.18);--y-component-table-radius: 6px;--y-component-table-header: #F5F6F6;--y-component-table-padding-y: 16px;--y-component-table-padding-x: 18px;--y-component-table-typography-font-family: Poppins, Roboto, Arial, sans-serif;--y-component-table-typography-font-size: 14px;--y-component-table-typography-line-height: 20px;--y-component-table-typography-font-weight: 400}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/poppins-latin-400-BwTUGeWf.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/poppins-latin-500-CWICHMj6.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/poppins-latin-600-DJVo7c07.woff2) format("woff2")}:root{font-family:var(--y-font-family);color:var(--y-color-text-body);background:var(--y-color-surface-canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{min-height:var(--y-size-control-comfortable);display:inline-flex;align-items:center;justify-content:center;gap:var(--y-space-8);padding:10px var(--y-space-16);border:1px solid var(--y-color-border-control);border-radius:var(--y-radius-md);background:var(--y-color-surface-base);color:var(--y-color-text-body);font-size:.875rem;line-height:1.45;font-weight:500;cursor:pointer;transition:background var(--y-motion-fast),border-color var(--y-motion-fast),box-shadow var(--y-motion-fast)}button>svg{flex-shrink:0}button:hover:not(:disabled){background:var(--y-color-surface-subtle);border-color:var(--y-color-action-solid)}button:active:not(:disabled){background:var(--y-color-surface-selected);box-shadow:none}button:disabled{background:var(--y-color-action-disabled);color:var(--y-color-action-on-disabled);border-color:var(--y-color-action-disabled);cursor:not-allowed}:where(button,input,a,[tabindex]):focus-visible{outline:var(--y-border-focus-width) solid var(--y-color-focus);outline-offset:var(--y-border-focus-offset)}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--y-color-text-primary);font-weight:600}h1{font-size:1.5rem;line-height:1.5;letter-spacing:-.5px}h2{font-size:1rem;line-height:1.5}h3{font-size:.875rem;line-height:1.6}p{line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:16px;z-index:var(--y-layer-tooltip);padding:12px 16px;color:#fff;background:var(--y-color-action-solid);border-radius:var(--y-radius-sm);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.identification-page{min-height:100dvh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(circle at 20% 10%,var(--y-color-surface-selected),transparent 34%),var(--y-color-surface-canvas)}.identification-card{width:min(100%,480px);padding:40px;background:var(--y-color-surface-base);border-radius:var(--y-radius-lg);box-shadow:var(--y-shadow-overlay)}.identification-brand{display:flex;align-items:center;gap:8px;margin-bottom:40px}.identification-card h1{margin-top:4px;font-size:1.75rem;line-height:1.35}.identification-description{margin-top:12px;color:var(--y-color-text-secondary);font-size:.875rem}.identification-card form{margin-top:28px}.identification-card label{display:block;color:var(--y-color-text-primary);font-size:.875rem;font-weight:500}.identification-card input{width:100%;min-height:52px;margin-top:8px;padding:12px 14px;color:var(--y-color-text-primary);background:var(--y-color-surface-base);border:1px solid var(--y-color-border-control);border-radius:var(--y-radius-md);font-size:1rem;letter-spacing:.2px}.identification-card input[aria-invalid=true]{border-color:var(--y-color-action-destructive)}.field-error{min-height:20px;margin-top:4px;color:var(--y-color-status-error-foreground);font-size:.75rem}.identification-submit{width:100%;margin-top:12px}.app-header{min-height:80px;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--y-color-surface-base);border-bottom:1px solid var(--y-color-border-subtle)}.brand{display:flex;align-items:center;gap:8px}.brand img{object-fit:contain}.brand-word{font-size:2rem;font-weight:600;color:var(--y-color-brand);letter-spacing:-1.8px;line-height:1}.brand-divider{align-self:center;height:24px;width:1px;background:var(--y-color-border-subtle);margin:0 16px}.product-name{font-size:.875rem;font-weight:500;color:var(--y-color-text-secondary)}.quiet{background:transparent;border-color:transparent}.quiet:hover:not(:disabled){border-color:transparent}.main-content{max-width:1760px;margin:auto;padding:32px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{font-size:.75rem;color:var(--y-color-text-link);font-weight:500;margin-bottom:4px}.page-description{margin-top:4px;color:var(--y-color-text-secondary);font-size:.875rem}.header-actions{display:flex;gap:12px;flex-shrink:0}.history-actions{display:flex;gap:4px;padding-right:12px;margin-right:4px;border-right:1px solid var(--y-color-border-subtle)}.history-actions button{width:44px;padding:0}.primary{background:var(--y-color-action-solid);border-color:var(--y-color-action-solid);color:var(--y-color-action-on-solid);box-shadow:var(--y-shadow-control)}.primary:hover:not(:disabled){background:var(--y-color-action-solid-hover);border-color:var(--y-color-action-solid-hover)}.primary:active:not(:disabled){background:var(--y-color-action-solid-pressed)}.workspace{display:grid;grid-template-columns:208px minmax(0,1fr) 264px;gap:24px;align-items:start}.panel{background:var(--y-color-surface-base);border-radius:var(--y-radius-md);box-shadow:var(--y-shadow-surface);min-width:0}.library,.selection-controls{padding:24px}.heading-label{display:flex;align-items:center;gap:8px}.heading-label>svg{color:var(--y-color-text-muted);flex-shrink:0}.panel-heading>p{font-size:.75rem;color:var(--y-color-text-muted);margin-top:8px}.element-buttons{display:grid;grid-auto-rows:max-content;align-content:start;gap:12px;margin-top:24px;height:560px;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-gutter:stable}.element-buttons::-webkit-scrollbar{width:8px}.element-buttons::-webkit-scrollbar-thumb{background:var(--y-color-border-control);border-radius:var(--y-radius-pill)}.element-button{flex-direction:column;min-height:122px;flex-shrink:0;gap:8px;padding:0 0 12px;border-color:var(--y-color-border-subtle);font-size:.75rem;background:var(--y-color-surface-base);overflow:hidden}.element-button:hover:not(:disabled){background:var(--y-color-surface-base);border-color:var(--y-color-action-solid);box-shadow:var(--y-shadow-control)}.element-preview{position:relative;width:100%;display:grid;place-items:center;background:var(--y-color-surface-subtle);min-height:88px;border-bottom:1px solid var(--y-color-border-subtle)}.element-preview>svg{display:block;width:100%;height:80px;object-fit:contain}.add-mark{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;background:var(--y-color-action-soft);color:var(--y-color-action-on-soft);border-radius:50%}.library-tip{display:flex;align-items:flex-start;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--y-color-border-subtle);color:var(--y-color-text-muted);font-size:.75rem}.library-tip>svg{flex-shrink:0;margin-top:2px}.editor{padding:24px}.canvas-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.element-count{font-size:.75rem;line-height:1.5;background:var(--y-color-surface-subtle);color:var(--y-color-text-muted);padding:6px 10px;border-radius:var(--y-radius-pill);white-space:nowrap}.canvas-frame{position:relative;border:1px solid var(--y-color-border-subtle);border-radius:var(--y-radius-sm);background:#fff;isolation:isolate}.drawing-canvas{display:block;width:100%;height:auto;aspect-ratio:3 / 2;border-radius:var(--y-radius-sm);touch-action:none;-webkit-user-select:none;user-select:none}.drawing-element{cursor:grab}.drawing-element:active{cursor:grabbing}.drawing-element.is-locked{cursor:default}.resize-handle{cursor:nwse-resize}.selection-marquee{fill:color-mix(in srgb,var(--y-color-action-solid) 12%,transparent);stroke:var(--y-color-border-selected);stroke-width:2;stroke-dasharray:6 4}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;padding:16px}.empty-icon{display:grid;place-items:center;width:64px;height:64px;color:var(--y-color-action-solid);background:var(--y-color-surface-selected);border-radius:var(--y-radius-lg);margin-bottom:16px}.empty-state h3{font-size:1rem}.empty-state p{font-size:.875rem;color:var(--y-color-text-muted);max-width:270px;margin-top:8px}.canvas-footer{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:.75rem;color:var(--y-color-text-muted)}.canvas-footer>span:first-child{display:flex;align-items:center;gap:8px}.canvas-footer svg{flex-shrink:0}.canvas-footer>span:last-child{white-space:nowrap}.selection-empty{padding:40px 0 24px;text-align:center;display:flex;align-items:center;flex-direction:column}.selection-empty p{font-size:.75rem;color:var(--y-color-text-muted);margin-top:12px}.selection-preview{margin-top:24px;padding:16px;background:var(--y-color-surface-subtle);border-radius:var(--y-radius-md);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.selection-preview>svg{width:100%;height:88px}.selected-name{font-size:.875rem;font-weight:500;color:var(--y-color-text-primary)}.selection-badge{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--y-color-text-link)}.selection-badge>span{width:6px;height:6px;border-radius:50%;background:currentColor}.property-section{margin-top:24px}.dimensions-readout>span,.lock-control strong{font-size:.875rem;font-weight:500;color:var(--y-color-text-primary)}.room-name-control label{display:block;font-size:.875rem;font-weight:500;color:var(--y-color-text-primary)}.room-name-control input{width:100%;min-height:44px;margin-top:8px;padding:9px 12px;color:var(--y-color-text-body);background:var(--y-color-surface-base);border:1px solid var(--y-color-border-control);border-radius:var(--y-radius-md)}.dimensions-readout>strong{display:block;margin-top:8px;font-size:.875rem}.lock-control{padding:14px;border:1px solid var(--y-color-border-subtle);border-radius:var(--y-radius-md)}.lock-button{width:100%;margin-top:12px}.lock-button.is-active{color:var(--y-color-action-on-solid);background:var(--y-color-action-solid);border-color:var(--y-color-action-solid)}.property-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem;font-weight:500}.property-label output,.rotation-value{font-size:.75rem;font-variant-numeric:tabular-nums;background:var(--y-color-surface-subtle);color:var(--y-color-text-muted);padding:4px 8px;border-radius:var(--y-radius-sm)}.property-section input[type=range]{display:block;width:100%;margin:4px 0 0;min-height:48px;accent-color:var(--y-color-action-solid);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--y-color-text-muted)}.rotation-control button{width:100%;margin-top:12px}.field-help,.keyboard-tip{font-size:.75rem;line-height:1.6;color:var(--y-color-text-muted);margin-top:8px}.selection-actions{padding-top:24px;margin-top:24px;border-top:1px solid var(--y-color-border-subtle)}.selection-actions button{width:100%}.selection-actions button+button{margin-top:8px}.danger{border-color:var(--y-color-action-destructive);color:var(--y-color-action-destructive)}.danger:hover:not(:disabled){background:var(--y-color-status-error-background);border-color:var(--y-color-action-destructive)}.keyboard-tip{margin-top:16px}.feedback{min-height:52px;display:flex;align-items:center;gap:8px;padding:12px 0;color:var(--y-color-status-success-foreground);font-size:.875rem}.feedback>svg{flex-shrink:0}.feedback-error{color:var(--y-color-status-error-foreground)}.app-footer{display:flex;align-items:center;gap:8px;color:var(--y-color-text-muted);font-size:.75rem;border-top:1px solid var(--y-color-border-subtle);padding-top:16px}.app-footer>svg{flex-shrink:0}.app-footer>span{margin-left:auto;text-align:right}.dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:0;border-radius:var(--y-radius-lg);padding:32px;color:var(--y-color-text-body);box-shadow:var(--y-shadow-overlay)}.dialog::backdrop{background:var(--y-color-overlay)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-heading h2{font-size:1.25rem;line-height:1.6}.icon-button{width:48px;padding:0;flex-shrink:0}.dialog-message{margin-top:16px;font-size:.875rem}.warning-icon{display:inline-grid;place-items:center;width:56px;height:56px;background:var(--y-color-status-warning-background);color:var(--y-color-status-warning-foreground);border-radius:var(--y-radius-md);margin-bottom:16px}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}.destructive{background:var(--y-color-action-destructive);color:var(--y-color-action-on-destructive);border-color:var(--y-color-action-destructive)}.destructive:hover:not(:disabled),.destructive:active:not(:disabled){background:var(--y-color-action-destructive-hover);border-color:var(--y-color-action-destructive-hover)}.help-steps{margin:24px 0;padding-left:24px;font-size:.875rem}.help-steps li{padding-left:8px;margin-bottom:20px}.help-steps li::marker{color:var(--y-color-action-solid);font-weight:600}.help-steps strong{font-weight:500;color:var(--y-color-text-primary)}.help-steps p{margin-top:4px;color:var(--y-color-text-secondary)}.keyboard-guide{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--y-color-surface-selected);border-radius:var(--y-radius-md);color:var(--y-color-action-on-soft);font-size:.75rem}.keyboard-guide>svg{flex-shrink:0}.spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-login-page,.admin-status-page{min-height:100dvh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(circle at 15% 5%,var(--y-color-surface-selected),transparent 32%),radial-gradient(circle at 90% 85%,#fbcfe155,transparent 26%),var(--y-color-surface-canvas)}.admin-status-page{align-content:center;gap:12px;color:var(--y-color-text-secondary)}.admin-spinner{width:28px;height:28px;border-color:var(--y-color-border-subtle);border-top-color:var(--y-color-action-solid)}.admin-login-card{width:min(100%,480px);padding:40px;background:var(--y-color-surface-base);border:1px solid var(--y-color-border-subtle);border-radius:var(--y-radius-lg);box-shadow:var(--y-shadow-overlay)}.admin-login-card h1{margin-top:4px;font-size:1.75rem;line-height:1.35}.admin-login-description{margin-top:12px;color:var(--y-color-text-secondary);font-size:.875rem}.admin-domain-note{margin-top:24px;padding:12px 16px;border-radius:var(--y-radius-md);background:var(--y-color-status-info-background);color:var(--y-color-status-info-foreground);font-size:.8125rem}.google-button-shell{min-height:70px;margin-top:24px}.google-button{min-height:44px;display:flex;justify-content:center}.admin-auth-progress,.admin-auth-error,.admin-config-warning,.admin-login-help{margin-top:12px;font-size:.75rem;text-align:center}.admin-auth-progress,.admin-login-help{color:var(--y-color-text-muted)}.admin-auth-error,.admin-config-warning{padding:10px 12px;border-radius:var(--y-radius-sm);background:var(--y-color-status-error-background);color:var(--y-color-status-error-foreground)}.admin-login-help{margin-top:20px}.admin-app{min-height:100dvh;background:var(--y-color-surface-canvas)}.admin-header{min-height:64px;padding:10px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--y-color-surface-base);border-bottom:1px solid var(--y-color-border-subtle)}.admin-brand-word{font-size:1.75rem}.admin-account{display:flex;align-items:center;gap:12px}.admin-account>img{border-radius:var(--y-radius-circle)}.admin-account>div{display:grid;font-size:.75rem;line-height:1.45}.admin-account strong{color:var(--y-color-text-primary);font-weight:500}.admin-account span{color:var(--y-color-text-muted)}.admin-main{width:min(100%,var(--y-layout-content-max));margin:0 auto;padding:40px 32px}.admin-main>h1{margin-top:4px}.admin-empty-state{margin-top:32px;padding:40px;text-align:center;background:var(--y-color-surface-base);border:1px solid var(--y-color-border-subtle);border-radius:var(--y-radius-md);box-shadow:var(--y-shadow-surface)}.admin-empty-state p{margin-top:8px;color:var(--y-color-text-secondary);font-size:.875rem}@media(min-width:1500px){.workspace{grid-template-columns:232px minmax(0,1fr) 288px}}@media(max-width:1199px){.workspace{grid-template-columns:minmax(0,1fr) 264px}.library{grid-column:1 / -1}.element-buttons{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;height:300px}.element-preview{min-height:72px}.element-preview>svg{height:64px}.library-tip{display:none}.library .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.library .panel-heading>p{margin-top:0}.page-heading{align-items:flex-start;flex-wrap:wrap}.canvas-footer{flex-wrap:wrap}}@media(max-width:991px){.workspace{grid-template-columns:minmax(0,1fr)}.selection-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px}.selection-controls>.panel-heading{grid-column:1 / -1}.selection-preview,.property-section,.selection-actions,.keyboard-tip{margin:0}.selection-empty{grid-column:1 / -1;flex-direction:row;text-align:left;gap:16px;padding:0;flex-wrap:wrap}.selection-empty .empty-icon{width:48px;height:48px;margin:0}.selection-empty p{flex-basis:100%;margin:0}.selection-actions{border-top:0;padding:0;align-self:end}.keyboard-tip{grid-column:1 / -1}.app-footer>span{display:none}}@media(max-width:575px){.admin-login-card{padding:28px 20px}.admin-header{padding:10px 16px}.admin-header .brand-divider,.admin-header .product-name,.admin-account>img,.admin-account>div{display:none}.admin-main{padding:32px 16px}.admin-empty-state{padding:28px 20px}.app-header{min-height:72px;padding:12px 16px;gap:8px;flex-wrap:wrap}.brand-word{font-size:1.5rem}.brand img{width:22px;height:30px}.brand-divider{margin:0 4px;height:20px}.product-name{font-size:.75rem}.help-button{margin-left:auto;padding-inline:8px;font-size:.75rem;gap:4px}.help-button>svg{width:18px}.main-content{padding:24px 16px}.page-heading{gap:20px;margin-bottom:24px}h1{font-size:1.375rem}.page-description{font-size:.875rem}.header-actions{width:100%;gap:8px}.header-actions button{flex:1;padding:10px 8px;font-size:.75rem}.workspace{gap:16px}.library,.editor,.selection-controls{padding:16px}.library .panel-heading{display:block}.library .panel-heading>p{margin-top:4px}.element-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:360px}.element-button{font-size:.75rem;min-height:98px}.element-preview{min-height:64px}.element-preview>svg{height:60px}.canvas-heading{margin-bottom:16px;gap:8px}.canvas-heading .heading-label>svg{display:none}.canvas-heading h2{font-size:.875rem}.element-count{padding:4px 8px}.empty-state .empty-icon{width:40px;height:40px;margin-bottom:8px;border-radius:var(--y-radius-md)}.empty-state .empty-icon>svg{width:22px;height:22px}.empty-state h3{font-size:.875rem}.empty-state p{font-size:.75rem;margin-top:4px}.canvas-footer{font-size:.75rem;gap:8px}.canvas-footer>span:first-child{gap:6px}.selection-controls{display:flex;flex-direction:column;align-items:stretch;gap:20px}.selection-preview{padding:12px}.selection-preview>svg{height:64px}.rotation-control .property-label{min-height:26px}.rotation-control button{font-size:.75rem;padding-inline:8px}.selection-empty h3{flex:1}.feedback{font-size:.75rem}.app-footer{align-items:flex-start}.app-footer>svg{margin-top:2px}.dialog{padding:20px}.dialog-heading h2{font-size:1rem}.dialog-actions button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}