.ws-shell{--ws-ground:hsl(var(--background));--ws-paper:hsl(var(--card));--ws-sidebar:hsl(var(--card));--ws-ink:hsl(var(--foreground));--ws-muted:hsl(var(--muted-foreground));--ws-line:hsl(var(--border));--ws-accent:hsl(var(--accent));--ws-accent-ink:hsl(var(--accent-foreground));--ws-primary:hsl(var(--primary));--ws-on-primary:hsl(var(--primary-foreground));--ws-input:hsl(var(--background)/.65);--ws-soft:hsl(var(--muted)/.35);--ws-error:hsl(var(--destructive));color:var(--ws-ink);background:var(--ws-ground);display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100dvh;font-size:14px;line-height:1.5;font-family:Arial,Helvetica,sans-serif;accent-color:var(--ws-primary);caret-color:var(--ws-primary);scrollbar-color:var(--ws-line) transparent;scrollbar-width:thin}.ws-shell *{box-sizing:border-box}.ws-shell ::-moz-selection{background:var(--ws-accent)}.ws-shell ::selection{background:var(--ws-accent)}.ws-shell a,.ws-shell button,.ws-shell select,.ws-shell textarea{-webkit-tap-highlight-color:transparent}.ws-shell a,.ws-shell button{transition:background .18s ease-out,color .18s ease-out,border-color .18s ease-out}.ws-shell button{cursor:pointer}.ws-shell button:disabled{cursor:not-allowed;opacity:.55}.ws-shell :is(button,a,select,textarea,input):focus-visible{outline:2px solid var(--ws-primary);outline-offset:4px}.ws-shell a{text-underline-offset:4px}.ws-shell svg{flex-shrink:0}.ws-sidebar{background:var(--ws-sidebar);border-right:1px solid var(--ws-line);padding:32px 18px 25px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.ws-brand{display:flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;font-size:26px;font-weight:700;letter-spacing:-.8px;margin:0 12px 64px}.ws-brand-dot{color:var(--ws-primary);margin-left:-10px}.ws-brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-10deg);margin-right:2px}.ws-brand-mark span{width:9px;height:9px;border-radius:3px;background:var(--ws-primary)}.ws-brand-mark span:nth-child(2){opacity:.5}.ws-brand-mark span:nth-child(3){opacity:.75}.ws-nav{display:flex;flex-direction:column;gap:9px}.ws-nav>:is(a,button){display:flex;align-items:center;gap:12px;width:100%;padding:14px 13px;border-radius:7px;text-align:left;font-size:13px;font-weight:500}.ws-nav>:is(a,button):hover{background:var(--ws-accent)}.ws-nav>.is-active{background:var(--ws-accent);color:var(--ws-accent-ink);font-weight:600}.ws-nav-count{font-size:11px;font-variant-numeric:tabular-nums}.ws-nav-arrow,.ws-nav-count{margin-left:auto;color:var(--ws-muted)}.ws-sidebar-bottom{margin-top:auto;padding:32px 12px 0}.ws-sidebar-motto{font-family:Georgia,Times New Roman,serif;color:var(--ws-muted);font-size:23px;line-height:1.6}.ws-credits{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-top:30px;padding-top:18px;border-top:1px solid var(--ws-line);color:var(--ws-muted)}.ws-credits strong{color:var(--ws-ink);font-variant-numeric:tabular-nums}.ws-back{display:flex;align-items:center;gap:7px;color:var(--ws-muted);font-size:11px;margin-top:24px}.ws-back:hover{color:var(--ws-ink)}.ws-main{min-width:0;padding:39px 38px 30px}.ws-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}.ws-page-header h1{font-size:clamp(25px,2.5vw,37px);line-height:1.2;letter-spacing:-1.1px;font-weight:400;text-wrap:balance}.ws-page-header p{margin-top:9px;color:var(--ws-muted);font-size:12px}.ws-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.ws-tool-guide{display:flex;align-items:center;gap:6px;color:var(--ws-muted);font-size:11px;white-space:nowrap;margin-bottom:2px}.ws-tool-guide:hover{color:var(--ws-ink)}.ws-content{display:grid;grid-template-columns:minmax(310px,365px) minmax(0,1fr);gap:28px;align-items:start}.ws-settings{min-width:0;background:var(--ws-paper);border:1px solid var(--ws-line);border-radius:10px;max-height:calc(100dvh - 162px);overflow:hidden;display:flex;flex-direction:column}.ws-settings-scroll{min-height:0;overflow:auto;padding:23px;scrollbar-width:thin;scrollbar-color:var(--ws-line) transparent}.ws-settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ws-settings-heading h2{font-size:13px;font-weight:600}.ws-icon-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--ws-muted);border-radius:5px;flex-shrink:0}.ws-icon-button:hover{background:var(--ws-sidebar);color:var(--ws-ink)}.ws-field{min-width:0;margin-top:22px}.ws-field label,.ws-output h3{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:9px;gap:8px}.ws-field-note{font-weight:400;color:var(--ws-muted);font-size:10px}.ws-field :is(select,textarea){width:100%;color:var(--ws-ink);background:var(--ws-input);border:1px solid var(--ws-line);border-radius:6px;font-size:12px;padding:12px 13px}.ws-field select{height:45px;cursor:pointer;padding-right:23px;text-overflow:ellipsis}.ws-field select:disabled{opacity:.75;cursor:default}.ws-field textarea{min-height:140px;resize:vertical;line-height:1.8;background:var(--ws-paper)}.ws-field textarea::-moz-placeholder{color:var(--ws-muted);opacity:1}.ws-field textarea::placeholder{color:var(--ws-muted);opacity:1}.ws-mode{display:flex;align-items:center;gap:8px;padding:10px 11px;background:var(--ws-accent);border-radius:5px;color:var(--ws-accent-ink);font-size:11px;margin-top:13px}.ws-mode-output{margin-left:auto;font-size:10px}.ws-model-note{font-size:10px;color:var(--ws-muted);margin:5px 0 0}.ws-prompt-meta{display:flex;justify-content:space-between;gap:5px;color:var(--ws-muted);font-size:9px;margin-top:5px;font-variant-numeric:tabular-nums}.ws-prompt-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.ws-prompt-examples button{display:flex;align-items:center;gap:4px;border:1px solid var(--ws-line);border-radius:4px;padding:4px 7px;color:var(--ws-accent-ink);font-size:9px}.ws-prompt-examples button:hover{background:var(--ws-sidebar)}.ws-file-input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ws-upload{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:112px;padding:14px 8px;border:1px dashed var(--ws-line);border-radius:6px;background:var(--ws-input);color:var(--ws-accent-ink);text-align:center}.ws-upload strong{font-size:11px;font-weight:500;color:var(--ws-ink)}.ws-upload span{font-size:9px;color:var(--ws-muted)}.ws-upload:is(:hover,.is-dragging){background:var(--ws-accent);border-color:var(--ws-primary)}.ws-help{font-size:10px;color:var(--ws-muted);line-height:1.7;margin-top:8px}.ws-references{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ws-references>div{position:relative;width:58px;height:58px}.ws-references img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid var(--ws-line)}.ws-references button{position:absolute;top:-4px;right:-4px;background:var(--ws-paper);border:1px solid var(--ws-line);border-radius:50%;padding:3px}.ws-materials-toggle{display:flex;width:100%;align-items:center;gap:7px;color:var(--ws-accent-ink);font-size:11px;margin-top:12px;text-align:left}.ws-materials-toggle span{margin-left:auto;color:var(--ws-muted);font-size:10px;font-variant-numeric:tabular-nums}.ws-materials{background:var(--ws-soft);padding:10px;border:1px solid var(--ws-line);border-radius:5px;margin-top:10px}.ws-materials p{font-size:11px;color:var(--ws-muted);display:flex;align-items:center;gap:5px}.ws-materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:225px;overflow:auto}.ws-materials-grid button{position:relative}.ws-materials-grid img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:3px}.ws-materials-grid svg{position:absolute;bottom:5px;right:5px;color:white;filter:drop-shadow(0 1px 2px #000)}.ws-output{border-top:1px solid var(--ws-line);margin-top:24px;padding-top:21px}.ws-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ws-output-grid .ws-field{margin-top:7px}.ws-output-grid label{color:var(--ws-muted);font-weight:400;font-size:11px}.ws-submit-area{flex-shrink:0;border-top:1px solid var(--ws-line);background:var(--ws-paper);padding:16px 23px 15px}.ws-generate{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;padding:16px 17px;background:var(--ws-primary);color:var(--ws-on-primary);border:1px solid var(--ws-primary);border-radius:7px;font-size:13px;font-weight:600}.ws-generate:not(:disabled):hover{background:hsl(var(--primary)/.9)}.ws-generate:disabled{opacity:1!important;color:var(--ws-muted);background:hsl(var(--muted));border-color:var(--ws-line)}.ws-submit-area p{display:flex;justify-content:center;gap:4px;align-items:center;margin-top:10px;font-size:9px;color:var(--ws-muted)}.ws-results{min-width:0}.ws-results-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ws-line);margin-top:3px;gap:12px}.ws-tabs{display:flex;gap:24px}.ws-tabs button{display:flex;align-items:center;gap:8px;font-size:12px;padding:13px 2px 17px;color:var(--ws-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.ws-tabs button[aria-selected=true]{border-color:var(--ws-primary);color:var(--ws-ink)}.ws-tabs button span{background:var(--ws-accent);font-size:9px;padding:1px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.ws-preview-panel{min-height:calc(100dvh - 220px);display:flex;flex-direction:column}.ws-empty-preview{flex:1;flex-direction:column;min-height:410px;text-align:center;padding:44px 20px}.ws-empty-icon,.ws-empty-preview{display:flex;align-items:center;justify-content:center}.ws-empty-icon{width:64px;height:64px;background:var(--ws-accent);border-radius:50%;color:var(--ws-accent-ink);margin-bottom:20px}.ws-empty-preview h2{font-size:clamp(22px,2.1vw,31px);font-weight:400;letter-spacing:-.8px;color:var(--ws-ink);line-height:1.25;text-wrap:balance}.ws-empty-preview p{max-width:350px;font-size:12px;color:var(--ws-muted);line-height:1.9;margin-top:16px}.ws-empty-mediums{display:flex;gap:12px;margin-top:27px;color:var(--ws-muted);font-size:10px}.ws-empty-mediums span+span:before{content:"·";padding-right:12px}.ws-tip{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--ws-line);border-radius:7px;padding:17px 18px;margin-top:auto;color:var(--ws-accent-ink)}.ws-tip strong{font-size:11px;font-weight:500}.ws-tip p{color:var(--ws-muted);font-size:10px;line-height:1.8;margin-top:4px}.ws-task-status{margin-top:20px;padding:14px 16px;border:1px solid var(--ws-line);background:var(--ws-soft);border-radius:6px}.ws-task-status-top{justify-content:space-between}.ws-task-status-top,.ws-task-status-top>span:first-child{display:flex;align-items:center;gap:8px}.ws-task-status-top strong{font-size:11px;font-weight:600}.ws-task-status-top>span:last-child{color:var(--ws-muted);font-size:10px;font-variant-numeric:tabular-nums}.ws-progress{height:4px;border-radius:4px;background:hsl(var(--muted));margin-top:13px;overflow:hidden}.ws-progress span{display:block;background:var(--ws-primary);height:100%;transition:width .4s ease-out}.ws-task-status-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:10px;color:var(--ws-muted);margin-top:9px}.ws-history-actions button,.ws-task-status-bottom button{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.ws-task-status.is-failed{background:hsl(var(--destructive)/.08);border-color:hsl(var(--destructive)/.3)}.ws-preview-content{margin-top:20px;margin-bottom:22px}.ws-image-stage{display:flex;justify-content:center;align-items:center;width:100%;min-height:260px;height:min(57dvh,640px);background:var(--ws-soft);border:1px solid var(--ws-line);border-radius:7px;overflow:hidden}.ws-image-stage img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.ws-image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;font-size:11px}.ws-image-toolbar>span{display:flex;gap:14px;flex-wrap:wrap}.ws-image-date{color:var(--ws-muted);font-size:10px}.ws-image-toolbar a{display:flex;align-items:center;gap:5px;color:var(--ws-accent-ink);white-space:nowrap}.ws-output-thumbnails{display:flex;gap:8px}.ws-output-thumbnails button{padding:3px;border:1px solid transparent;border-radius:5px}.ws-output-thumbnails .is-selected{border-color:var(--ws-primary)}.ws-output-thumbnails img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:3px}.ws-error{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;margin-top:17px;border:1px solid hsl(var(--destructive)/.3);background:hsl(var(--destructive)/.08);border-radius:6px;color:var(--ws-ink);font-size:11px}.ws-error strong{font-weight:600}.ws-error p{margin-top:4px;overflow-wrap:anywhere}.ws-error button:not(.ws-icon-button){text-decoration:underline;margin-top:7px}.ws-history-panel{padding-top:22px}.ws-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:23px 18px}.ws-history-item{min-width:0}.ws-history-preview{display:block;width:100%;border-radius:6px;overflow:hidden;border:1px solid var(--ws-line);background:var(--ws-soft);aspect-ratio:1}.ws-history-preview>:is(img,div){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ws-history-preview>div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:var(--ws-muted);font-size:11px}.ws-history-preview:hover{border-color:var(--ws-primary)}.ws-history-info{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:10px}.ws-history-info strong{font-size:10px;font-weight:500}.ws-history-info time{width:100%;color:var(--ws-muted);font-size:10px;margin-left:12px}.ws-status-dot{width:6px;height:6px;border-radius:50%;background:var(--ws-primary)}.ws-status-failed{background:var(--ws-error)}.ws-status-cancelled{background:var(--ws-muted)}.ws-history-actions{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--ws-muted);margin-top:9px}.ws-history-actions span{min-width:0;overflow-wrap:anywhere}.ws-history-loading{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ws-muted);padding:12px 0 20px}.ws-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--ws-line);border-radius:5px;padding:9px 15px;font-size:12px;margin-top:20px;background:var(--ws-accent)}.ws-spin{animation:ws-spin 1s linear infinite}@keyframes ws-spin{to{transform:rotate(1turn)}}@media (min-width:1700px){.ws-main{padding:48px 46px}.ws-content{grid-template-columns:400px minmax(0,1fr);gap:34px}.ws-settings{max-height:calc(100dvh - 185px)}.ws-settings-scroll{padding:27px}.ws-submit-area{padding-inline:27px}}@media (max-width:1180px){.ws-shell{grid-template-columns:175px minmax(0,1fr)}.ws-main{padding:30px 24px}.ws-content{grid-template-columns:310px minmax(0,1fr);gap:20px}.ws-sidebar{padding-left:12px;padding-right:12px}.ws-nav>:is(a,button){font-size:12px;gap:9px;padding-left:10px}.ws-page-header h1{font-size:28px}.ws-tool-guide{display:none}.ws-settings{max-height:calc(100dvh - 140px)}.ws-settings-scroll{padding:20px}.ws-submit-area{padding-inline:20px}.ws-empty-preview{padding-inline:10px}.ws-sidebar-motto{font-size:20px}}@media (max-width:960px){.ws-shell{grid-template-columns:76px minmax(0,1fr)}.ws-sidebar{padding:29px 10px}.ws-brand{font-size:0;margin:4px auto 55px;gap:0}.ws-brand-dot{display:none}.ws-brand-mark{margin:0}.ws-nav>:is(a,button){font-size:0;padding:15px;justify-content:center;gap:0}.ws-nav-arrow,.ws-nav-count,.ws-sidebar-bottom{display:none}.ws-page-header h1{font-size:27px}}@media (max-width:760px){.ws-shell{display:block}.ws-sidebar{position:relative;height:auto;padding:14px 18px;flex-direction:row;justify-content:space-between;align-items:center;gap:15px;border-right:0;border-bottom:1px solid var(--ws-line)}.ws-brand{font-size:22px;margin:0;gap:8px;flex-shrink:0}.ws-brand-dot{display:inline;margin-left:-8px}.ws-nav{flex-direction:row;gap:4px}.ws-nav>:is(a,button){padding:10px;width:auto}.ws-nav>a[href="/price"]{display:none}.ws-main{padding:25px 18px}.ws-page-header{margin-bottom:22px}.ws-page-header h1{font-size:27px;max-width:340px}.ws-page-header p{font-size:11px}.ws-content{grid-template-columns:minmax(0,1fr);gap:25px}.ws-settings{max-height:none}.ws-settings-scroll{padding:22px;overflow:visible}.ws-submit-area{padding-inline:22px}.ws-settings-heading{margin-bottom:17px}.ws-field{margin-top:20px}.ws-field :is(select,textarea){font-size:16px}.ws-field select{height:47px;font-size:13px}.ws-prompt-meta,.ws-upload span{font-size:10px}.ws-preview-panel{min-height:480px}.ws-empty-preview{min-height:340px}.ws-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.ws-history-info strong,.ws-history-info time{font-size:9px}.ws-results-header{scroll-margin-top:20px}.ws-image-stage{height:380px}}@media (prefers-reduced-motion:reduce){.ws-shell *,.ws-shell :after,.ws-shell :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}