:root{--dtc-primary:#16a34a;--dtc-primary-light:#16a34a14;--dtc-primary-border:#16a34a33;--dtc-success:#10b981;--dtc-error:#ef4444;--dtc-warning:#f59e0b;--dtc-text:#1e293b;--dtc-text-secondary:#475569;--dtc-text-muted:#64748b;--dtc-text-placeholder:#94a3b8;--dtc-bg:#fff;--dtc-bg-hover:#f8fafc;--dtc-border:#e2e8f0;--dtc-border-light:#f1f5f9;--dtc-card-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--dtc-radius:var(--main-radius);--dtc-radius-lg:var(--main-radius-lg);--dtc-item-bg:#f8fafc}._dtc-container{gap:var(--main-space-5,1.25rem);flex-direction:column;max-width:640px;margin:0 auto;display:flex}._dtc-card{background:var(--dtc-bg);border-radius:var(--dtc-radius-lg);box-shadow:var(--dtc-card-shadow);border-style:solid;border-width:1px;border-color:var(--dtc-border);overflow:hidden}._dtc-btn{border-radius:var(--dtc-radius);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;line-height:1.4;display:inline-flex}._dtc-btn-ghost{color:var(--dtc-text-muted)}@media (hover:hover){._dtc-btn-ghost:hover{color:var(--dtc-text);background:var(--dtc-bg-hover)}}._dtc-btn-ghost:active{color:var(--dtc-text);background:var(--dtc-bg-hover)}._dtc-btn svg{flex-shrink:0}._dtc-actions{padding:var(--main-space-2,.5rem) var(--main-space-4,1rem);border-top-style:solid;border-top-width:1px;border-top-color:var(--dtc-border-light);flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}@media (max-width:480px){._dtc-actions{padding:var(--main-space-2,.5rem)}._dtc-btn{padding:.625rem .75rem;font-size:.8125rem}}._dtc-stages{gap:var(--main-space-3,.75rem);display:flex}._dtc-stage-tab{align-items:center;gap:var(--main-space-3,.75rem);min-width:0;padding:var(--main-space-3,.75rem) var(--main-space-4,1rem);background:var(--dtc-bg);border-radius:var(--dtc-radius-lg);border-style:solid;border-width:2px;border-color:var(--dtc-border);cursor:pointer;box-shadow:var(--dtc-card-shadow);text-align:left;-webkit-tap-highlight-color:transparent;flex:1;display:flex}@media (hover:hover){._dtc-stage-tab:hover{border-color:var(--dtc-primary-border)}}._dtc-stage-tab._dtc-stage-active{border-color:var(--dtc-primary);background:var(--dtc-primary-light)}._dtc-stage-icon{border-radius:var(--dtc-radius);background:var(--dtc-border-light);width:40px;height:40px;color:var(--dtc-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}._dtc-stage-tab._dtc-stage-active ._dtc-stage-icon{background:var(--dtc-primary);color:#fff}._dtc-stage-info{flex-direction:column;flex:1;min-width:0;display:flex}._dtc-stage-name{color:var(--dtc-text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}._dtc-stage-age{color:var(--dtc-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem;font-size:.6875rem;overflow:hidden}._dtc-stage-badge{color:var(--dtc-primary);background:var(--dtc-primary-light);border-radius:var(--main-radius-full,9999px);white-space:nowrap;flex-shrink:0;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}._dtc-stage-tab._dtc-stage-complete ._dtc-stage-badge{color:#059669;background:#10b9811a}@media (max-width:640px){._dtc-stages{gap:var(--main-space-2,.5rem);flex-direction:column}._dtc-stage-tab{padding:.625rem var(--main-space-3,.75rem);min-height:56px}._dtc-stage-icon{width:36px;height:36px}}@media (max-width:380px){._dtc-stage-tab{gap:var(--main-space-2,.5rem);padding:.5rem .625rem}._dtc-stage-icon{width:32px;height:32px}._dtc-stage-name{font-size:.8125rem}}._dtc-progress-section{padding:var(--main-space-4,1rem);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--dtc-border-light)}._dtc-progress-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}._dtc-progress-label{color:var(--dtc-text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}._dtc-progress-percent{color:var(--dtc-primary);font-size:.875rem;font-weight:700}._dtc-progress-bar{background:var(--dtc-border-light);border-radius:4px;height:8px;overflow:hidden}._dtc-progress-fill{background:var(--dtc-primary);border-radius:4px;width:0%;height:100%;transition:width .3s}._dtc-progress-fill._dtc-complete{background:var(--dtc-success)}._dtc-progress-detail{color:var(--dtc-text-muted);margin-top:.375rem;font-size:.75rem}._dtc-commands{padding:var(--main-space-2,.5rem) var(--main-space-4,1rem)}._dtc-command{align-items:flex-start;gap:var(--main-space-3,.75rem);border-radius:var(--dtc-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;margin-bottom:.25rem;padding:.625rem .75rem;display:flex}@media (hover:hover){._dtc-command:hover{background:var(--dtc-item-bg)}}._dtc-command:active{background:var(--dtc-item-bg)}._dtc-checkbox{border-style:solid;border-width:2px;border-color:var(--dtc-border);background:var(--dtc-bg);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:.125rem;transition:background .15s,border-color .15s;display:flex}@media (hover:hover){._dtc-checkbox:hover{border-color:var(--dtc-primary)}}._dtc-checkbox._dtc-checked{background:var(--dtc-primary);border-color:var(--dtc-primary);color:#fff}._dtc-command-content{flex:1;min-width:0}._dtc-command-name{color:var(--dtc-text);font-size:.875rem;font-weight:500;line-height:1.4}._dtc-command._dtc-command-done ._dtc-command-name{color:var(--dtc-text-muted);text-decoration:line-through}._dtc-tip-toggle{color:var(--dtc-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:.25rem;margin-top:.125rem;padding:.375rem 0;font-size:.75rem;display:inline-flex}@media (hover:hover){._dtc-tip-toggle:hover{color:var(--dtc-primary)}}._dtc-tip-toggle:active{color:var(--dtc-primary)}._dtc-tip{color:var(--dtc-text-muted);background:var(--dtc-item-bg);border-radius:var(--dtc-radius);border-left-style:solid;border-left-width:3px;border-left-color:var(--dtc-primary);margin-top:.375rem;padding:.375rem .625rem;font-size:.75rem;line-height:1.5;display:none}._dtc-tip._dtc-tip-visible{display:block}@media (max-width:640px){._dtc-progress-section{padding:var(--main-space-3,.75rem) var(--main-space-4,1rem)}._dtc-commands{padding:var(--main-space-2,.5rem) var(--main-space-3,.75rem)}._dtc-command{gap:var(--main-space-2,.5rem);padding:.625rem}._dtc-checkbox{width:24px;height:24px}}@media (max-width:380px){._dtc-command-name{font-size:.8125rem}._dtc-tip{padding:.375rem .5rem;font-size:.6875rem}}