:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#25282d;background:#f8f9fa;font-size:14px;line-height:1.5;font-synthesis:none;--accent:#ad442c;--accent-hover:#913821;--ink:#25282d;--muted:#66707a;--border:#e1e4e7;--surface:#fff;--sidebar:#eff1f3;--soft:#f5f6f7;--green:#33745a;--radius:10px;--shadow:0 12px 40px #1c29351a}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b6503566;outline-offset:3px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100dvh;position:sticky;top:0;padding:28px 15px 16px}.brand{color:var(--ink);display:flex;align-items:center;gap:10px;font-size:16px;font-weight:650;letter-spacing:-.3px;margin:0 8px 27px}.brand:hover{text-decoration:none}.brand small{display:block;color:var(--muted);font-size:10.5px;font-weight:400;letter-spacing:0;margin-top:1px}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;width:32px;height:34px;border-radius:8px}.brand-mark svg{width:19px;height:21px;stroke-width:1.8}.button{min-height:37px;border:1px solid #d4d8dd;background:#fff;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:550;white-space:nowrap;transition:background .16s,border-color .16s}.button:hover:not(:disabled){background:#f1f3f5;border-color:#c4cbd1}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.subtle{border-color:transparent;background:transparent;color:var(--muted)}.button.subtle:hover{background:#e9ecef;color:var(--ink)}.button.small{min-height:31px;padding:5px 10px;font-size:11px}.button svg{width:15px;height:15px}.new-button{justify-content:flex-start;font-size:12px;min-height:38px}.key-hint{font-size:10px;margin-left:auto;font-weight:400;opacity:.7}.primary-nav{margin:23px 0 26px;display:grid;gap:4px}.nav-item{border:0;background:none;border-radius:6px;text-align:left;padding:9px 10px;display:flex;align-items:center;gap:10px;font-size:12px;color:#606972;min-height:37px}.nav-item:hover{background:#e5e8eb}.nav-item.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #1c293508;font-weight:600}.nav-item svg{width:16px;height:16px}.count{margin-left:auto;font-size:10px;background:#e9ecef;min-width:21px;line-height:19px;text-align:center;border-radius:4px;color:#69717a}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ba3ac}.nav-item .status-dot{margin-left:auto}.status-dot.online{background:var(--green)}.history-heading{font-size:10px;color:#5e6974;font-weight:600;padding:0 10px;margin-bottom:10px}.history{overflow:auto;flex:1;min-height:100px}.history-empty{font-size:11px;color:#5e6974;margin:7px 10px;max-width:150px;line-height:1.7}.history-item{border:0;background:none;border-radius:6px;width:100%;display:flex;gap:9px;align-items:center;text-align:left;padding:10px;font-size:11px;color:#616a73;margin-bottom:2px}.history-item span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item:hover,.history-item.active{background:#e1e5e9;color:#25282d}.history-item .status-dot{width:5px;height:5px;flex-shrink:0}.sidebar-footer{border-top:1px solid #dce0e4;padding:17px 3px 0;display:flex;align-items:center;gap:9px;font-size:10.5px;font-weight:550}.sidebar-footer small{display:block;font-size:8px;color:#5e6974;font-weight:400;margin-top:2px;white-space:nowrap}.workspace-avatar{font-size:20px;font-weight:650;letter-spacing:-2px;background:#e3e6e8;width:29px;height:30px;border-radius:7px;text-align:center;line-height:30px}.workspace-avatar span{color:var(--accent)}.sidebar-footer .icon-button{margin-left:auto;width:24px}.sidebar-footer svg{width:13px;height:13px}.workspace{min-width:0}.topbar{height:66px;background:#ffffffc9;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:14px}.breadcrumb{display:flex;align-items:center;gap:13px;color:#5e6974;font-size:11px;white-space:nowrap;overflow:hidden}.breadcrumb>span{color:#5e6974}.breadcrumb strong{font-weight:500;color:#555f69;overflow:hidden;text-overflow:ellipsis}.environment-label{font-size:10px;color:#5e6974;display:flex;align-items:center;gap:6px;white-space:nowrap}.environment-label svg{width:12px;height:12px}.menu-button{display:none!important}main{padding:40px 40px 64px;max-width:1600px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:29px}.page-heading h1{font-size:25px;font-weight:620;letter-spacing:-.7px;margin:0 0 5px;line-height:1.3}.page-heading p{margin:0;font-size:12px;color:var(--muted);max-width:65ch}.page-heading .button{margin-top:2px}.heading-actions{display:flex;gap:9px;align-items:center}.panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff}.composer{padding:24px 25px 0;margin-bottom:29px}.field-label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.label-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.label-row>span{font-size:10px;color:#5e6974}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #dce1e5;border-radius:6px}input,select{height:36px;padding:7px 10px;max-width:100%}textarea{width:100%;padding:12px;line-height:1.6;resize:vertical;display:block;font-size:12px}input::placeholder,textarea::placeholder{color:#5e6974;opacity:1}.prompt-input{min-height:135px;border:none;padding:0 0 14px;resize:vertical;font-size:14px;line-height:1.8;max-height:350px}.prompt-input:focus-visible{outline:0}.prompt-input:focus{box-shadow:0 2px var(--accent)}.prompt-examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0 22px;color:#5e6974;font-size:10px}.example-button{font-size:10px;border:1px solid #e5e8eb;padding:4px 8px;border-radius:5px;color:#5e6974;background:#f9fafb}.example-button:hover{border-color:#c9d0d5;background:#f1f3f5}.composer-footer{border-top:1px solid #edf0f2;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.inline-field{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.inline-field input{width:190px;height:31px;font-size:11px;border-color:transparent;background:#f5f6f7}.inline-field input:hover,.inline-field input:focus{border-color:#d8dde2}.switch-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#59636d;cursor:pointer}.switch-label input{appearance:none;width:28px;height:16px;border:0;border-radius:20px;background:#c5cbd1;position:relative;margin:0;padding:0;flex-shrink:0;transition:background .16s}.switch-label input:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:2px;left:2px;box-shadow:0 1px 2px #0002;transition:transform .16s}.switch-label input:checked{background:var(--accent)}.switch-label input:checked:after{transform:translateX(12px)}.switch-label .hint{color:#5e6974;margin-left:3px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.section-heading h2{font-size:14px;margin:0;font-weight:600}.section-heading p{font-size:11px;color:var(--muted);margin:3px 0 0}.section-heading .button{font-size:11px}.lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lineup.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lineup.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.variant-config{padding:17px 17px 19px}.variant-config-top{display:flex;align-items:center;gap:8px;margin-bottom:19px;font-size:12px;font-weight:550}.option-letter{font-size:10px;line-height:24px;min-width:24px;height:24px;text-align:center;background:#f0f2f4;color:#68717a;border-radius:5px;font-weight:650}.variant-config:nth-child(2) .option-letter{background:#eef0f4;color:#56647b}.variant-config:nth-child(3) .option-letter{background:#f3f0eb;color:#7f705c}.variant-config-top .icon-button{margin-left:auto;color:#5e6974}.icon-button{border:0;background:none;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:5px;width:28px;height:28px;color:#5e6974}.icon-button:hover{background:#e9ecef;color:var(--ink)}.icon-button svg{width:15px;height:15px}.variant-config label{font-size:10px;color:#5e6974;display:block;margin:13px 0 5px}.variant-config select{width:100%;font-size:11px;height:34px;padding-right:23px;background:#fff}.provider-row{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px}.variant-config-description{font-size:10px;color:#5e6974;min-height:33px;line-height:1.6;margin-top:9px}.setup-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;border-top:1px solid var(--border);padding-top:20px}.execution-select{height:31px;font-size:11px;background:#f3f5f6;border-color:transparent;min-width:136px}.execution-detail{font-size:10px;color:#5e6974;display:flex;align-items:center;gap:7px}.execution-detail svg{width:13px;height:13px}.explain-note{margin-top:29px;display:flex;align-items:center;justify-content:center;gap:8px;color:#5e6974;font-size:10px}.explain-note svg{width:13px;height:13px}.message{font-size:12px;padding:13px 16px;background:#fbf1ed;color:#8a3c28;border:1px solid #efd9cf;border-radius:7px;line-height:1.6;margin:0 0 20px}.message.info{background:#f0f3f5;color:#56616d;border-color:#dfe5e9}.message a{text-decoration:underline}.empty-canvas{border:1px dashed #d4dbe1;border-radius:9px;padding:36px;text-align:center;background:#f7f9fa;color:#5e6974}.empty-canvas>svg{width:30px;height:30px;margin-bottom:10px;color:#5e6974}.empty-canvas h3{font-size:14px;color:#4f5a65;font-weight:550;margin:0 0 5px}.empty-canvas p{font-size:12px;max-width:49ch;margin:0 auto 15px}.prompt-recap{padding:17px 20px;margin-bottom:23px}.prompt-recap-label{font-size:10px;color:#5e6974;margin-bottom:5px}.prompt-recap p{margin:0;font-size:12px;line-height:1.7;white-space:pre-wrap;max-height:120px;overflow:auto}.experiment-meta{display:flex;align-items:center;gap:12px;color:#5e6974;font-size:10px;margin-top:12px;flex-wrap:wrap}.status-badge{font-size:10px;background:#eef1f3;color:#5e6974;padding:3px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:5px}.status-badge.completed,.status-badge.succeeded{background:#edf4ef;color:#3f7358}.status-badge.failed,.status-badge.cancelled{background:#f7eeeb;color:#97533c}.status-badge.running,.status-badge.queued,.status-badge.pending,.status-badge.waiting,.status-badge.awaiting_runner{background:#fcf3e8;color:#96622c}.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.toolbar-actions{display:flex;align-items:center;gap:9px}.segmented{display:flex;border:1px solid #dfe4e8;background:#edf0f2;border-radius:6px;padding:2px;gap:2px}.segmented button{border:0;background:none;border-radius:4px;padding:5px 8px;font-size:10px;display:flex;align-items:center;gap:5px;color:#5e6974}.segmented button.active{background:#fff;color:#333e47;box-shadow:0 1px 2px #0001}.segmented svg{width:13px;height:13px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.result-card{background:#fff;border:1px solid var(--border);border-radius:9px;min-width:0;overflow:hidden}.result-card.favorite{border-color:#bb785d}.result-top{display:flex;gap:8px;align-items:center;padding:13px 15px;border-bottom:1px solid #e9edf0}.result-name{min-width:0;font-size:11px;flex:1}.result-name strong{font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-name small{font-size:9px;color:#5e6974}.result-top .option-letter{min-width:25px}.preview-window{height:315px;background:#f2f4f6;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.preview-window iframe{height:100%;width:100%;min-width:0;display:block;background:#fff;border:0}.preview-window.mobile iframe{width:390px;min-width:390px;box-shadow:0 3px 15px #29384914}.preview-wait{align-self:center;padding:30px;text-align:center;max-width:320px}.preview-wait>svg{width:25px;height:25px;margin-bottom:10px;color:#5e6974}.preview-wait strong{font-size:12px;font-weight:550;display:block;margin-bottom:5px;color:#596772}.preview-wait p{font-size:11px;line-height:1.7;color:#5e6974;margin:0;overflow-wrap:anywhere}.preview-wait.failed p{color:#925d4d}.working-indicator{display:flex;justify-content:center;gap:5px;margin:0 0 17px}.working-indicator span{width:6px;height:6px;background:#9da9b3;border-radius:50%;animation:pulse 1.2s infinite}.working-indicator span:nth-child(2){animation-delay:.15s}.working-indicator span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,70%,100%{opacity:.25}35%{opacity:1}}.result-evaluation{border-top:1px solid #e8ecef;padding:13px 15px}.rating-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.rating-stars{display:flex;gap:2px}.rating-stars button{border:0;background:none;padding:2px;color:#5e6974;display:flex}.rating-stars svg{width:18px;height:18px}.rating-stars button.selected{color:#b35c3d}.rating-stars button.selected svg{fill:#b35c3d;stroke:#b35c3d}.rating-stars button:hover{color:var(--accent)}.favorite-button{border:0;background:none;color:#5e6974;font-size:10px;display:flex;align-items:center;gap:5px;padding:4px 0}.favorite-button svg{width:14px;height:14px}.favorite-button.active{color:var(--accent)}.favorite-button.active svg{fill:#b35c3d22}.result-evaluation textarea{font-size:10px;min-height:58px;padding:8px 10px;background:#fafbfc;border-color:#e5e9ec}.notes-footer{display:flex;justify-content:flex-end;margin-top:6px}.notes-footer .button{font-size:9px;min-height:24px;padding:3px 8px}.followup{margin-top:26px;padding:22px}.followup h2{font-size:15px;font-weight:600;margin:0 0 5px}.followup>p{font-size:11px;color:#5e6974;margin:0 0 16px}.followup form{display:flex;gap:12px;align-items:flex-end}.followup textarea{min-height:72px;background:#fafbfc}.followup .button{margin-bottom:1px}.skills-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:23px;align-items:start}.skill-list{padding:7px}.skill-list-item{display:block;border:0;background:transparent;width:100%;padding:12px;text-align:left;border-radius:6px;margin-bottom:3px}.skill-list-item.active{background:#f0f2f4}.skill-list-item:hover{background:#f5f6f7}.skill-list-item strong{display:block;font-size:12px;font-weight:550}.skill-list-item small{font-size:10px;color:#5e6974;display:block;margin-top:3px}.skill-editor{padding:24px}.skill-editor .field-label:not(:first-child){margin-top:18px}.skill-editor input{width:100%;font-size:12px}.skill-editor textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;min-height:310px}.editor-footer{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.editor-footer small{font-size:10px;color:#5e6974;max-width:45ch}.runner-overview{padding:23px;margin-bottom:20px}.runner-overview h2{font-size:15px;font-weight:600;margin:0 0 7px}.runner-overview p{font-size:12px;color:#5e6974;margin:0 0 18px;max-width:65ch}.runner-instruction{font-size:12px;background:#f4f6f7;padding:15px 17px;border-radius:6px;line-height:1.8;color:#5f6b75}.runner-table{width:100%;border-collapse:collapse;font-size:12px}.runner-table th{text-align:left;font-size:10px;color:#5e6974;font-weight:500;padding:12px 16px;background:#f8f9fa}.runner-table td{padding:15px 16px;border-top:1px solid #edf0f2}.runner-table small{display:block;color:#5e6974;font-size:10px;margin-top:3px}.runner-table code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.login-wrap{max-width:420px;margin:75px auto}.login-wrap .panel{padding:32px}.login-icon{background:#f4eeea;color:var(--accent);display:inline-flex;padding:10px;border-radius:10px;margin-bottom:19px}.login-wrap h1{font-size:23px;font-weight:600;letter-spacing:-.5px;margin:0 0 9px}.login-wrap p{font-size:12px;color:#5e6974;margin:0 0 24px;line-height:1.7}.login-wrap input{width:100%;margin-bottom:17px}.login-wrap .button{width:100%;margin-top:4px}.login-wrap .message{margin-top:15px}.loading-shell>div{height:120px;border-radius:8px;background:#eceff2;margin-bottom:25px;animation:pulse 1.4s infinite}.loading-shell>div:first-child{height:44px;width:45%}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:11px 18px;border-radius:8px;background:#2d363e;color:#fff;font-size:12px;box-shadow:var(--shadow);z-index:100;max-width:calc(100vw - 35px)}.toast[hidden]{display:none}.preview-dialog{width:calc(100vw - 64px);height:calc(100dvh - 64px);max-width:1600px;max-height:none;border:0;border-radius:11px;padding:0;box-shadow:var(--shadow);background:#f4f6f7}.preview-dialog::backdrop{background:#1c263175}.preview-dialog-toolbar{display:flex;height:49px;padding:0 16px;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border);font-size:12px}.preview-dialog-body,#preview-dialog-body{height:calc(100% - 49px)}#preview-dialog-body iframe{width:100%;height:100%;border:0;background:#fff}.noscript{position:fixed;inset:0;background:#fff;display:grid;place-items:center;padding:30px}.sidebar-shade{display:none}.page-error{max-width:650px}.muted{color:var(--muted)}
@media(min-width:1600px){main{padding:46px 56px 70px}.topbar{padding:0 56px}.preview-window{height:360px}}
@media(max-width:1190px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding:25px 12px 16px}.brand{font-size:15px;margin-left:4px}.brand small{font-size:9px}.sidebar-footer small{font-size:7px}.key-hint{display:none}main{padding:30px 27px 55px}.topbar{padding:0 27px}.lineup.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-row{grid-template-columns:minmax(0,1fr)}.provider-row label{margin-top:9px}.variant-config-description{min-height:48px}.composer-footer{align-items:flex-start}.switch-label .hint{display:none}.skills-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:850px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.brand{font-size:13px;gap:8px}.brand small{font-size:8px}.brand-mark{width:27px;height:29px}.sidebar-footer{gap:6px}.sidebar-footer>div{font-size:9px}.sidebar-footer small{display:none}.new-button{font-size:11px}.nav-item{font-size:11px;padding:8px}.history-item{font-size:10px}.lineup,.lineup.cols-2,.lineup.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.lineup .variant-config:last-child:nth-child(odd){grid-column:1/-1}.provider-row{grid-template-columns:95px minmax(0,1fr)}.variant-config-description{min-height:33px}.page-heading{display:block}.heading-actions{margin-top:15px}.page-heading>.button{margin-top:15px}.composer{padding:19px 19px 0}.composer-footer{flex-wrap:wrap;gap:12px}.inline-field{width:100%}.inline-field input{flex:1;width:auto}.gallery{grid-template-columns:1fr}.setup-footer{align-items:flex-start;gap:12px;flex-wrap:wrap}.execution-detail{width:100%;order:2}.skills-layout{grid-template-columns:1fr}.skill-list{display:flex;overflow:auto}.skill-list-item{min-width:150px;max-width:200px;margin:0}.skill-list-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.followup form{flex-direction:column;align-items:stretch}.compare-toolbar{align-items:flex-start}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.runner-table th:last-child,.runner-table td:last-child{display:none}}
@media(max-width:600px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:244px;z-index:60;transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.sidebar.open+.sidebar-shade{display:block;position:fixed;inset:0;background:#25334055;z-index:50}.brand{font-size:16px}.brand small{font-size:10px}.brand-mark{width:32px;height:34px}.new-button,.nav-item{font-size:12px}.sidebar-footer>div{font-size:10px}.sidebar-footer small{display:block;font-size:8px}.topbar{height:55px;padding:0 17px;justify-content:flex-start;gap:8px}.menu-button{display:inline-flex!important}.breadcrumb{font-size:10px;gap:8px}.environment-label{margin-left:auto;font-size:0;gap:0}.environment-label svg{width:13px;height:13px}main{padding:25px 18px 45px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;line-height:1.7;max-width:35ch}.heading-actions{margin-top:13px;flex-wrap:wrap}.composer{padding:17px 17px 0;margin-bottom:25px}.prompt-input{min-height:160px;font-size:13px;line-height:1.8}.prompt-examples{gap:6px;padding-bottom:17px}.prompt-examples>span{width:100%}.composer-footer{padding:14px 0;gap:14px}.switch-label{font-size:10px}.lineup,.lineup.cols-2,.lineup.cols-4{grid-template-columns:1fr}.lineup .variant-config:last-child:nth-child(odd){grid-column:auto}.variant-config{padding:15px 17px 18px}.variant-config-top{margin-bottom:13px}.variant-config-description{min-height:0}.provider-row{grid-template-columns:100px minmax(0,1fr)}.section-heading h2{font-size:13px}.section-heading p{font-size:10px;max-width:24ch}.section-heading .button{font-size:10px;padding:5px 8px}.setup-footer{margin-top:18px}.setup-footer>.inline-field{width:auto;flex:1}.execution-select{min-width:0;max-width:160px}.setup-footer>.button{min-height:36px}.explain-note{font-size:9px;text-align:center;line-height:1.7;margin-top:22px;align-items:flex-start}.compare-toolbar{flex-direction:column;gap:10px}.toolbar-actions{width:100%;justify-content:space-between}.preview-window{height:320px}.result-name small{font-size:8px}.gallery{gap:18px}.followup{padding:18px}.prompt-recap{padding:16px}.runner-overview{padding:19px}.runner-table td,.runner-table th{padding:12px;font-size:10px}.runner-table th:nth-child(3),.runner-table td:nth-child(3){display:none}.runner-table td:nth-child(2){white-space:nowrap}.editor-footer{align-items:flex-start;flex-direction:column}.skill-editor{padding:18px}.skill-editor textarea{min-height:350px}.login-wrap{margin:35px auto}.login-wrap .panel{padding:26px}.preview-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.toast{bottom:17px;font-size:11px}.variant-config select{font-size:12px}.sidebar-footer .icon-button{width:28px}.prompt-input:focus{box-shadow:0 1px var(--accent)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Gallery frames keep a real desktop layout viewport at a readable scaled size. */
.preview-window.desktop.has-preview{position:relative;display:block;height:var(--preview-height,315px);overflow:hidden}.preview-window.desktop.has-preview iframe{position:absolute;inset:0;width:1280px;min-width:1280px;max-width:none;height:900px;transform:scale(var(--preview-scale,.42));transform-origin:top left}

/* Brief references and reusable prompts stay within the workbench's quiet controls. */
.composer-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.redesign-source{margin-bottom:22px}.redesign-source input{width:100%;font-size:12px}.redesign-source p,.reference-help{font-size:10px;color:var(--muted);margin:8px 0 0;line-height:1.6}.references-area{border-top:1px solid var(--border);padding:15px 0 5px}.reference-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.reference-heading strong{font-size:11px;font-weight:550}.reference-heading .muted{font-weight:400;margin-left:5px}.upload-label{position:relative;overflow:hidden;cursor:pointer;display:inline-flex}.upload-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0}.upload-label:focus-within{outline:3px solid #ad442c40;outline-offset:3px}.upload-label.disabled{opacity:.5;cursor:default}.reference-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.reference-item{border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;gap:9px;padding:6px;min-width:0;max-width:100%;width:calc(50% - 4px);background:var(--canvas)}.reference-item img,.reference-type{width:40px;height:40px;flex-shrink:0;object-fit:cover;border-radius:3px;background:var(--soft)}.reference-type{display:flex;align-items:center;justify-content:center;color:var(--muted)}.reference-type svg{width:17px;height:17px}.reference-item>div{min-width:0;flex:1}.reference-item strong,.reference-item small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px}.reference-item strong{font-weight:550}.reference-item small{font-size:9px;color:var(--muted);margin-top:3px}.reference-item .icon-button{flex-shrink:0}.link-entry{display:flex;gap:8px}.link-entry input{flex:1;min-width:0;font-size:11px;height:33px}.reference-error{margin:12px 0 0;font-size:11px;padding:10px 12px}.inspiration-section{margin:0 0 29px}.inspiration-section .section-heading{margin-bottom:11px}.inspiration-controls{display:grid;grid-template-columns:minmax(120px,1fr) 90px 165px auto;gap:8px;align-items:center}.inspiration-controls input,.inspiration-controls select{width:100%;min-width:0;font-size:11px;height:34px}.inspiration-controls .button{white-space:nowrap}.inspiration-status{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:12px}.inspiration-section>.message{margin:13px 0 0}.inspiration-results{margin:17px 0 0;padding:0;list-style-position:inside;border-top:1px solid var(--border)}.inspiration-results li{display:flex;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--border)}.inspiration-results li>div{flex:1;min-width:0}.inspiration-results strong{font-size:12px;font-weight:600}.inspiration-results p{font-size:11px;color:var(--muted);line-height:1.7;margin:5px 0 0;max-width:85ch;overflow-wrap:anywhere}.inspiration-results .button{flex-shrink:0}.reference-recap{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.reference-recap>span{display:flex;align-items:center;gap:5px;background:var(--soft);font-size:10px;color:var(--muted);padding:4px 7px;border-radius:4px;max-width:100%;overflow-wrap:anywhere}.reference-recap svg{width:12px;height:12px;flex-shrink:0}.history-search{display:flex;gap:9px;margin-bottom:20px;max-width:600px}.history-search input{flex:1;min-width:0;font-size:12px}.prompt-history-list{overflow:hidden}.prompt-history-item{padding:21px 23px}.prompt-history-item+.prompt-history-item{border-top:1px solid var(--border)}.prompt-history-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.prompt-history-top h2{font-size:13px;font-weight:600;margin:0;overflow-wrap:anywhere}.prompt-history-top span{font-size:10px;color:var(--muted);flex-shrink:0}.prompt-history-item>p{font-size:12px;line-height:1.8;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 12px;max-height:180px;overflow:auto;max-width:90ch}.prompt-history-actions{display:flex;gap:7px}.subtle-status{font-size:12px;color:var(--muted)}.stats-table-wrap{overflow:auto}.stats-table{width:100%;border-collapse:collapse;font-size:12px;min-width:590px}.stats-table th{text-align:left;font-size:10px;font-weight:550;color:var(--muted);padding:13px 18px;background:var(--canvas);white-space:nowrap}.stats-table td{padding:17px 18px;border-top:1px solid var(--border);vertical-align:top;white-space:nowrap}.stats-table td:first-child{white-space:normal;min-width:205px}.stats-table strong{font-size:12px;font-weight:600;display:block}.stats-table small{font-size:10px;color:var(--muted);display:block;margin-top:5px;line-height:1.7;overflow-wrap:anywhere}.stats-method{font-size:11px;line-height:1.7;color:var(--muted);margin-top:17px;max-width:80ch}.discovery-note{display:flex;align-items:center;justify-content:space-between;gap:22px}.discovery-note strong{font-weight:600}.discovery-note p{font-size:11px;line-height:1.7;max-width:75ch;margin:4px 0 0}.discovery-note .button{flex-shrink:0}
@media(max-width:1190px){.inspiration-controls{grid-template-columns:minmax(130px,1fr) 90px minmax(120px,1fr)}.inspiration-controls input{grid-column:1/-1}.inspiration-controls .button{justify-self:end}.reference-item{width:100%}}
@media(max-width:600px){.composer-mode-row{gap:6px;flex-wrap:wrap;margin-bottom:18px}.composer-mode-row>.button{font-size:10px;padding:5px 6px}.composer-mode-row .segmented button{font-size:10px;padding:5px 7px}.label-row>span{font-size:9px}.reference-heading strong{font-size:10px}.reference-heading .button{font-size:10px;padding:5px 8px}.link-entry input{font-size:11px}.reference-help{font-size:10px}.inspiration-controls{grid-template-columns:90px minmax(0,1fr)}.inspiration-controls input,.inspiration-controls .button{grid-column:1/-1}.inspiration-controls .button{justify-self:stretch;justify-content:center}.inspiration-status{align-items:flex-start;line-height:1.6}.inspiration-status .status-badge{flex-shrink:0}.inspiration-results li{flex-direction:column;align-items:flex-start;gap:10px}.inspiration-results p{font-size:12px}.prompt-history-item{padding:17px}.prompt-history-top{display:block}.prompt-history-top span{display:block;margin-top:6px}.prompt-history-item>p{font-size:12px}.discovery-note{align-items:flex-start;flex-direction:column;gap:12px}.stats-method{font-size:11px}}

.system-prompt-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-10px 0 24px;font-size:11px;color:var(--muted)}.system-prompt-summary .button{flex-shrink:0}.system-prompt-editor{max-width:850px}.system-prompt-editor textarea{min-height:280px;resize:vertical}.settings-help{font-size:12px;line-height:1.7;color:var(--muted);max-width:75ch;margin:12px 0 20px}.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px}.system-prompt-snapshot{margin-top:16px;border-top:1px solid var(--border);padding-top:12px;font-size:11px}.system-prompt-snapshot summary{cursor:pointer;color:var(--muted)}.system-prompt-snapshot p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto}.system-prompt-snapshot small{color:var(--muted)}
@media(max-width:600px){.system-prompt-summary{flex-direction:column;align-items:flex-start;gap:6px}.settings-actions{align-items:flex-start;flex-direction:column}.system-prompt-editor textarea{min-height:240px}}

.fast-preview-setting{border-top:1px solid var(--border);padding-top:16px;margin:16px 0 0}.fast-preview-setting p{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.7}.generation-explainer{font-size:11px;color:var(--muted);line-height:1.7;max-width:90ch;margin:-8px 0 18px}.run-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:9px 18px;padding:12px 17px;border-top:1px solid var(--border);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.run-metrics>span{display:flex;align-items:center;gap:5px}.run-metrics svg{width:13px;height:13px}.run-metrics strong{color:var(--ink);font-weight:600}.run-cost{margin-left:auto}.draft-cost{font-size:10px;color:var(--muted);padding:0 17px 10px;margin:0;line-height:1.7}.usage-details{padding:0 17px 12px;font-size:10px;color:var(--muted)}.usage-details summary{cursor:pointer}.usage-details p{margin:7px 0 0;line-height:1.7;max-width:75ch}.preview-window{position:relative}.draft-preview-label{position:absolute;left:12px;bottom:12px;padding:7px 10px;background:var(--ink);color:var(--surface);border-radius:4px;font-size:10px;pointer-events:none}.generation-stage{width:100%;height:100%;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 30px 20px;background:var(--canvas)}.wireframe{width:100%;max-width:330px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:6px;position:relative;overflow:hidden}.wireframe-bar{display:flex;align-items:center;gap:7px;margin-bottom:25px}.wireframe-bar span{width:35px;height:9px;background:var(--muted);opacity:.45;margin-right:auto}.wireframe-bar i{width:23px;height:4px;background:var(--border)}.wireframe-body{display:grid;grid-template-columns:1fr 1fr;gap:25px}.wireframe-copy{padding-top:7px}.wireframe-copy i{display:block;height:7px;margin-bottom:7px;background:var(--border)}.wireframe-copy i:first-child{height:14px;background:var(--muted);opacity:.35}.wireframe-copy i:nth-child(3){width:70%}.wireframe-copy b{display:block;margin-top:17px;width:46px;height:15px;background:var(--accent);opacity:.35;border-radius:2px}.wireframe-art{height:95px;background:var(--soft);display:flex;gap:7px;align-items:flex-end;padding:15px}.wireframe-art span{flex:1;background:var(--border);height:45%}.wireframe-art span:nth-child(2){height:80%}.wireframe-art span:nth-child(3){height:60%}.wireframe-bottom{display:flex;gap:10px;margin-top:24px}.wireframe-bottom i{height:6px;background:var(--border);flex:1}.generation-caption{margin-top:21px;max-width:330px;text-align:center;line-height:1.6}.generation-caption strong{font-size:12px;font-weight:600}.generation-caption p{font-size:11px;color:var(--muted);margin:7px 0 0}.generation-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);margin-right:6px;vertical-align:middle}.generation-dot.active{background:var(--accent);animation:generation-pulse 1.8s ease-in-out infinite}@keyframes generation-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.generation-dot.active{animation:none}}@media(max-width:600px){.run-metrics{padding:11px 13px;gap:8px 14px;font-size:10px}.run-cost{margin-left:0}.generation-stage{padding:24px 22px;min-height:300px}.draft-preview-label{max-width:calc(100% - 24px);font-size:9px}.generation-explainer{font-size:10px}}