.ws{display:flex;background:radial-gradient(circle at 20% 0,hsla(20,80%,90%,.35),transparent 40%),radial-gradient(circle at 80% 10%,hsla(210,70%,90%,.3),transparent 35%),linear-gradient(180deg,var(--surface-0) 0,#f7f4f0 100%);font-family:var(--font-body);color:var(--text-primary)}.ws,.ws-shell{min-height:100vh}.ws-shell{display:grid;grid-template-columns:240px minmax(0,1fr);width:100%}.ws-stage{min-width:0;padding:var(--space-7) var(--space-7) var(--space-9);overflow-y:auto}.ws-leftnav{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;width:240px;border-right:1px solid var(--border-default);background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-5) var(--space-4);z-index:50;flex-shrink:0}.ws-leftnav-brand{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-default)}.ws-leftnav-brand-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-primary)}.ws-leftnav-logo{width:28px;height:28px;border-radius:var(--radius-sm);flex-shrink:0}.ws-leftnav-brand-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.ws-leftnav-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-6)}.ws-leftnav-item{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--duration-standard) var(--ease-out),color var(--duration-standard) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ws-leftnav-item:hover:not(.ws-leftnav-item--active):not(.ws-leftnav-item--soon){background:var(--surface-2);color:var(--text-primary)}.ws-leftnav-item--active{background:var(--accent-subtle);color:var(--accent-text);cursor:default}.ws-leftnav-item--active .ws-leftnav-icon{color:var(--accent)}.ws-leftnav-item--soon{opacity:.45;cursor:default}.ws-leftnav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--text-tertiary);transition:color var(--duration-standard) var(--ease-out)}.ws-leftnav-label{flex:1 1}.ws-leftnav-soon-badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);background:var(--surface-2);border-radius:var(--radius-pill);padding:2px 7px}.ws-leftnav-progress{padding-top:var(--space-5);border-top:1px solid var(--border-default);margin-bottom:var(--space-5)}.ws-leftnav-section-label{margin:0 0 var(--space-3);font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-tertiary);padding:0 var(--space-3)}.ws-leftnav-phases{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.ws-leftnav-phase{display:flex;align-items:center;gap:var(--space-3);padding:7px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary)}.ws-leftnav-phase--active{color:var(--accent-text);background:var(--accent-subtle);font-weight:600}.ws-leftnav-phase--done{color:var(--text-secondary)}.ws-leftnav-phase-dot{width:7px;height:7px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0;transition:background var(--duration-standard) var(--ease-out),border-color var(--duration-standard) var(--ease-out)}.ws-leftnav-phase--active .ws-leftnav-phase-dot,.ws-leftnav-phase--done .ws-leftnav-phase-dot{background:var(--accent);border-color:var(--accent)}.ws-leftnav-steps-tally{padding:0 var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary)}.ws-leftnav-spacer{flex:1 1}.ws-leftnav-credits{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-pill);background:var(--accent-subtle);border:1px solid hsla(168,50%,40%,.14);color:var(--accent-text);font-size:var(--text-xs);font-weight:700}.ws-leftnav-credits-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.ws-leftnav-user{position:relative}.ws-leftnav-user-trigger{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:background var(--duration-standard) var(--ease-out);text-align:left;font-family:var(--font-body)}.ws-leftnav-user-trigger:hover{background:var(--surface-2)}.ws-leftnav-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--pastel-mint),var(--pastel-lavender));color:var(--text-primary);font-size:var(--text-xs);font-weight:800;letter-spacing:.04em;flex-shrink:0}.ws-leftnav-user-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-leftnav-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;padding:8px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:rgba(255,255,255,.98);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ws-leftnav-menu-header{display:flex;flex-direction:column;gap:3px;padding:8px 10px 10px;border-bottom:1px solid var(--border-default);margin-bottom:6px}.ws-leftnav-menu-header strong{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.ws-leftnav-menu-header span{font-size:var(--text-xs);color:var(--text-tertiary)}.ws-leftnav-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:10px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;text-align:left;cursor:pointer;transition:background var(--duration-standard) var(--ease-out),color var(--duration-standard) var(--ease-out)}.ws-leftnav-menu-item--danger:hover{background:var(--error-subtle);color:var(--error)}.ws-stage-title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,3vw,3.3rem);font-weight:400;line-height:.98;letter-spacing:var(--tracking-tight)}.ws-stage-body{max-width:56ch;margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.ws-stage-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.ws-stage-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-default);background:rgba(255,255,255,.78);color:var(--text-secondary);font-size:var(--text-xs);font-weight:700;text-transform:capitalize}.ws-aside-status--completed strong{color:var(--success)}.ws-aside-status--running strong{color:var(--accent)}.ws-aside-status--failed strong{color:var(--error)}.ws-phase{animation:ws-phase-enter .5s var(--ease-out) both}@keyframes ws-phase-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ws-upload{display:block;padding-top:0}.ws-upload-card{width:100%;max-width:none;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-7) var(--space-8);box-shadow:var(--shadow-lg)}.ws-upload-header{text-align:center;margin-bottom:var(--space-7)}.ws-upload-eyebrow{margin:0 0 var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent-text)}.ws-upload-title{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.ws-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:var(--space-7) var(--space-5);border:2px dashed var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-0);cursor:pointer;transition:border-color var(--duration-standard) var(--ease-out),background var(--duration-standard) var(--ease-out),box-shadow var(--duration-standard) var(--ease-out)}.ws-dropzone--drag-over,.ws-dropzone:hover{border-color:var(--accent);background:var(--accent-subtle)}.ws-dropzone--drag-over{box-shadow:var(--shadow-accent)}.ws-dropzone--has-file{border-style:solid;border-color:var(--accent);background:var(--accent-subtle)}.ws-dropzone-icon{width:48px;height:48px;margin-bottom:var(--space-4);color:var(--text-tertiary);transition:color var(--duration-standard) var(--ease-out)}.ws-dropzone--drag-over .ws-dropzone-icon,.ws-dropzone:hover .ws-dropzone-icon{color:var(--accent)}.ws-dropzone-label{margin:0;font-size:var(--text-base);font-weight:600;color:var(--text-secondary)}.ws-dropzone-label strong{color:var(--accent)}.ws-dropzone-hint{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-tertiary)}.ws-file-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--border-default);font-size:var(--text-sm);color:var(--text-secondary)}.ws-file-chip-icon{width:16px;height:16px;color:var(--accent)}.ws-file-chip-name{font-weight:600;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-file-chip-size{color:var(--text-tertiary)}.ws-field-group{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-5)}.ws-field-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.ws-textarea{width:100%;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--surface-0);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);resize:vertical;transition:border-color var(--duration-standard) var(--ease-out),box-shadow var(--duration-standard) var(--ease-out)}.ws-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px hsla(168,50%,40%,.12)}.ws-textarea::placeholder{color:var(--text-tertiary)}.ws-cta-area{margin-top:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.ws-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:220px;min-height:52px;padding:0 var(--space-6);border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:var(--text-inverse);font-family:var(--font-body);font-size:var(--text-base);font-weight:700;cursor:pointer;box-shadow:var(--shadow-accent);transition:transform var(--duration-micro) var(--ease-out),box-shadow var(--duration-standard) var(--ease-out)}.ws-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px hsla(168,50%,30%,.24)}.ws-cta:active:not(:disabled){transform:translateY(0)}.ws-cta:disabled{opacity:.55;cursor:not-allowed}.ws-cta-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:ws-spin .6s linear infinite}.ws-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--error-subtle);border:1px solid hsla(5,50%,50%,.2);color:var(--error);font-size:var(--text-sm);font-weight:500;text-align:center}.ws-processing{padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:rgba(255,255,255,.86);box-shadow:var(--shadow-md)}.ws-summary-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--surface-1);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);margin-bottom:var(--space-7)}.ws-summary-bar-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent);flex-shrink:0}.ws-summary-bar-text{flex:1 1;min-width:0}.ws-summary-bar-filename{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.ws-summary-bar-filename,.ws-summary-bar-instruction{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-summary-bar-instruction{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px}.ws-timeline{position:relative;display:grid;grid-gap:0;gap:0}.ws-timeline-step{display:grid;grid-template-columns:48px 1fr;grid-gap:var(--space-4);gap:var(--space-4);position:relative}.ws-timeline-step:not(:last-child):before{content:"";position:absolute;left:23px;top:48px;bottom:-1px;width:2px;background:var(--border-default);transition:background var(--duration-complex) var(--ease-out)}.ws-timeline-step--completed:not(:last-child):before{background:linear-gradient(180deg,var(--accent) 0,var(--pastel-mint) 100%)}.ws-step-icon-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-1);border:2px solid var(--border-default);position:relative;z-index:2;transition:border-color var(--duration-standard) var(--ease-out),background var(--duration-standard) var(--ease-out),box-shadow var(--duration-standard) var(--ease-out)}.ws-timeline-step--waiting .ws-step-icon-wrap{border-color:var(--border-default);background:var(--surface-0)}.ws-timeline-step--running .ws-step-icon-wrap{border-color:var(--accent);background:var(--accent-subtle);box-shadow:0 0 0 6px hsla(168,50%,40%,.08);animation:ws-pulse-ring 2s ease-in-out infinite}.ws-timeline-step--completed .ws-step-icon-wrap{border-color:var(--accent);background:var(--accent)}.ws-timeline-step--failed .ws-step-icon-wrap{border-color:var(--error);background:var(--error-subtle)}.ws-step-icon{width:20px;height:20px}.ws-timeline-step--waiting .ws-step-icon{color:var(--text-tertiary)}.ws-timeline-step--running .ws-step-icon{color:var(--accent)}.ws-timeline-step--completed .ws-step-icon{color:var(--text-inverse)}.ws-timeline-step--failed .ws-step-icon{color:var(--error)}.ws-step-content{padding-bottom:var(--space-6)}.ws-timeline-step:last-child .ws-step-content{padding-bottom:0}.ws-step-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:48px}.ws-step-label{margin:0;font-size:var(--text-lg);font-weight:700;line-height:var(--leading-snug);color:var(--text-primary);transition:color var(--duration-standard) var(--ease-out)}.ws-timeline-step--waiting .ws-step-label{color:var(--text-tertiary)}.ws-step-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);white-space:nowrap}.ws-step-badge--waiting{background:var(--surface-2);color:var(--text-tertiary)}.ws-step-badge--running{background:var(--info-subtle);color:var(--info)}.ws-step-badge--completed{background:var(--success-subtle);color:var(--success)}.ws-step-badge--failed{background:var(--error-subtle);color:var(--error)}.ws-step-description{margin:var(--space-2) 0 0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-tertiary)}.ws-timeline-step--running .ws-step-description{color:var(--text-secondary)}.ws-step-duration{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--success);font-weight:600}.ws-step-running-msg{margin-top:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--accent-text);font-style:italic;animation:ws-fade-in .3s var(--ease-out)}.ws-shimmer{margin-top:var(--space-3);height:6px;border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden;position:relative}.ws-shimmer-bar{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--accent-subtle) 30%,var(--accent) 50%,var(--accent-subtle) 70%,transparent 100%);background-size:200% 100%;animation:ws-shimmer-slide 1.8s ease-in-out infinite}@keyframes ws-shimmer-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.ws-output{margin-top:var(--space-5);padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:rgba(255,255,255,.9);box-shadow:var(--shadow-md)}.ws-output-celebration{text-align:center;margin-bottom:var(--space-7);animation:ws-phase-enter .6s var(--ease-out) both}.ws-output-emoji{font-size:2.5rem;margin-bottom:var(--space-3);animation:ws-bounce .6s var(--ease-out) .3s both}.ws-output-headline{margin:0;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;line-height:var(--leading-tight);color:var(--text-primary)}.ws-output-meta{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-tertiary)}.ws-player-wrap{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-default);animation:ws-phase-enter .6s var(--ease-out) .2s both}.ws-output-actions{display:flex;gap:var(--space-4);margin-top:var(--space-6);animation:ws-phase-enter .5s var(--ease-out) .4s both}.ws-btn-download,.ws-output-actions{align-items:center;justify-content:center}.ws-btn-download{display:inline-flex;gap:var(--space-2);min-height:52px;padding:0 var(--space-7);border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:var(--text-inverse);font-family:var(--font-body);font-size:var(--text-base);font-weight:700;cursor:pointer;box-shadow:var(--shadow-accent);transition:transform var(--duration-micro) var(--ease-out),box-shadow var(--duration-standard) var(--ease-out)}.ws-btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px hsla(168,50%,30%,.24)}.ws-btn-download:disabled{opacity:.55;cursor:not-allowed}.ws-btn-reset{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-1);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color var(--duration-standard) var(--ease-out),color var(--duration-standard) var(--ease-out)}.ws-btn-reset:hover{border-color:var(--accent);color:var(--accent)}.ws-compact-summary{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-7);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--surface-1);border:1px solid var(--border-default);animation:ws-phase-enter .5s var(--ease-out) .6s both}.ws-compact-step{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--success);font-weight:600}.ws-compact-step-icon{width:14px;height:14px}.ws-compact-divider{color:var(--text-tertiary);font-size:var(--text-xs)}.ws-compact-total{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;margin-left:var(--space-2)}.ws-pipeline-error{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--error-subtle);border:1px solid hsla(5,50%,50%,.2);display:flex;align-items:center;gap:var(--space-4)}.ws-pipeline-error-text{flex:1 1;font-weight:500}.ws-btn-retry,.ws-pipeline-error-text{font-size:var(--text-sm);color:var(--error)}.ws-btn-retry{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--space-4);border:1px solid hsla(5,50%,50%,.3);border-radius:var(--radius-md);background:var(--surface-1);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:background var(--duration-standard) var(--ease-out);white-space:nowrap}.ws-btn-retry:hover{background:var(--error-subtle)}@keyframes ws-spin{to{transform:rotate(1turn)}}@keyframes ws-pulse-ring{0%,to{box-shadow:0 0 0 6px hsla(168,50%,40%,.08)}50%{box-shadow:0 0 0 10px hsla(168,50%,40%,.16)}}@keyframes ws-bounce{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes ws-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ws-check-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.ws-check-enter{animation:ws-check-pop .4s var(--ease-out) both}@media (max-width:768px){.ws-shell{grid-template-columns:1fr}.ws-leftnav{display:none}.ws-stage{padding:var(--space-5) var(--space-4) var(--space-7)}.ws-upload-card{padding:var(--space-5)}.ws-upload-title{font-size:var(--text-xl)}.ws-dropzone{min-height:140px;padding:var(--space-5) var(--space-4)}.ws-timeline-step{grid-template-columns:40px 1fr;gap:var(--space-3)}.ws-step-icon-wrap{width:40px;height:40px}.ws-timeline-step:not(:last-child):before{left:19px}.ws-step-label{font-size:var(--text-base)}.ws-output-headline{font-size:var(--text-2xl)}.ws-output-actions{flex-direction:column}.ws-compact-summary{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){.ws-check-enter,.ws-compact-summary,.ws-output-actions,.ws-output-celebration,.ws-output-emoji,.ws-phase,.ws-player-wrap,.ws-shimmer-bar,.ws-step-icon-wrap{animation:none!important}}.ws-auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--surface-0);font-family:var(--font-body)}.ws-auth-spinner{width:48px;height:48px;border:4px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:ws-spin 1s linear infinite;margin-bottom:var(--space-4)}.ws-auth-text{font-size:var(--text-base);color:var(--text-secondary);font-weight:500;margin:0}