.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:1000}
.op-loading-content {background-color:rgba(255,255,255,0.97);padding:2rem;border-radius:8px;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}