/* Packaging workspace inherits the current Client / Building Hub typeface. */
#tc5-root:has(.tp-workspace){overflow:hidden!important;padding:0!important}
#tc5-root:has(.tp-workspace)>.tc5-wrap{height:100%;max-width:none;padding:0!important;display:flex;flex-direction:column;min-height:0}
#tc5-root:has(.tp-workspace)>.tc5-wrap>.tc5-footer{display:none}
#tc5-root .tp-workspace{--tp-bg:#14151a;--tp-panel:#191a20;--tp-line:#2c2d35;--tp-text:#dedee7;--tp-muted:#93939f;--tp-accent:#8179ef;display:flex;flex-direction:column;height:100%;min-height:0;color:var(--tp-text);background:var(--tp-bg);font-family:inherit;font-size:12px;line-height:1.5;overflow:hidden}
.tp-workspace *{box-sizing:border-box}.tp-workspace [hidden]{display:none!important}
#tc5-root .tp-workspace h1{font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;margin:0;color:var(--tp-text)}
#tc5-root .tp-workspace h2{font-size:12px;font-weight:600;line-height:1.4;margin:16px 0 9px;color:var(--tp-text)}
#tc5-root .tp-workspace h3{font-size:11px;font-weight:500;margin:14px 0 8px;color:var(--tp-muted)}
#tc5-root .tp-workspace button,#tc5-root .tp-workspace input,#tc5-root .tp-workspace textarea,#tc5-root .tp-workspace select{font:inherit;color:var(--tp-text);background:#1e1f26;border:1px solid var(--tp-line);border-radius:5px;box-shadow:none;max-width:100%;min-width:0;padding:6px 8px}
#tc5-root .tp-workspace button{font-size:11px;cursor:pointer;white-space:nowrap;min-height:28px}
#tc5-root .tp-workspace button:hover{border-color:#575460;background:#282730}
#tc5-root .tp-workspace button.selected,#tc5-root .tp-workspace button.tp-primary,#tc5-root .tp-workspace .tc5-primary{border-color:#7770ca;background:#302c46;color:#e2ddff}
#tc5-root .tp-workspace button:disabled{opacity:.45;cursor:default}
.tp-head{flex:none;height:57px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 16px;border-bottom:1px solid var(--tp-line)}
.tp-title{display:flex;gap:10px;align-items:center;min-width:0}.tp-title>div{min-width:0}.tp-title small{color:var(--tp-muted);font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-logo{width:30px;height:30px;display:grid;place-items:center;color:#cbc5ff;background:#302c46;border:1px solid #5b547b;border-radius:7px;font-weight:600}.tp-divider{padding:0 9px;color:#666572}
.tp-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.tp-message{flex:none;padding:5px 16px;color:#a7a6b4;font-size:11px;min-height:27px;border-bottom:1px solid var(--tp-line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-layout{flex:1;min-height:0;display:grid;grid-template-columns:232px minmax(280px,1fr) 282px;overflow:hidden}
.tp-left,.tp-right{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--tp-panel)}.tp-left{border-right:1px solid var(--tp-line)}.tp-right{border-left:1px solid var(--tp-line)}.tp-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 12px 16px;scrollbar-width:thin;scrollbar-color:#4d4b5c transparent}
.tp-tabs{display:flex;gap:4px;padding:9px 10px;border-bottom:1px solid var(--tp-line);height:47px;flex:none}
.tp-note{font-size:10px;color:var(--tp-muted);line-height:1.65;white-space:normal;margin:8px 0}.tp-section-heading{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.tp-section-heading h2{margin:0!important}.tp-units,.tp-layers{display:grid;gap:4px;margin:10px 0}.tp-units button,.tp-layers button{text-align:left;display:flex;gap:8px;overflow:hidden}.tp-units strong,.tp-layers strong{overflow:hidden;text-overflow:ellipsis}.tp-units small,.tp-layers span{color:var(--tp-muted);font-size:10px;min-width:28px}
.tp-center{min-height:0;min-width:0;display:flex;flex-direction:column;background:#111217;overflow:hidden}.tp-view-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:9px 11px;border-bottom:1px solid var(--tp-line);flex:none;min-height:47px;background:#17181e}
.tp-toolbar{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid #25262e;flex:none}.tp-tools{display:flex;flex-wrap:wrap;gap:3px}.tp-tools button{font-size:10px!important;padding:4px 6px!important;min-height:24px!important}.tp-toolbar>.tp-actions{flex-wrap:nowrap;align-self:flex-start}.tp-toolbar>.tp-actions button{padding:4px 7px!important;min-height:24px!important}
.tp-stage{flex:1;min-height:160px;min-width:0;position:relative;overflow:hidden;background:radial-gradient(#353640 .75px,transparent .8px) 0 0/14px 14px,#17181e}
.tp-art,.tp-preview,.tp-scene{position:absolute;inset:0;min-height:0;overflow:hidden}.tp-art{padding:38px;display:flex;align-items:center;justify-content:center}.tp-art svg{max-width:100%;max-height:100%;width:auto;height:auto;aspect-ratio:1.414;box-shadow:0 12px 34px #0005;touch-action:none;transform-origin:center;overflow:visible}.tp-preview{background:#15161b;display:flex;align-items:center;justify-content:center}.tp-preview img,.tp-preview video{max-width:100%;max-height:100%;object-fit:contain}.tp-preview iframe{width:100%;height:100%;border:0;background:#fff}.tp-preview pre{overflow:auto;max-height:100%;width:100%;white-space:pre-wrap;padding:20px;font:11px/1.6 monospace;color:var(--tp-muted)}.tp-scene>.tp-webgl{width:100%;height:100%}
.tp-canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;padding:7px 10px;border-top:1px solid var(--tp-line);background:#17181e;flex:none;font-size:10px;color:var(--tp-muted)}.tp-canvas-footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-canvas-footer button{font-size:10px!important;padding:4px 6px!important}
.tp-foot{flex:none;display:flex;justify-content:space-between;gap:10px;min-height:24px;padding:4px 16px;font-size:10px;color:#767582;border-top:1px solid var(--tp-line)}
.tp-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;color:var(--tp-muted)}.tp-start h2{font-size:16px!important;color:#d1cde9!important;margin:20px 0 8px!important}.tp-start p{font-size:12px;line-height:1.8}.tp-start-symbol{width:68px;height:68px;display:grid;place-items:center;border:1px solid #5c5575;border-radius:16px;background:#302c4644;color:#bfb7f6;font-size:28px}.tp-start-flow{display:flex;gap:18px;margin-top:28px;color:#aaa4c6;font-size:11px}
.tp-field{display:flex;flex-direction:column;gap:5px;margin:9px 0;font-size:11px;color:#a5a4b1}.tp-field>span{color:#a5a4b1}.tp-field input,.tp-field select,.tp-field textarea{width:100%;font-size:11px!important}.tp-field textarea{resize:vertical;min-height:52px;max-height:160px}.tp-two,.tp-face-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}.tp-workspace details{border-bottom:1px solid var(--tp-line);padding:8px 0;margin:4px 0}.tp-workspace summary{font-size:11px;cursor:pointer;color:#bbb9c8;list-style-position:inside}.tp-field-grid{display:block!important}.tp-field-grid .tc5-field{margin:9px 0!important}.tp-field-grid .tc5-field>span{font-size:11px!important}.tp-stack{display:grid;gap:7px}.tp-stack button{white-space:normal!important}.tp-software{display:flex;flex-direction:column;gap:7px;border:1px solid var(--tp-line);border-radius:6px;padding:12px;margin:12px 0}.tp-software span{font-size:10px;color:var(--tp-muted)}
.tp-result{display:block!important;width:100%;text-align:left!important;white-space:normal!important;margin:6px 0;padding:9px!important}.tp-result strong{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere}.tp-result small{font-size:10px;color:var(--tp-muted)}.tp-playbar{display:flex;align-items:center;gap:6px;flex:none;padding:9px 11px;background:#191a21;border-top:1px solid var(--tp-line)}.tp-playbar input{flex:1;min-width:50px;padding:0!important;accent-color:var(--tp-accent)}.tp-playbar span{font-size:10px;min-width:40px;color:var(--tp-muted)}.tp-cameras{display:flex;flex-wrap:wrap;gap:4px;flex:none;padding:6px 10px}.tp-cameras button{font-size:10px!important}
#tc5-root .tp-left .bs-sources{margin:0;padding:0;border:0;background:transparent;font-size:11px}#tc5-root .tp-left .bs-sources .bs-controls{display:flex;flex-direction:column;gap:6px}#tc5-root .tp-left .bs-sources .bs-controls label{display:flex;flex-direction:column;gap:4px}#tc5-root .tp-left .bs-sources .bs-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}#tc5-root .tp-left .bs-sources .bs-file{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0;border-bottom:1px solid var(--tp-line);overflow:hidden}#tc5-root .tp-left .bs-sources .bs-file>span{flex:1 1 100%;overflow-wrap:anywhere;font-size:11px}#tc5-root .tp-left .bs-sources .bs-file small{display:block;color:var(--tp-muted);font-size:10px}#tc5-root .tp-left .bs-sources [data-stage],#tc5-root .tp-left .bs-sources [data-camera],#tc5-root .tp-left .bs-sources [data-status]{display:none!important}
#tc5-root .tp-workspace .tc5-review{padding:10px;min-width:0;font-size:11px}#tc5-root .tp-workspace .tc5-total{font-size:21px}#tc5-root .tp-workspace .tc5-review p{font-size:10px}#tc5-root .tp-workspace .tc5-table-wrap{overflow:auto;max-width:100%}
@media(max-width:1100px){.tp-layout{grid-template-columns:200px minmax(240px,1fr) 250px}.tp-head{padding:8px 12px}.tp-art{padding:24px}.tp-scroll{padding:0 9px 12px}.tp-view-tabs button{font-size:10px!important}}
@media(max-width:850px){.tp-layout{grid-template-columns:165px minmax(180px,1fr) 205px}.tp-head .tp-actions button{font-size:10px!important}.tp-toolbar{flex-wrap:wrap}.tp-left .bs-tabs button{font-size:10px!important}.tp-canvas-footer{flex-direction:column;align-items:stretch}.tp-canvas-footer .tp-actions{justify-content:flex-end}.tp-view-tabs{gap:3px}.tp-scroll{padding:0 8px 10px}}