:root{font-family:Avenir Next,PingFang SC,sans-serif;color:#12212f;background:#f4f7f8}body{margin:0}.app-shell{width:min(96vw,1480px);max-width:1480px;margin:0 auto;padding:28px 0 64px}.app-header{margin-bottom:24px}.card{background:#ffffffe0;border:1px solid rgba(18,33,47,.08);border-radius:8px;padding:18px;box-shadow:0 18px 50px #12212f14}.row{display:flex;gap:12px;flex-wrap:wrap}.row.between{align-items:center;justify-content:space-between}.stack{display:grid;gap:12px}.stack.compact{gap:4px}input,button{font:inherit}button{border:none;border-radius:999px;padding:10px 18px;background:#0f766e;color:#fff;cursor:pointer}button:disabled{background:#d9e7ea;color:#5d7284;cursor:default}button.secondary{background:#d9e7ea;color:#12212f}.step-button{display:grid;width:100%;gap:4px;border-radius:8px;text-align:left}.step-button small{color:inherit;opacity:.82;line-height:1.35}.reorder-panel.is-reordering{cursor:grabbing}.section-row{gap:8px;touch-action:none}.section-header,.step-row-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;border-radius:8px;user-select:none;-webkit-user-select:none}.section-header{min-height:36px;cursor:grab}.step-row-item{width:100%;padding:10px 12px;background:#d9e7ea;color:#12212f;text-align:left;cursor:grab;transition:background .14s ease,box-shadow .14s ease,opacity .14s ease,transform .14s ease}.step-row-item.is-selected{background:#0f766e;color:#fff}.section-row.is-drag-source .section-header,.step-row-item.is-drag-source{opacity:.55;box-shadow:inset 0 0 0 2px #0f766e59}.drag-grip{justify-self:center;color:currentColor;opacity:.64}.step-row-copy{display:grid;gap:4px}.step-row-copy small{color:inherit;opacity:.82;line-height:1.35}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 18px;background:#0f766e;color:#fff;font:inherit;text-decoration:none}.button-link.is-disabled{background:#d9e7ea;color:#5d7284}.secondary-link{background:#d9e7ea;color:#12212f}input[type=text]{min-width:240px;border-radius:12px;border:1px solid #c7d8dd;padding:10px 12px}table{width:100%;border-collapse:collapse}.table-scroll{width:100%;overflow-x:auto}.table-scroll table{min-width:720px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #dde7ea}.muted{color:#5d7284}.error-text{color:#b42318}.job-progress-panel{display:grid;gap:6px;max-width:520px}.job-progress-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.job-progress-track{height:10px;overflow:hidden;border-radius:999px;background:#d9e7ea}.job-progress-track span{display:block;height:100%;border-radius:inherit;background:#0f766e;transition:width .16s ease}.viewer3d-shell{position:relative}.viewer3d{width:100%;min-height:520px;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#f4f0e7,#e8f0f2)}.viewer3d-status,.viewer3d-badge{position:absolute;left:12px;z-index:1;border:1px solid rgba(18,33,47,.12);border-radius:999px;background:#ffffffe6;color:#30485c;font-size:13px;line-height:1;padding:8px 10px}.viewer3d-status{top:12px}.viewer3d-badge{bottom:12px}.viewer-stage{position:relative}.editor-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(620px,1fr) minmax(320px,400px);gap:20px;align-items:start}.editor-main{min-width:0}.editor-panel{align-content:start;max-height:calc(100vh - 180px);overflow:auto}.plan-heading{display:grid;gap:4px}.plan-toolbar{align-items:center}.plan-summary-panel{display:grid;gap:10px}.plan-summary-row{display:flex;gap:8px;flex-wrap:wrap}.plan-chip,.status-pill{display:inline-flex;align-items:center;width:fit-content;border:1px solid rgba(18,33,47,.08);border-radius:999px;padding:5px 9px;background:#eef4f6d1;font-size:12px;font-weight:700}.status-pill{color:#0f766e}.active-step-panel{position:absolute;top:12px;right:12px;z-index:2;display:grid;gap:6px;max-width:min(360px,calc(100% - 24px));border:1px solid rgba(18,33,47,.12);border-radius:8px;padding:12px 14px;background:#ffffffeb;box-shadow:0 12px 32px #12212f1f;pointer-events:none}.part-button{display:grid;width:100%;gap:2px;border-radius:8px;text-align:left}.part-button small{color:inherit;opacity:.78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-grid{display:grid;gap:12px}.project-card{border:1px solid rgba(18,33,47,.08);border-radius:8px;padding:16px;background:#ffffffad}.project-card-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.project-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.project-status-grid span{border:1px solid rgba(18,33,47,.08);border-radius:8px;padding:8px 10px;background:#eef4f6b8;min-width:0}.history-links{display:flex;gap:8px;flex-wrap:wrap}.history-links a,.breadcrumbs a{color:#0f766e;text-decoration:none;font-weight:700}.workflow-nav{display:grid;gap:10px;border:1px solid rgba(18,33,47,.08);border-radius:8px;padding:14px 16px;background:#ffffffa8}.breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#5d7284}.breadcrumbs strong{color:#12212f}.manual-preview-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(760px,1fr);gap:20px;align-items:start}.manual-preview-frame{width:100%;min-height:1040px;border:1px solid rgba(18,33,47,.08);border-radius:8px;background:#fff;box-shadow:0 18px 50px #12212f14}.manual-side-panel{align-content:start;position:sticky;top:20px}.manual-status-panel{display:grid;gap:10px}.manual-status-panel h2{margin:0}.manual-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.manual-metrics span{border:1px solid rgba(18,33,47,.08);border-radius:8px;padding:8px;background:#eef4f6b8}.manual-page-links{display:grid;gap:6px}.manual-page-chip{display:flex;justify-content:space-between;gap:8px;border:1px solid rgba(18,33,47,.08);border-radius:8px;padding:8px 10px;background:#ffffffb3;font-size:13px}.manual-card h2,.manual-card h3,.manual-card p{margin:0}.manual-section-preview,.manual-step-preview-list{display:grid;gap:8px}.manual-step-preview{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;border:1px solid rgba(18,33,47,.08);border-radius:8px;padding:10px}.manual-step-preview>span{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:999px;background:#d9e7ea;font-weight:700}.manual-step-preview div{display:grid;gap:4px}.manual-step-preview small{color:#0f766e}.video-export-grid{display:grid;grid-template-columns:minmax(720px,1fr) minmax(280px,360px);gap:20px;align-items:start}.video-side-panel{align-content:start}.video-empty-state{display:grid;min-height:420px;align-items:center;justify-content:center;border:1px dashed rgba(18,33,47,.18);border-radius:8px;background:#eef4f68c}.video-player,.video-frame-preview{width:100%;border:1px solid rgba(18,33,47,.08);border-radius:8px;background:#0d1720}.video-player{aspect-ratio:16 / 9}.video-frame-preview{aspect-ratio:16 / 9;object-fit:cover}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#5d7284;font-size:12px}pre{white-space:pre-wrap;word-break:break-word}@media (max-width: 980px){.editor-grid,.manual-preview-grid,.project-status-grid{grid-template-columns:1fr}.manual-preview-frame{min-height:640px}.video-export-grid{grid-template-columns:1fr}}@media (max-width: 1240px){.editor-grid,.manual-preview-grid,.video-export-grid{grid-template-columns:1fr}.editor-panel,.manual-side-panel{max-height:none;overflow:visible;position:static}}
