.hp-studio{--hp-pink-soft:color-mix(in srgb,var(--pink) 8%,var(--bg-card));--hp-green-soft:color-mix(in srgb,var(--green) 9%,var(--bg-card));--hp-line:color-mix(in srgb,var(--pink) 24%,var(--border))}.hp-studio-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:16px 18px;border:1.5px solid var(--hp-line);border-radius:var(--r-lg);background:radial-gradient(circle at 95% 6%,color-mix(in srgb,var(--yellow) 17%,transparent),transparent 32%),linear-gradient(125deg,var(--hp-pink-soft),var(--hp-green-soft))}.hp-studio-hero h3{margin:2px 0 4px;font-size:1.08rem}.hp-studio-hero p{margin:0;color:var(--text-secondary);font-size:.78rem}.hp-kicker{color:var(--pink);font-size:.67rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.hp-studio-tools{display:grid;grid-template-columns:minmax(170px,1fr) minmax(150px,210px) auto auto;gap:8px;align-items:center;margin:10px 0;padding:10px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-card)}.hp-studio-tools input,.hp-studio-tools select{width:100%;min-height:38px}.hp-studio-tools .chip{justify-self:end}.hp-studio-grid{display:grid;grid-template-columns:minmax(250px,31%) minmax(0,1fr);gap:12px;align-items:start}.hp-protocol-list{display:grid;gap:8px;max-height:min(72vh,760px);overflow:auto;padding:2px}.hp-protocol-work{min-width:0}.hp-protocol-card{overflow:hidden;border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--bg-card)}.hp-protocol-card.is-selected{border-color:var(--pink);box-shadow:0 0 0 2px color-mix(in srgb,var(--pink) 12%,transparent)}.hp-card-open{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;width:100%;padding:11px;border:0;background:transparent;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.hp-card-open>span:first-child{font-size:1.35rem;text-align:center}.hp-card-open b,.hp-card-open small{display:block}.hp-card-open b{font-size:.82rem}.hp-card-open small{margin-top:3px;color:var(--text-secondary);font-size:.67rem}.hp-card-actions{display:flex;flex-wrap:wrap;gap:4px;padding:7px 9px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--pink) 3%,var(--bg-card))}.hp-card-actions .btn{padding:4px 7px;font-size:.65rem}.hp-studio-empty,.hp-preview-placeholder{display:grid;place-items:center;align-content:center;min-height:250px;padding:28px;border:1.5px dashed color-mix(in srgb,var(--pink) 45%,var(--border));border-radius:var(--r-lg);background:linear-gradient(145deg,var(--hp-pink-soft),var(--bg-card));text-align:center}.hp-studio-empty>span,.hp-preview-placeholder>span{font-size:2rem}.hp-studio-empty h4{margin:8px 0 3px}.hp-studio-empty p,.hp-preview-placeholder small{max-width:390px;margin:0 0 12px;color:var(--text-secondary)}.hp-preview-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-bottom:8px}.hp-preview{padding:clamp(14px,2.4vw,24px);border:1.5px solid var(--hp-line,var(--border));border-radius:var(--r-lg);background:var(--bg-card);box-shadow:var(--shadow-card)}.hp-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:2px solid color-mix(in srgb,var(--pink) 36%,var(--border))}.hp-preview-head h3{margin:3px 0;font-size:1.2rem}.hp-preview-head p{margin:0;color:var(--text-secondary);white-space:pre-wrap}.hp-version{text-align:right;white-space:nowrap}.hp-version b,.hp-version span{display:block}.hp-version b{color:var(--green)}.hp-version span{color:var(--text-secondary);font-size:.7rem}.hp-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.hp-preview-field{padding:10px;border-left:3px solid var(--green);border-radius:var(--r-sm);background:var(--hp-green-soft,color-mix(in srgb,var(--green) 8%,var(--bg-card)))}.hp-preview-field.is-safety{border-left-color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,var(--bg-card))}.hp-preview-field b{font-size:.72rem}.hp-preview-field p{margin:3px 0 0;color:var(--text-secondary);font-size:.75rem;white-space:pre-wrap}.hp-preview-block{margin-top:14px}.hp-preview-block>h4{margin:0 0 7px;font-size:.86rem}.hp-ref-chips{display:flex;flex-wrap:wrap;gap:5px}.hp-ref-chip{display:inline-flex;padding:4px 8px;border:1px solid color-mix(in srgb,var(--green) 36%,var(--border));border-radius:999px;background:var(--hp-green-soft,var(--bg-card));font-size:.67rem;font-weight:800}.hp-muted{color:var(--text-secondary);font-size:.7rem}.hp-steps{display:grid;gap:9px}.hp-step{padding:11px;border:1px solid var(--border);border-radius:var(--r-md);background:color-mix(in srgb,var(--pink) 2%,var(--bg-card))}.hp-step>header{display:flex;align-items:flex-start;gap:9px}.hp-step h4{margin:0 0 3px}.hp-step-no{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--pink);color:#fff;font-weight:900}.hp-step-copy{margin:8px 0;color:var(--text-secondary);white-space:pre-wrap}.hp-step details{margin-top:8px}.hp-step summary{color:var(--pink);font-size:.72rem;font-weight:800;cursor:pointer}.hp-checklist{display:grid;gap:5px;margin:8px 0}.hp-checklist label{display:flex;gap:7px;align-items:flex-start;font-size:.76rem}.hp-step-files{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.hp-files,.hp-editor-files{display:flex;flex-wrap:wrap;gap:7px}.hp-file,.hp-editor-files>span{position:relative;display:inline-grid;gap:2px;padding:6px;border:1px solid var(--border);border-radius:var(--r-sm)}.hp-file small,.hp-editor-files small{color:var(--text-secondary);font-size:.62rem}.hp-reference-list{display:grid;gap:6px;margin:7px 0;padding-left:18px}.hp-reference-list li span{display:block;color:var(--text-secondary);font-size:.7rem}.hp-preview-empty{display:grid;place-items:center;gap:3px;padding:18px;border:1px dashed var(--border);border-radius:var(--r-md);text-align:center}.hp-preview-empty small{color:var(--text-secondary)}.hp-editor-modal.modal{width:min(1160px,calc(96vw / var(--np-ui-scale,1)));max-width:1160px;max-height:calc(92vh / var(--np-ui-scale,1))}.hp-editor-modal form{min-height:0}.hp-editor-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px;align-items:start}.hp-editor-main{min-width:0}.hp-live-wrap{position:sticky;top:0;min-width:0}.hp-live-label{margin:0 0 5px;color:var(--green);font-size:.67rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.hp-live-wrap .hp-preview{max-height:65vh;overflow:auto;padding:13px;box-shadow:none}.hp-live-wrap .hp-preview-head h3{font-size:.95rem}.hp-live-wrap .hp-meta-grid{grid-template-columns:1fr}.hp-editor-identity{display:grid;grid-template-columns:90px minmax(0,1fr);gap:9px}.hp-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hp-editor-main .fld{margin-bottom:9px}.hp-editor-main input,.hp-editor-main select,.hp-editor-main textarea{width:100%;box-sizing:border-box}.hp-caution-field{padding:9px;border-left:3px solid var(--danger);border-radius:var(--r-sm);background:color-mix(in srgb,var(--danger) 5%,var(--bg-card))}.hp-editor-section,.hp-editor-step{margin:9px 0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-card)}.hp-editor-section>summary,.hp-editor-step>details>summary{padding:10px;color:var(--pink);font-size:.76rem;font-weight:900;cursor:pointer}.hp-editor-section[open]>summary,.hp-editor-step>details[open]>summary{border-bottom:1px solid var(--border)}.hp-editor-section>:not(summary),.hp-editor-step>details>:not(summary){margin-left:10px;margin-right:10px}.hp-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:210px;overflow:auto;margin-bottom:10px}.hp-option{display:flex;align-items:flex-start;gap:6px;padding:7px;border:1px solid var(--border);border-radius:var(--r-sm)}.hp-option b,.hp-option small{display:block}.hp-option b{font-size:.7rem}.hp-option small{margin-top:1px;color:var(--text-secondary);font-size:.6rem}.hp-editor-steps{margin:13px 0}.hp-editor-steps>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.hp-editor-steps h4,.hp-editor-steps p{margin:0}.hp-editor-steps p{color:var(--text-secondary);font-size:.7rem}.hp-editor-step{padding-bottom:10px}.hp-editor-step>header{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--hp-pink-soft,var(--bg-card))}.hp-editor-step>header>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pink);color:#fff;font-size:.7rem;font-weight:900}.hp-editor-step>header>div{display:flex;gap:3px;margin-left:auto}.hp-editor-step>header .btn{padding:3px 6px;font-size:.64rem}.hp-step-fields{display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:8px;padding:10px 10px 0}.hp-editor-step>.fld{margin-left:10px;margin-right:10px}.hp-editor-checks{display:grid;gap:5px;margin-top:8px !important}.hp-editor-checks label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center}.hp-editor-checks button,.hp-editor-files button{border:0;background:transparent;color:var(--danger);cursor:pointer}.hp-reference-row{display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:5px;margin:7px 0}.hp-inline-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px !important}.hp-editor-attachments{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--r-md)}.hp-editor-attachments h4{margin:0 0 7px}.hp-editor-empty{padding:18px;border:1px dashed var(--border);border-radius:var(--r-md);color:var(--text-secondary);text-align:center}.hp-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hp-template-card{cursor:pointer}.hp-template-card input{position:absolute;opacity:0;pointer-events:none}.hp-template-card>span{display:grid;grid-template-columns:34px minmax(0,1fr);gap:7px;padding:10px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--bg-card)}.hp-template-card input:checked + span{border-color:var(--pink);background:var(--hp-pink-soft,color-mix(in srgb,var(--pink) 8%,var(--bg-card)))}.hp-template-card i{grid-row:1 / 3;font-size:1.3rem;font-style:normal;text-align:center}.hp-template-card b,.hp-template-card small{display:block}.hp-template-card small{color:var(--text-secondary);font-size:.65rem}@media (max-width:900px){.hp-studio-grid,.hp-editor-shell{grid-template-columns:1fr}.hp-protocol-list{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}.hp-live-wrap{position:static}.hp-live-wrap .hp-preview{max-height:none}}@media (max-width:620px){.hp-studio-hero{align-items:stretch;flex-direction:column}.hp-studio-tools{grid-template-columns:1fr}.hp-studio-tools .chip{justify-self:start}.hp-protocol-list,.hp-meta-grid,.hp-field-grid,.hp-option-grid,.hp-template-grid{grid-template-columns:1fr}.hp-preview-head,.hp-step-files,.hp-editor-attachments{align-items:stretch;flex-direction:column}.hp-reference-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hp-studio *,.hp-editor-modal *{scroll-behavior:auto !important;transition:none !important}}@media print{.hp-studio-hero,.hp-studio-tools,.hp-protocol-list,.hp-preview-actions,.hp-step-files .btn{display:none !important}.hp-studio-grid{display:block}.hp-preview{border:0;box-shadow:none;padding:0}.hp-step{break-inside:avoid}}