.creation-confirm{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #d9e0e2;border-radius:8px;background:#fff;color:#17252b;box-shadow:0 20px 80px #0003;overflow:auto;letter-spacing:0}.creation-confirm::backdrop{background:#16212880}.creation-confirm form{margin:0}.creation-confirm header,.creation-confirm footer{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e6ebed;gap:12px}.creation-confirm h2{font-size:19px;margin:0}.creation-confirm header button{border:0;background:none;padding:7px;width:34px;height:34px}.creation-confirm svg{width:20px;height:20px}.creation-confirm-body{padding:20px 22px}.creation-frame-area{height:190px;display:flex;align-items:center;justify-content:center;background:#f2f5f6;margin-bottom:20px;padding:12px}.creation-frame{max-width:100%;max-height:180px;position:relative;background:#e3eaec;border:1px solid #83979d;display:grid;place-items:center;overflow:hidden}.creation-frame img{position:absolute;width:100%;height:100%;object-fit:contain}.creation-frame span{position:relative;background:#ffffffee;padding:3px 8px;font-size:14px}.creation-confirm dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.creation-confirm dl div{min-width:0}.creation-confirm dt{font-size:13px;color:#68787e;margin-bottom:4px}.creation-confirm dd{margin:0;font-size:15px;overflow-wrap:anywhere}.creation-confirm .creation-risk{background:#fff4dd;border-left:3px solid #c58b28;padding:10px 12px;font-size:13px;color:#735415}.creation-spec-note,.creation-source-size{font-size:12px;color:#697a80;line-height:1.6}.creation-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e9ea;padding-top:18px;margin-top:18px}.creation-total strong{font-size:24px;color:#087c70}.creation-total small{font-size:13px}.creation-confirm footer{border-top:1px solid #e6ebed;border-bottom:0;justify-content:flex-end}.creation-confirm footer button{min-height:42px;padding:8px 16px;border-radius:6px;border:1px solid #cdd9dc;background:#fff;color:#233b42}.creation-confirm footer .primary{background:#087c70;color:#fff;border-color:#087c70}.creation-confirm details{font-size:13px;margin-top:12px}.creation-confirm li{margin:8px 0;overflow-wrap:anywhere}.source-ratio-note,.omni-ratio-notice{display:block;font-size:12px;line-height:1.6;color:#386c66;margin-top:8px}.omni-ratio-notice.is-risk{color:#8b6424}@media(max-width:480px){.creation-confirm header,.creation-confirm footer,.creation-confirm-body{padding:16px}.creation-confirm dl{gap:14px}.creation-confirm footer button{flex:1}.creation-frame-area{height:150px}.creation-frame{max-height:130px}}
.creation-confirm .creation-frame{width:min(100%,calc(180px * var(--frame-ratio)));height:auto;flex-shrink:0}.creation-confirm svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:480px){.creation-confirm .creation-frame{width:min(100%,calc(130px * var(--frame-ratio)))}}
.creation-confirm .creation-frame-area{position:relative;padding-top:32px;height:210px}.creation-confirm .creation-frame-label{position:absolute;inset:8px 12px auto;margin:0;font-size:12px;line-height:1.5;color:#5c7177}.creation-confirm .creation-matched-area{background:#edf7f4}.creation-confirm .creation-matched-area .creation-frame-label{color:#087c70;font-weight:600}
@media(max-width:480px){.creation-confirm .creation-frame-area{height:154px;padding-top:28px}.creation-confirm .creation-frame{width:min(100%,calc(110px * var(--frame-ratio)));max-height:110px}}
.creation-confirm .creation-frame-area{height:146px;margin-bottom:12px;padding-top:28px}.creation-confirm .creation-frame{width:min(100%,calc(110px * var(--frame-ratio)));max-height:110px}
.creation-confirm-keyframes .creation-frame img{object-fit:cover}
@media(max-width:480px){.creation-confirm .creation-frame-area{height:118px}.creation-confirm .creation-frame{width:min(100%,calc(80px * var(--frame-ratio)));max-height:80px}}