:root{--bg-page: #ffffff;--bg-box: #ffffff;--bg-subtle: #f8f9fa;--bg-invert: #000000;--text-main: #000000;--text-dim: #666666;--text-invert: #ffffff;--border-strong: #000000;--border-subtle: #cccccc;--font-mono: "JetBrains Mono", monospace;--font-sans: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}body{background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.auth-poster-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;padding:24px}.auth-poster-card{width:100%;max-width:480px;border:2px solid var(--border-strong);padding:40px;background:#fff;box-shadow:8px 8px #000}.auth-title{font-size:24px;font-weight:900;letter-spacing:-.5px;margin-top:8px;margin-bottom:4px;line-height:1.2}.auth-sub{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);margin-bottom:24px}.auth-form-group{margin-bottom:16px}.auth-form-group label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:800;color:#333;margin-bottom:6px}.btn-poster{background:var(--bg-box);color:var(--text-main);border:1.5px solid var(--border-strong);padding:6px 14px;font-family:var(--font-mono);font-size:11.5px;font-weight:800;cursor:pointer;height:32px;display:inline-flex;align-items:center;justify-content:center;transition:all .1s;white-space:nowrap}.btn-poster:hover{background:var(--bg-subtle)}.btn-poster.btn-invert{background:var(--bg-invert);color:var(--text-invert)}.btn-poster.btn-invert:hover{background:#222}.btn-compact{background:var(--bg-box);color:var(--text-main);border:1px solid var(--border-strong);padding:4px 8px;font-family:var(--font-mono);font-size:11px;font-weight:700;cursor:pointer;height:28px;display:inline-flex;align-items:center}.btn-compact:hover{background:var(--bg-invert);color:var(--text-invert)}.btn-micro{background:var(--bg-box);color:var(--text-main);border:1px solid var(--border-strong);padding:3px 8px;font-family:var(--font-mono);font-size:11px;font-weight:700;cursor:pointer}.btn-micro:hover{background:var(--bg-invert);color:var(--text-invert)}.poster-select-compact{background:var(--bg-box);color:var(--text-main);border:1px solid var(--border-strong);padding:2px 8px;font-family:var(--font-mono);font-size:11.5px;font-weight:700;outline:none;cursor:pointer;height:28px}.poster-input{background:var(--bg-box);color:var(--text-main);border:1.5px solid var(--border-strong);padding:8px 12px;font-family:var(--font-mono);font-size:12.5px;outline:none;width:100%}.poster-input:focus{background:#fff;border-color:#000}.poster-box{border:1.5px solid var(--border-strong);background:var(--bg-box);padding:20px;position:relative}.box-tag{font-family:var(--font-mono);font-size:10.5px;font-weight:800;letter-spacing:.8px;background:var(--bg-invert);color:var(--text-invert);display:inline-block;padding:3px 8px;margin-bottom:14px}.tag-invert{background:var(--bg-invert);color:var(--text-invert);font-family:var(--font-mono);font-size:11px;font-weight:800;padding:2px 8px}.meta-dim{font-family:var(--font-mono);font-size:11.5px;color:var(--text-dim)}.saas-app-layout{display:flex;min-height:100vh;width:100vw;background-color:var(--bg-page)}.saas-sidebar{width:250px;background:#fff;border-right:2px solid var(--border-strong);display:flex;flex-direction:column;transition:width .2s cubic-bezier(.4,0,.2,1);position:sticky;top:0;height:100vh;z-index:100;flex-shrink:0}.saas-sidebar.collapsed{width:68px}.sidebar-header{padding:16px;border-bottom:1.5px solid var(--border-strong);display:flex;justify-content:space-between;align-items:center;height:64px}.sidebar-brand-title{font-size:14px;font-weight:900;letter-spacing:-.3px}.sidebar-micro-tag{font-family:var(--font-mono);font-size:9.5px;font-weight:800;color:var(--text-dim)}.sidebar-nav{padding:12px 10px;display:flex;flex-direction:column;gap:6px;border-bottom:1.5px solid var(--border-strong)}.sidebar-nav-item{display:flex;align-items:center;padding:9px 12px;font-family:var(--font-mono);font-size:11.5px;font-weight:800;color:var(--text-main);text-decoration:none;border:1px solid transparent;transition:all .1s}.sidebar-nav-item:hover{background:var(--bg-subtle);border-color:var(--border-subtle)}.sidebar-nav-item.active{background:var(--bg-invert);color:var(--text-invert);border-color:var(--bg-invert)}.nav-short{font-weight:900;text-align:center;width:100%}.sidebar-tasks-section{flex:1;padding:14px 12px;display:flex;flex-direction:column;overflow:hidden}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10.5px;font-weight:800;color:var(--text-dim);margin-bottom:10px}.sidebar-task-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.sidebar-task-card{border:1px solid var(--border-strong);padding:6px 8px;background:#fff;display:flex;gap:8px;align-items:center;cursor:pointer;transition:background .1s}.sidebar-task-card:hover{background:var(--bg-subtle)}.sidebar-task-thumb{width:34px;height:34px;border:1px solid var(--border-strong);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-family:var(--font-mono);background:#f8f9fa}.sidebar-task-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-task-info{flex:1;overflow:hidden}.sidebar-task-title{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-task-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:9.5px;color:#666;margin-top:2px}.sidebar-task-badge{background:#000;color:#fff;padding:0 4px;font-size:8.5px}.sidebar-empty-tip{font-family:var(--font-mono);font-size:11px;color:#888;text-align:center;padding:16px 0}.sidebar-footer{padding:14px 12px;border-top:1.5px solid var(--border-strong);background:#fff}.sidebar-tenant-box{margin-bottom:10px}.sidebar-tenant-label{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10.5px;font-weight:800;color:var(--text-dim);margin-bottom:4px}.sidebar-user-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px}.saas-main-viewport{flex:1;padding:24px 32px;overflow-y:auto;min-width:0}.poster-header-card{border:2px solid var(--border-strong);background:var(--bg-box);margin-bottom:24px}.header-top-row{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid var(--border-strong);gap:20px;flex-wrap:wrap}.header-brand-block{display:flex;flex-direction:column;gap:2px}.header-micro-tag{font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--text-dim)}.header-main-title{font-size:22px;font-weight:900;letter-spacing:-.5px;line-height:1.2}.header-user-meta{font-family:var(--font-mono);font-size:11px;color:#444;margin-top:2px}.header-config-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.config-item{display:flex;align-items:center;gap:6px}.config-label{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--text-dim)}.config-actions{display:flex;align-items:center;gap:6px;border-left:1px solid var(--border-subtle);padding-left:10px}.header-bottom-row{padding:10px 20px;background:var(--bg-subtle);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.status-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);background:#fff;padding:5px 12px;font-family:var(--font-mono);font-size:11.5px;height:32px}.status-pill.running-active{background:var(--bg-invert);color:var(--text-invert);border-color:var(--bg-invert)}.status-prefix{font-weight:800;color:inherit;opacity:.8}.status-text{font-weight:700}.command-btn-group{display:flex;align-items:center;gap:8px}.poster-layout{display:flex;flex-direction:column;gap:20px}.pipeline-cols{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.p-step{border:1.5px solid var(--border-strong);padding:14px;background:var(--bg-box);display:flex;flex-direction:column;gap:6px}.p-step.active,.p-step.running{background:#f0f0f0;border-width:2px}.p-step.completed{background:var(--bg-subtle);border-color:var(--border-strong)}.terminal-screen{padding:16px;height:220px;overflow-y:auto;font-family:var(--font-mono);font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all;background:#fff}.monogrid-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery-cell{border:1.5px solid var(--border-strong);background:var(--bg-box)}.img-frame{aspect-ratio:1/1;overflow:hidden;background:var(--bg-subtle)}.img-frame img{width:100%;height:100%;object-fit:cover;transition:transform .2s;cursor:pointer}.img-frame img:hover{transform:scale(1.03)}.cell-label{padding:8px 10px;font-family:var(--font-mono);font-size:11px;font-weight:800;border-top:1.5px solid var(--border-strong);background:var(--bg-subtle)}