.result-display{margin:20px 0 0;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(201,164,92,.12),rgba(255,255,255,.02));border:1px solid var(--color-line-016)}.result-display-label{margin:0 0 12px;color:var(--color-accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700}.display-sequence{display:grid;grid-gap:0;gap:0}.display-sequence-item{display:grid;grid-gap:8px;gap:8px}.display-sequence-step{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--color-line-012)}.display-sequence-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.display-sequence-actions{display:flex;justify-content:flex-end;margin-top:4px}.display-sequence-index{letter-spacing:.12em}.display-sequence-index,.instruction-explain-button{color:var(--color-accent-strong);font-size:.8rem;font-weight:700;text-transform:uppercase}.instruction-explain-button{padding:6px 10px;border-radius:999px;border:1px solid var(--color-line-024);background:rgba(201,164,92,.08);letter-spacing:.08em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.instruction-explain-button:hover{transform:translateY(-1px)}.display-sequence-name{color:var(--color-heading-strong);font-family:var(--font-heading);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.3}.display-sequence-connector{width:2px;height:18px;margin-left:18px;border-radius:999px;background:linear-gradient(180deg,rgba(201,164,92,.46),rgba(201,164,92,.06))}.combo-add-step-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.combo-instructions-copy-fallback{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.combo-instructions-copy-textarea{min-height:150px;resize:vertical}.combo-visual-export-stage{position:fixed;left:-10000px;top:0;opacity:0;pointer-events:none;z-index:-1}.combo-visual-export{--color-surface-strong:rgba(16,16,16,0.96);--color-muted:#c7beb0;--color-accent:#c9a45c;--color-accent-strong:#ebcf94;--color-heading-strong:#fff9ed;width:1080px;padding:28px;color:var(--color-heading-strong);background:radial-gradient(circle at top right,rgba(201,164,92,.2),transparent 34%),linear-gradient(180deg,rgba(18,18,18,.99),rgba(9,9,9,.99))}.combo-visual-export-shell{display:grid;grid-gap:22px;gap:22px;padding:28px;border-radius:32px;border:1px solid var(--color-line-018);background:linear-gradient(180deg,rgba(18,18,18,.97),rgba(10,10,10,.95)),var(--color-surface-strong);box-shadow:0 28px 80px rgba(0,0,0,.34)}.combo-visual-export-header{display:grid;grid-gap:18px;gap:18px}.combo-visual-export-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.combo-visual-export-copy{display:grid;grid-gap:10px;gap:10px;min-width:0}.combo-visual-export-brand{display:flex;align-items:center;gap:16px;min-width:0}.combo-visual-export-logo{width:84px;height:84px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.34))}.combo-visual-export-brand-name{margin:0;color:var(--color-heading-strong);font-family:var(--font-heading);font-size:1.5rem;letter-spacing:.04em}.combo-visual-export-title{margin:0;font-family:var(--font-heading);font-size:2.3rem;letter-spacing:.03em}.combo-visual-export-badge{display:grid;grid-gap:6px;gap:6px;min-width:180px;padding:18px 20px;border-radius:24px;border:1px solid var(--color-line-02);background:linear-gradient(180deg,rgba(201,164,92,.12),rgba(255,255,255,.02));text-align:right}.combo-visual-export-badge-label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:700}.combo-visual-export-badge strong{font-family:var(--font-heading);font-size:1.5rem;letter-spacing:.03em}.combo-visual-export-display{margin-top:0}.combo-visual-export-footer{display:flex;justify-content:flex-start;gap:18px;padding-top:2px;color:rgba(255,249,237,.72);font-size:.9rem}.result-steps{display:grid;grid-gap:0;gap:0;margin-top:18px}.result-step{display:grid;grid-template-columns:64px 1fr;grid-gap:14px;gap:14px;padding:16px}.result-step-index{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:rgba(201,164,92,.1);border:1px solid var(--color-line-018)}.step-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.step-heading-tools{gap:8px}.step-add-button,.step-heading-tools{display:inline-flex;align-items:center}.step-add-button{flex:0 0 auto;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--color-line-022);background:rgba(201,164,92,.08);color:var(--color-accent-strong);font-size:1.25rem;line-height:1;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.step-add-button:hover{transform:translateY(-1px)}.step-japanese-name{margin:8px 0 0;color:var(--color-accent-strong);font-size:.92rem}.step-type{display:inline-block;margin-bottom:6px;color:var(--color-warm);font-size:.84rem;font-weight:700}.insert-panel{margin-top:16px}.drop-zone{position:relative;height:18px;margin:4px 14px;border-radius:999px}.drop-zone:before{content:"";position:absolute;top:50%;left:10px;right:10px;height:1px;background:rgba(201,164,92,.1);transform:translateY(-50%);transition:background .18s ease,height .18s ease,box-shadow .18s ease}.drop-zone-active:before{height:4px;background:var(--color-accent-strong);box-shadow:0 0 18px rgba(235,207,148,.25)}.result-empty-shell{margin-top:18px;padding:18px;border-radius:18px;border:1px dashed var(--color-line-02);background:rgba(255,255,255,.02)}@media (max-width:640px){.result-step{grid-template-columns:1fr}.result-step-index{width:42px;height:42px;border-radius:14px}.display-sequence-head,.step-heading{flex-direction:column;align-items:stretch}.step-heading-tools{justify-content:flex-start;flex-wrap:wrap}}