:root{--font-ui:var(--font-body);--color-bg:#f8f8f6;--color-surface:#fff;--color-surface-muted:#f2f4f1;--color-text-primary:#0e1729;--color-text-secondary:#5f6f89;--color-text-tertiary:#8a97aa;--color-border:#e4e8ee;--color-border-strong:#d2d9e3;--color-accent:#6f8988;--color-accent-hover:#5f7978;--color-accent-active:#526d6c;--color-accent-soft:#eef5f4;--color-coral:#eb6e73;--color-coral-soft:#fdecee;--color-success:#5c8f72;--color-warning:#c98b3c;--color-danger:#d65f5f;--app-topbar-height:56px;--app-sidebar-width:280px;--app-inspector-width:340px;--app-composer-height:76px;--color-app-bg:#f7f7f5;--color-surface-raised:#fff;--color-surface-hover:#f2f4f1;--color-surface-selected:var(--color-accent-soft);--shadow-popover:0 16px 48px rgba(16,24,40,.12);--text-xs:12px;--text-sm:13px;--text-md:14px;--text-base:16px;--text-lg:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:999px;--ds-radius-sm:var(--radius-sm);--ds-radius-md:var(--radius-md);--ds-radius-lg:var(--radius-lg);--ds-radius-xl:var(--radius-xl);--ds-radius-2xl:var(--radius-2xl);--ds-radius-3xl:40px;--ds-radius-4xl:48px;--shadow-xs:0 1px 2px rgba(16,24,40,.04);--shadow-sm:0 8px 24px rgba(16,24,40,.06);--shadow-md:0 18px 48px rgba(16,24,40,.1);--motion-fast:.12s;--motion-base:.18s;--motion-slow:.26s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--container-xl:1200px;--container-lg:1040px;--container-md:840px;--container-sm:680px;--background:var(--color-bg);--foreground:var(--color-text-primary);--card:var(--color-surface);--card-foreground:var(--color-text-primary);--popover:var(--color-surface);--popover-foreground:var(--color-text-primary);--primary:var(--color-accent);--primary-foreground:#fff;--secondary:var(--color-surface-muted);--secondary-foreground:var(--color-text-primary);--muted:var(--color-surface-muted);--muted-foreground:var(--color-text-secondary);--accent:var(--color-accent-soft);--accent-foreground:var(--color-text-primary);--destructive:var(--color-danger);--border:var(--color-border);--input:var(--color-border);--ring:color-mix(in srgb,var(--color-accent) 48%,#fff 52%);--chart-1:#a9bab9;--chart-2:#7f9594;--chart-3:#5f6f89;--chart-4:#c98b3c;--chart-5:#eb6e73;--radius:var(--radius-lg);--sidebar:var(--color-surface);--sidebar-foreground:var(--color-text-primary);--sidebar-primary:var(--color-accent);--sidebar-primary-foreground:#fff;--sidebar-accent:var(--color-surface-muted);--sidebar-accent-foreground:var(--color-text-primary);--sidebar-border:var(--color-border);--sidebar-ring:var(--ring);--landing-bg-top:color-mix(in srgb,var(--color-bg) 92%,#fff 8%);--landing-bg-mid:var(--color-bg);--landing-bg-bottom:color-mix(in srgb,var(--color-surface-muted) 70%,#fff 30%);--landing-surface-light:hsla(0,0%,100%,.92);--landing-surface-dark:#06080f;--landing-text-light:var(--color-text-primary);--landing-text-dark:#f8fafc;--landing-muted-light:var(--color-text-secondary);--landing-muted-dark:#98a2b3;--landing-border-light:color-mix(in srgb,var(--color-text-primary) 9%,transparent);--landing-border-dark:hsla(0,0%,100%,.16);--landing-accent-a:var(--color-accent);--landing-accent-b:var(--color-coral)}.dark{--background:#101622;--foreground:#f8fafc;--card:#141c2a;--card-foreground:#f8fafc;--popover:#141c2a;--popover-foreground:#f8fafc;--primary:color-mix(in srgb,var(--color-accent) 72%,#fff 28%);--primary-foreground:#081019;--secondary:#202838;--secondary-foreground:#f8fafc;--muted:#202838;--muted-foreground:#c9d2df;--accent:#202838;--accent-foreground:#f8fafc;--destructive:#e07b7b;--border:hsla(0,0%,100%,.12);--input:hsla(0,0%,100%,.16);--ring:rgba(160,189,188,.45);--chart-1:#d4e1e0;--chart-2:#a9bab9;--chart-3:#8a97aa;--chart-4:#e0aa63;--chart-5:#f29ca0;--sidebar:#141c2a;--sidebar-foreground:#f8fafc;--sidebar-primary:color-mix(in srgb,var(--color-accent) 72%,#fff 28%);--sidebar-primary-foreground:#081019;--sidebar-accent:#202838;--sidebar-accent-foreground:#f8fafc;--sidebar-border:hsla(0,0%,100%,.12);--sidebar-ring:rgba(160,189,188,.45);--color-app-bg:#101622;--color-surface-raised:#141c2a;--color-surface-hover:#202838;--color-surface-selected:color-mix(in srgb,var(--color-accent) 18%,#141c2a 82%);--shadow-popover:0 18px 56px rgba(0,0,0,.32)}@layer base{*{border-color:var(--border);outline-color:color-mix(in srgb,var(--ring) 50%,transparent)}body,html{font-family:var(--font-ui)}body{background:var(--color-bg);color:var(--color-text-primary);margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent) 35%,transparent);outline-offset:3px}}@layer components{.ds-container{margin-inline:auto;width:min(100% - 48px,var(--container-xl))}.ds-section{padding-block:var(--space-24)}.ds-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.ds-text-secondary{color:var(--color-text-secondary)}.ds-text-tertiary{color:var(--color-text-tertiary)}.ds-focus-ring{outline:3px solid color-mix(in srgb,var(--color-accent) 35%,transparent);outline-offset:3px}.ds-grid-12{display:grid;gap:var(--space-6);grid-template-columns:repeat(12,minmax(0,1fr))}.ds-grid-8{display:grid;gap:var(--space-5);grid-template-columns:repeat(8,minmax(0,1fr))}.ds-grid-4{display:grid;gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:768px){@layer components{.ds-container{width:min(100% - 32px,var(--container-xl))}.ds-section{padding-block:var(--space-16)}}}@layer components{.ds-control-label{align-items:center;color:var(--color-text-primary);display:inline-flex;font-size:var(--text-md);font-weight:600;gap:var(--space-2);line-height:1.35}.ds-control-hint{color:var(--color-text-secondary)}.ds-control-error,.ds-control-hint{font-size:var(--text-sm);line-height:1.45}.ds-control-error{color:var(--color-danger)}.ds-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-base);min-height:48px;padding-inline:var(--space-4);transition:border-color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out);width:100%}.ds-input::-moz-placeholder{color:var(--color-text-tertiary)}.ds-input::placeholder{color:var(--color-text-tertiary)}.ds-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent-soft) 88%,#fff 12%)}.ds-input[aria-invalid=true]{border-color:var(--color-danger)}.ds-textarea{min-height:128px;padding-block:var(--space-4);resize:vertical}.ds-card,.ds-empty-state{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.ds-empty-state{display:grid;gap:var(--space-4);justify-items:start;padding:var(--space-8);text-align:left}.ds-empty-state[data-align=center]{justify-items:center;text-align:center}.ds-generation-promise-row{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.ds-generation-promise-chip{align-items:center;background:var(--color-surface-hover);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;min-height:28px;padding-inline:var(--space-3)}.ds-upload-dropzone-content{display:grid;gap:var(--space-3);place-items:center;text-align:center}.ds-upload-dropzone-icon{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-radius:var(--radius-xl);color:var(--color-accent);display:grid;height:44px;place-items:center;width:44px}.ds-upload-dropzone-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:700;line-height:1.35;margin:0}.ds-upload-dropzone-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.45;margin:0}@media(max-width:768px){.ds-generation-composer-shell{gap:var(--space-4);padding:var(--space-5)}}.ds-badge{align-items:center;background:var(--color-accent-soft);border-radius:var(--radius-full);color:var(--color-accent-active);display:inline-flex;font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;min-height:28px;padding-inline:var(--space-3);text-transform:uppercase}.ds-badge--muted{background:var(--color-surface-hover);color:var(--color-text-secondary)}.ds-badge--success{background:color-mix(in srgb,var(--color-success) 12%,var(--color-surface-raised) 88%);color:var(--color-success)}.ds-badge--danger{background:color-mix(in srgb,var(--color-danger) 12%,var(--color-surface-raised) 88%);color:var(--color-danger)}.ds-option-card{align-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);min-height:60px;padding:var(--space-4) calc(var(--space-4) + 2px);transition:background-color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.ds-option-card-label{line-height:1.15}.ds-option-card:hover{background:var(--color-surface-muted)}.ds-option-card[data-selected=true]{background:var(--color-surface-selected);border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 10%,transparent)}.ds-option-chip{align-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);justify-content:center;letter-spacing:.01em;line-height:1;min-height:40px;padding-inline:var(--space-4);transition:background-color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out)}.ds-option-chip:hover{background:var(--color-surface-hover)}.ds-option-chip:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 10%,transparent);outline:none}.ds-option-chip[data-selected=true]{background:var(--color-surface-selected);border-color:var(--color-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-text-primary)}.ds-option-chip[aria-disabled=true],.ds-option-chip[disabled]{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.ds-progress{background:var(--color-surface-muted);border-radius:var(--radius-full);height:6px;overflow:hidden;width:100%}.ds-progress-bar{background:var(--color-accent);border-radius:inherit;height:100%;transition:width var(--motion-slow) var(--ease-out)}.ds-section-header{max-width:820px}.ds-section-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:clamp(40px,6vw,72px);font-weight:500;letter-spacing:-.035em;line-height:1;margin-top:var(--space-4);text-wrap:balance}.ds-section-description{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.55;margin-top:var(--space-5);max-width:680px}.ds-page-shell{min-height:100vh}.ds-page-shell[data-tone=default]{background:var(--color-bg);color:var(--color-text-primary)}.ds-page-shell[data-tone=app]{background:var(--color-app-bg);color:var(--color-text-primary)}.ds-page-shell[data-tone=landing]{background:linear-gradient(180deg,var(--landing-bg-top) 0,var(--landing-bg-mid) 55%,var(--landing-bg-bottom) 100%);color:var(--landing-text-light)}.ds-app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--color-surface-raised) 84%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);min-height:var(--app-topbar-height);position:relative;z-index:10}.ds-app-shell{display:flex;flex-direction:column;min-height:100vh}.ds-app-body{display:flex;flex:1;min-height:0}.ds-app-content{flex:1;min-width:0;padding:var(--space-8)}.ds-app-sidebar-rail{align-self:stretch;background:var(--color-surface-raised);border-right:1px solid var(--color-border);flex-shrink:0;height:100vh;overflow:hidden;position:sticky;top:0;width:var(--app-sidebar-width)}.ds-app-sidebar{border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-popover);gap:var(--space-2);padding:var(--space-4);width:min(100%,var(--app-sidebar-width))}.ds-app-sidebar,.ds-sidebar-shell{background:var(--color-surface-raised);display:grid}.ds-sidebar-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;width:100%}.ds-sidebar-header{display:grid;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3)}.ds-btn.ds-sidebar-new-button{min-height:42px;padding-inline:var(--space-4);width:100%}.ds-btn.ds-sidebar-new-button[data-active=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent)}.ds-sidebar-scroll{display:grid;gap:var(--space-3);min-height:0;overflow-y:auto;padding:var(--space-3) var(--space-4) var(--space-4)}.ds-sidebar-footer{background:color-mix(in srgb,var(--color-surface-raised) 92%,transparent);border-top:1px solid var(--color-border);display:grid;gap:var(--space-3);padding:var(--space-4)}.ds-sidebar-brand{color:var(--color-text-primary);font-family:var(--font-display);font-size:20px;font-weight:500;line-height:1}.ds-sidebar-profile{display:grid;gap:var(--space-3)}.ds-sidebar-profile-button{justify-content:space-between;width:100%}.ds-sidebar-profile-button,.ds-sidebar-profile-main{align-items:center;display:flex;gap:var(--space-3);min-width:0}.ds-sidebar-profile-avatar{background:var(--color-surface-hover);border-radius:var(--radius-full);color:var(--color-text-secondary);display:grid;flex-shrink:0;font-size:var(--text-sm);font-weight:700;height:40px;overflow:hidden;place-items:center;width:40px}.ds-sidebar-profile-avatar-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ds-sidebar-profile-avatar-fallback,.ds-sidebar-profile-avatar-placeholder{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.ds-sidebar-profile-copy{display:grid;gap:var(--space-1);min-width:0}.ds-sidebar-profile-name{color:var(--color-text-primary);font-size:var(--text-md);font-weight:600}.ds-sidebar-profile-email,.ds-sidebar-profile-name{line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sidebar-profile-email{color:var(--color-text-secondary);font-size:var(--text-sm)}.ds-sidebar-profile-meta{align-items:center;display:flex;min-height:18px}.ds-generation-history-list{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.ds-generation-history-item{text-align:left;width:100%}.ds-generation-history-thumb{background:var(--color-surface-hover);block-size:34px;border-radius:var(--radius-full);display:grid;flex-shrink:0;inline-size:34px;overflow:hidden;place-items:center}.ds-generation-history-thumb-placeholder{background:radial-gradient(circle at 28% 22%,color-mix(in srgb,var(--color-accent) 14%,#fff 86%) 0,transparent 42%),linear-gradient(135deg,var(--color-surface-hover),var(--color-surface-muted));block-size:100%;border:1px solid var(--color-border);border-radius:inherit;display:grid;inline-size:100%;place-items:center}.ds-generation-history-thumb-placeholder-mark{background:color-mix(in srgb,var(--color-text-secondary) 24%,transparent);block-size:12px;border-radius:var(--radius-full);inline-size:12px}.ds-generation-history-thumb-media,.ds-generation-history-thumb-media-mask{block-size:100%;display:block;inline-size:100%}.ds-generation-history-thumb-media-mask{border-radius:inherit;overflow:hidden}.ds-generation-history-thumb-image{block-size:100%;display:block;inline-size:100%;-o-object-fit:cover;object-fit:cover}.ds-generation-history-title{color:var(--color-text-primary);flex:1;font-size:var(--text-md);font-weight:600;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-generation-history-spinner{block-size:18px;display:grid;flex-shrink:0;inline-size:18px;place-items:center}.ds-generation-history-spinner .ds-spinner{--ds-spinner-size:14px}@media(max-width:768px){.ds-app-body{flex-direction:column}.ds-app-sidebar-rail{border-bottom:1px solid var(--color-border);border-right:0;height:auto;overflow:visible;position:relative;width:100%}.ds-sidebar-shell{height:auto}.ds-sidebar-scroll{overflow:visible}.ds-app-content{padding:var(--space-4)}.ds-sidebar-footer{position:relative}}.ds-btn,.ds-btn-danger,.ds-btn-ghost,.ds-btn-primary,.ds-btn-secondary{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-md);font-weight:600;gap:var(--space-2);justify-content:center;letter-spacing:.01em;line-height:1;min-height:44px;padding-inline:var(--space-5);text-decoration:none;transition:background-color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out),opacity var(--motion-base) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ds-btn-danger:hover,.ds-btn-ghost:hover,.ds-btn-primary:hover,.ds-btn-secondary:hover,.ds-btn:hover{text-decoration:none}.ds-btn-danger:focus-visible,.ds-btn-ghost:focus-visible,.ds-btn-primary:focus-visible,.ds-btn-secondary:focus-visible,.ds-btn:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 20%,transparent);outline:none}.ds-btn-danger:active,.ds-btn-ghost:active,.ds-btn-primary:active,.ds-btn-secondary:active,.ds-btn:active{transform:translateY(1px)}.ds-btn-danger.ds-btn-loading,.ds-btn-danger:disabled,.ds-btn-danger[aria-disabled=true],.ds-btn-danger[data-loading=true],.ds-btn-ghost.ds-btn-loading,.ds-btn-ghost:disabled,.ds-btn-ghost[aria-disabled=true],.ds-btn-ghost[data-loading=true],.ds-btn-loading,.ds-btn-primary.ds-btn-loading,.ds-btn-primary:disabled,.ds-btn-primary[aria-disabled=true],.ds-btn-primary[data-loading=true],.ds-btn-secondary.ds-btn-loading,.ds-btn-secondary:disabled,.ds-btn-secondary[aria-disabled=true],.ds-btn-secondary[data-loading=true],.ds-btn:disabled,.ds-btn[aria-disabled=true],.ds-btn[data-loading=true]{cursor:progress;opacity:.6;pointer-events:none}.ds-btn-sm{min-height:36px;padding-inline:calc(var(--space-3) + 2px)}.ds-btn-md,.ds-btn-sm{font-size:var(--text-md)}.ds-btn-md{min-height:44px;padding-inline:var(--space-5)}.ds-btn-lg{font-size:var(--text-base);min-height:52px;padding-inline:28px}.ds-btn-icon{inline-size:44px;min-height:44px;padding-inline:0}.ds-btn-primary{background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-xs);color:#fff}.ds-btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.ds-btn-primary .ds-spinner{--ds-spinner-track-color:hsla(0,0%,100%,.32);--ds-spinner-fill-color:#fff}.ds-btn-secondary{background:var(--color-surface-raised);border-color:var(--color-border);box-shadow:var(--shadow-xs);color:var(--color-text-primary)}.ds-btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.ds-btn-ghost{background:transparent;color:var(--color-text-secondary)}.ds-btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.ds-btn-danger{background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface-raised) 90%);border-color:color-mix(in srgb,var(--color-danger) 18%,transparent);box-shadow:var(--shadow-xs);color:var(--color-danger)}.ds-btn-danger:hover{background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface-raised) 84%);border-color:color-mix(in srgb,var(--color-danger) 24%,transparent)}.ds-btn-loading{gap:var(--space-2)}.ds-spinner{--ds-spinner-size:16px;--ds-spinner-track-color:color-mix(in srgb,var(--color-accent) 18%,transparent);--ds-spinner-fill-color:var(--color-accent);animation:ds-spin .75s linear infinite;block-size:var(--ds-spinner-size);border:2px solid var(--ds-spinner-track-color);border-radius:999px;border-top-color:var(--ds-spinner-fill-color);color:var(--ds-spinner-fill-color);flex:0 0 auto;inline-size:var(--ds-spinner-size)}.ds-skeleton{background:var(--color-surface-hover);color:transparent;overflow:hidden;position:relative}.ds-skeleton:after{animation:ds-skeleton-shimmer 1.35s ease-in-out infinite;background:linear-gradient(90deg,transparent,color-mix(in srgb,#fff 55%,transparent) 50%,transparent);content:"";inset:0;position:absolute;transform:translate3d(-120%,0,0);will-change:transform}.ds-upload-dropzone{align-content:start;background:var(--color-surface-raised);border:1px dashed var(--color-border-strong);border-radius:var(--radius-2xl);color:var(--color-text-secondary);display:grid;gap:var(--space-3);min-height:200px;padding:var(--space-6);transition:background-color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out),opacity var(--motion-base) var(--ease-out)}.ds-upload-dropzone:hover{background:color-mix(in srgb,var(--color-surface-raised) 86%,var(--color-surface-hover) 14%);border-color:var(--color-border-strong)}.ds-upload-dropzone:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 12%,transparent);outline:none}.ds-upload-dropzone[data-state=idle]{border-style:dashed}.ds-upload-dropzone[data-state=drag-over]{background:var(--color-surface-selected);border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 10%,transparent)}.ds-upload-dropzone[data-state=has-file]{background:var(--color-surface-raised);border-style:solid}.ds-upload-dropzone[data-state=error]{background:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface-raised) 92%);border-color:var(--color-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-danger) 10%,transparent)}.ds-upload-dropzone[aria-busy=true],.ds-upload-dropzone[data-state=busy]{cursor:progress;opacity:.8}.ds-image-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:grid;gap:var(--space-3);padding:var(--space-3)}.ds-image-card-media{aspect-ratio:4/5;background:var(--color-surface-hover);border-radius:calc(var(--radius-xl) - var(--space-1));overflow:hidden;position:relative}.ds-image-card-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ds-image-card-caption{font-size:var(--text-sm);line-height:1.35}.ds-image-card-caption,.ds-sidebar-item{color:var(--color-text-secondary);font-weight:600}.ds-sidebar-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-xl);display:flex;font-size:var(--text-md);gap:var(--space-3);line-height:1.2;min-height:44px;padding:var(--space-3) var(--space-4);text-decoration:none;transition:background-color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.ds-sidebar-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.ds-sidebar-item[aria-current=page],.ds-sidebar-item[data-active=true]{background:var(--color-surface-selected);color:var(--color-text-primary)}.ds-tabs{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex;gap:var(--space-1);padding:var(--space-1)}.ds-tabs>*{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-md);font-weight:600;justify-content:center;line-height:1;min-height:36px;padding-inline:var(--space-4);text-decoration:none;transition:background-color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.ds-tabs>[aria-selected=true]{background:var(--color-surface-raised);box-shadow:var(--shadow-xs);color:var(--color-text-primary)}.ds-chip{align-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-md);font-weight:600;justify-content:center;line-height:1;min-height:32px;padding-inline:var(--space-3);text-decoration:none;transition:background-color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.ds-chip:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.ds-chip[data-selected=true]{background:var(--color-surface-selected);border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-text-primary)}.ds-segmented-control{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex;gap:var(--space-1);padding:var(--space-1)}.ds-segmented-control>*{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-md);font-weight:600;justify-content:center;line-height:1;min-height:36px;padding-inline:var(--space-4);text-decoration:none;transition:background-color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.ds-segmented-control>[aria-selected=true],.ds-segmented-control>[data-selected=true]{background:var(--color-surface-raised);box-shadow:var(--shadow-xs);color:var(--color-text-primary)}.ds-result-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.ds-result-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:grid;gap:var(--space-3);padding:var(--space-3);transition:background-color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.ds-result-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.ds-result-card[data-selected=true]{background:var(--color-surface-selected);border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 10%,transparent)}.ds-inspector-panel{display:grid;gap:var(--space-5);padding:var(--space-6);width:min(100%,var(--app-inspector-width))}.ds-bottom-composer,.ds-inspector-panel{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-popover)}.ds-bottom-composer{align-items:flex-end;display:flex;gap:var(--space-4);min-height:var(--app-composer-height);padding:var(--space-4) var(--space-5);width:100%}.ds-generation-composer-shell{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);margin-inline:auto;padding:var(--space-8);width:min(100%,920px)}.ds-generation-composer-preview,.ds-generation-composer-shell{display:grid;gap:var(--space-5)}.ds-generation-composer-header{display:grid;gap:var(--space-2)}.ds-generation-composer-main{display:grid;gap:var(--space-4);min-width:0}.ds-generation-composer-attachment{border-radius:calc(var(--radius-2xl) - var(--space-1));overflow:hidden}.ds-generation-composer-chip-host,.ds-generation-composer-control-row{display:grid;gap:var(--space-2)}.ds-generation-composer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.ds-generation-composer-helper{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.45}.ds-generation-composer-bottom{align-items:flex-end;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-popover);display:flex;gap:var(--space-4);min-height:var(--app-composer-height);padding:var(--space-4) var(--space-5);width:100%}@keyframes ds-spin{to{transform:rotate(1turn)}}@keyframes ds-skeleton-shimmer{to{transform:translate3d(120%,0,0)}}}:root{--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Inter","Segoe UI",sans-serif}.onboarding-shell{background:var(--color-bg,#f8f8f6);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);min-height:100vh}.onboarding-shell__main{display:flex;justify-content:center;padding:clamp(48px,8vh,96px) clamp(24px,6vw,80px) var(--space-16,64px);position:relative}.onboarding-shell__top{position:absolute;right:clamp(24px,6vw,80px);top:16px}.onboarding-panel{display:flex;flex-direction:column;width:min(100%,640px)}.onboarding-question{margin-top:var(--space-8,32px)}.onboarding-question__kicker{background:var(--color-surface-muted,#f2f4f1);border-radius:999px;color:var(--color-text-secondary,#5f6f89);display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.18em;line-height:1.3;margin:0 0 var(--space-3,12px);padding:4px 12px;text-transform:uppercase}.onboarding-question__title{color:var(--color-text-primary,#0e1729);font-family:var(--font-body,"Inter",sans-serif);font-size:clamp(30px,4vw,44px);font-weight:760;letter-spacing:-.035em;line-height:1.08;margin:0;max-width:620px}.onboarding-options{display:grid;gap:var(--space-3,12px);margin-top:var(--space-8,32px)}.onboarding-textarea{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e4e8ee);border-radius:16px;color:var(--color-text-primary,#0e1729);font-family:var(--font-body,"Inter",sans-serif);font-size:15px;line-height:1.5;min-height:56px;padding:14px 16px;resize:vertical;transition:border-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);width:100%}.onboarding-textarea:focus{border-color:var(--color-accent,#6f8988);box-shadow:0 0 0 4px #6f89881a;outline:none}.onboarding-textarea--large{min-height:120px}.onboarding-hint{color:var(--color-text-tertiary,#8a97aa);font-size:13px;line-height:1.4;margin:var(--space-2,8px) 0 0}.onboarding-message{font-size:14px;line-height:1.45;margin:var(--space-5,20px) 0 0}.onboarding-message[data-kind=error]{color:var(--color-danger,#d65f5f)}.onboarding-message[data-kind=success]{color:var(--color-accent,#6f8988)}.onboarding-navigation{border-top:1px solid var(--color-border,#e4e8ee);justify-content:space-between;margin-top:var(--space-8,32px);padding-top:var(--space-5,20px)}.onboarding-error-state,.onboarding-navigation{align-items:center;display:flex;gap:var(--space-4,16px)}.onboarding-error-state{flex-direction:column;justify-content:center;min-height:100vh;padding:var(--space-8,32px);text-align:center}.onboarding-error-text{color:var(--color-danger,#d65f5f);font-size:15px;line-height:1.5;margin:0}.onboarding-success-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-4,16px);justify-content:center;min-height:100vh;padding:var(--space-8,32px);text-align:center}.onboarding-success-title{color:var(--color-text-primary,#0e1729);font-size:clamp(28px,4vw,38px);font-weight:700;line-height:1.1;margin:0}.onboarding-success-description{color:var(--color-text-secondary,#5f6f89);font-size:16px;line-height:1.6;margin:0;max-width:500px}.onboarding-loading-state{align-items:center;display:flex;justify-content:center;min-height:100vh}.onboarding-spinner{animation:ob-spin .6s linear infinite;border:3px solid var(--color-border,#e4e8ee);border-radius:999px;border-top-color:var(--color-accent,#6f8988);height:32px;width:32px}@keyframes ob-spin{to{transform:rotate(1turn)}}@media(max-width:960px){.onboarding-shell{grid-template-columns:1fr}.onboarding-shell__main{padding:var(--space-10,40px) 20px var(--space-24,96px)}.onboarding-panel{width:100%}.onboarding-visual{display:none}}