.op-loading-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}
.op-loading-content {background-color:rgba(255,255,255,0.97);padding:2rem;border-radius:var(--fjm-border-radius);box-shadow:0 8px 16px rgba(0,0,0,0.1);text-align:center;min-width:300px;position:relative;border:1px solid #c3a992}
.op-loading-content::before {content:'';position:absolute;inset:5px;border:1px solid #c3a992;pointer-events:none}
.op-icon-container {width:48px;height:48px;margin:0 auto 1rem;display:flex;justify-content:center;align-items:center}
.op-icon-container svg {width:100%;height:100%;color:#c3a992}
.op-icon-spin {animation:spin 1.5s linear infinite}
@keyframes spin {100% {transform:rotate(360deg)}}
.op-loading-step {color:#695138;font-size:1rem;margin:0;font-weight:500;font-family:'Noto Sans JP',sans-serif}
.op-loading-substep {color:#8a6c56;font-size:0.875rem;margin:0.5rem 0 0;font-family:'Noto Sans JP',sans-serif}
.op-progress-bar {width:100%;height:4px;background-color:#e9e5dc;border-radius:2px;margin-top:1rem;overflow:hidden}
.op-progress-bar-fill {height:100%;background-color:#c3a992;width:0}
.op-cancel-button {margin-top:1rem;padding:0.5rem 1.5rem;background-color:#e74c3c;color:white;border:none;border-radius:var(--fjm-button-border-radius);cursor:pointer;font-size:0.875rem;font-family:'Noto Sans JP',sans-serif;transition:background-color 0.2s}
.op-cancel-button:hover {background-color:#c0392b}
.op-cancel-button:disabled {background-color:#95a5a6;cursor:not-allowed}