.bmc-image{--primary:#2563eb;--primary-dark:#1d4ed8;--surface:#ffffff;--surface-muted:#f4f6fb;--border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--shadow-soft:0 20px 45px rgba(15,23,42,0.08);--gradient:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);}
.ptg-hero-pills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem;padding:0;list-style:none;}
.ptg-hero-pills li{margin:0;font-size:0.8125rem;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;color:var(--text-main);background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;padding:0.35rem 0.75rem;}
.ptg-workbench{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(1rem,4.5vw,1.85rem);box-shadow:var(--shadow-soft);margin-bottom:2.5rem;}
.ptg-alert-host{min-height:0;margin-bottom:0.75rem;}
.ptg-alert-host:empty{display:none;}
.ptg-alert{display:flex;align-items:flex-start;gap:0.5rem;padding:0.65rem 0.85rem;border-radius:12px;font-size:0.875rem;line-height:1.4;border:1px solid #f5c2c7;background:#f8d7da;color:#842029;}
.ptg-rail{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.5rem);}
.ptg-seg-wrap{width:100%;}
.ptg-seg{display:flex;width:100%;padding:4px;background:var(--surface-muted);border-radius:14px;border:1px solid var(--border);gap:4px;}
.ptg-seg input{position:absolute;opacity:0;pointer-events:none;}
.ptg-seg label{flex:1;text-align:center;font-size:0.875rem;font-weight:600;padding:0.65rem 0.5rem;border-radius:10px;cursor:pointer;color:var(--text-muted);transition:background 0.15s ease,color 0.15s ease;}
.ptg-seg input:focus-visible+label{outline:2px solid var(--primary);outline-offset:2px;}
.ptg-seg input:checked+label{background:var(--surface);color:var(--text-main);box-shadow:0 1px 3px rgba(0,0,0,0.08);}
.ptg-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;min-height:min(42vw,200px);padding:1.5rem 1rem;border:2px dashed var(--border);border-radius:16px;background:linear-gradient(145deg,var(--surface-muted) 0%,var(--surface) 100%);cursor:pointer;transition:border-color 0.2s ease,transform 0.15s ease;}
.ptg-dropzone:hover,.ptg-dropzone.ptg-dropzone--active{border-color:var(--primary);transform:translateY(-1px);}
.ptg-dropzone-icon{width:48px;height:48px;border-radius:12px;background:var(--gradient);display:grid;place-items:center;color:#fff;font-size:1.25rem;}
.ptg-dropzone-title{font-size:1.05rem;font-weight:700;margin:0;text-align:center;}
.ptg-dropzone-hint{margin:0;font-size:0.875rem;color:var(--text-muted);text-align:center;max-width:280px;}
.ptg-dropzone-hint em{font-style:normal;color:var(--primary);font-weight:600;}
.ptg-filmstrip{flex-direction:column;gap:0.5rem;}
.ptg-filmstrip-head{display:flex;align-items:baseline;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;}
.ptg-filmstrip-head h2{font-size:0.75rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);margin:0;}
.ptg-filmstrip-count{font-variant-numeric:tabular-nums;font-size:0.875rem;font-weight:600;color:var(--text-main);}
.ptg-film-scroll{display:flex;gap:0.5rem;overflow-x:auto;padding-bottom:0.35rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;}
.ptg-film-scroll::-webkit-scrollbar{height:6px;}
.ptg-film-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px;}
.ptg-queue-row{flex:0 0 min(85vw,320px);scroll-snap-align:start;display:flex;flex-direction:column;gap:0.5rem;padding:0.65rem 0.75rem;border-radius:14px;border:1px solid var(--border);background:var(--surface-muted);}
.ptg-queue-top{display:flex;align-items:flex-start;gap:0.5rem;}
.ptg-queue-grip{color:var(--text-muted);font-size:0.9rem;line-height:1;padding-top:0.15rem;}
.ptg-queue-meta{flex:1;min-width:0;}
.ptg-queue-name{font-size:0.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ptg-queue-size{font-size:0.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;}
.ptg-queue-actions{display:flex;gap:0.35rem;flex-wrap:wrap;}
.ptg-chip-btn{font-size:0.75rem;font-weight:600;padding:0.35rem 0.55rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer;}
.ptg-chip-btn:hover{border-color:var(--primary);color:var(--primary);}
.ptg-chip-btn--danger{border-color:#f1aeb5;color:#842029;}
.ptg-chip-btn--danger:hover{border-color:#842029;background:#f8d7da;}
.ptg-film-tools{display:flex;flex-wrap:wrap;gap:0.5rem;}
.ptg-inspector{flex-direction:column;gap:1rem;}
.ptg-panel-title{font-size:0.75rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--text-muted);margin:0 0 0.35rem;}
.ptg-grid{display:grid;grid-template-columns:1fr;gap:0.85rem;}
@media (min-width:640px){.ptg-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:900px){.ptg-grid.ptg-grid--triple{grid-template-columns:repeat(3,1fr);}}
.ptg-field{display:flex;flex-direction:column;gap:0.35rem;}
.ptg-field span{font-size:0.8125rem;font-weight:600;color:var(--text-main);}
.ptg-field select,.ptg-field input[type="number"]{width:100%;font-size:0.9375rem;padding:0.55rem 0.65rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);}
.ptg-field input[type="range"]{width:100%;accent-color:var(--primary);}
.ptg-check{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:500;cursor:pointer;}
.ptg-check input{width:1rem;height:1rem;accent-color:var(--primary);}
.ptg-anim-block{display:none;flex-direction:column;gap:0.85rem;padding-top:0.5rem;border-top:1px solid var(--border);}
.ptg-anim-block.ptg-anim-block--open{display:flex;}
.ptg-convert-row{display:flex;flex-direction:column;gap:0.65rem;}
@media (min-width:480px){.ptg-convert-row{flex-direction:row;align-items:center;}}
.ptg-primary-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-size:0.9375rem;font-weight:700;padding:0.85rem 1.25rem;border:none;border-radius:14px;background:var(--gradient);color:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,0.12);}
.ptg-primary-btn:hover{filter:brightness(1.05);}
.ptg-primary-btn:disabled{opacity:0.5;cursor:not-allowed;filter:none;}
.ptg-stage{flex-direction:column;gap:1rem;}
.ptg-stage-grid{display:grid;grid-template-columns:1fr;gap:1rem;}
@media (min-width:768px){.ptg-stage-grid{grid-template-columns:repeat(2,1fr);align-items:start;}}
.ptg-viewport{border-radius:16px;border:1px solid var(--border);background:var(--surface-muted);padding:0.75rem;min-height:160px;display:flex;flex-direction:column;gap:0.5rem;}
.ptg-viewport h3{margin:0;font-size:0.7rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted);}
.ptg-canvas-wrap{display:flex;align-items:center;justify-content:center;min-height:140px;border-radius:12px;background:repeating-conic-gradient(#e8e8e8 0% 25%,#fff 0% 50%) 50%/16px 16px;}
.ptg-canvas-wrap canvas{max-width:100%;max-height:min(45vw,320px);height:auto;border-radius:8px;}
.ptg-gif-host{display:flex;align-items:center;justify-content:center;min-height:140px;border-radius:12px;background:var(--surface);}
.ptg-gif-host img{max-width:100%;max-height:min(45vw,320px);border-radius:8px;}
.ptg-meta-line{font-size:0.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums;}
.ptg-transport{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;align-items:center;}
.ptg-transport button{font-size:0.8125rem;font-weight:600;padding:0.45rem 0.85rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;}
.ptg-transport button:hover{border-color:var(--primary);color:var(--primary);}
.ptg-frame-label{font-size:0.75rem;color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;}
.ptg-progress{flex-direction:column;gap:0.35rem;}
.ptg-progress-track{height:8px;border-radius:99px;background:var(--surface-muted);overflow:hidden;border:1px solid var(--border);}
.ptg-progress-fill{height:100%;width:0%;background:var(--gradient);border-radius:99px;transition:width 0.25s ease;}
.ptg-progress-text{font-size:0.8125rem;color:var(--text-muted);text-align:center;}
.ptg-outcome{flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1.25rem;border-radius:16px;border:1px solid #badbcc;background:#d1e7dd;}
.ptg-outcome h2{margin:0;font-size:1.15rem;font-weight:700;color:#0f5132;}
.ptg-outcome p{margin:0;font-size:0.875rem;color:#0a3622;max-width:420px;}
.ptg-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:0.65rem;width:100%;max-width:360px;}
.ptg-stat{background:#fff;border-radius:12px;padding:0.65rem;border:1px solid #badbcc;}
.ptg-stat dt{margin:0;font-size:0.65rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#0a3622;opacity:0.85;}
.ptg-stat dd{margin:0.25rem 0 0;font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums;color:#051b11;}
.ptg-outcome-actions{display:flex;flex-direction:column;gap:0.5rem;width:100%;max-width:320px;}
@media (min-width:400px){.ptg-outcome-actions{flex-direction:row;justify-content:center;}}
.ptg-outcome-actions .ptg-primary-btn{flex:unset;}
.ptg-ghost-btn{font-size:0.875rem;font-weight:600;padding:0.75rem 1rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer;}
.ptg-prose{margin-bottom:2.75rem;}
.ptg-prose h2{font-size:clamp(1.25rem,4vw,1.6rem);font-weight:800;margin:2rem 0 0.75rem;line-height:1.25;}
.ptg-prose h2:first-child{margin-top:0;}
.ptg-prose p,.ptg-prose li{font-size:0.9375rem;line-height:1.65;color:var(--text-main);}
.ptg-prose p{margin:0 0 1rem;}
.ptg-callout{margin:1.25rem 0;padding:1rem 1.1rem;border-radius:14px;border-left:4px solid var(--primary);background:var(--surface-muted);}
.ptg-dl-grid{display:grid;gap:0.65rem;margin:1rem 0;}
@media (min-width:600px){.ptg-dl-grid{grid-template-columns:repeat(2,1fr);}}
.ptg-dl-grid div{margin:0;padding:0.75rem 0.85rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);}
.ptg-dl-grid dt{font-size:0.7rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 0.25rem;}
.ptg-dl-grid dd{margin:0;font-size:0.875rem;font-weight:600;color:var(--text-main);}
.ptg-table-wrap{overflow-x:auto;margin:1rem 0;border-radius:14px;border:1px solid var(--border);}
.ptg-table{width:100%;border-collapse:collapse;font-size:0.875rem;}
.ptg-table th,.ptg-table td{padding:0.65rem 0.85rem;text-align:left;border-bottom:1px solid var(--border);}
.ptg-table th{background:var(--surface-muted);font-size:0.7rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-muted);}
.ptg-table tr:last-child td{border-bottom:none;}
.ptg-muted{font-size:0.8125rem;color:var(--text-muted);margin:0 0 1.25rem;}
.ptg-list-plain{margin:0 0 1rem;padding-left:1.15rem;}
.ptg-list-plain li{margin-bottom:0.5rem;}
.ptg-trust{font-size:0.8125rem;color:var(--text-muted);margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);}