.mockup-dialog{width:min(calc(100% - 32px),760px);padding:0;overflow:hidden;max-height:calc(100dvh - 32px)}.mockup-dialog[open]{display:flex;flex-direction:column}.mockup-dialog>.dialog-heading{padding:22px 24px 16px;margin:0;flex-shrink:0;border-bottom:1px solid #edf0f4}.mockup-body{padding:22px 24px;overflow:auto;overscroll-behavior:contain;min-height:0}.mockup-source{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#faf8f5;border:1px solid #e9e4dc;border-radius:10px;margin-bottom:18px}.mockup-source>img{width:74px;height:66px;object-fit:contain;flex-shrink:0}.mockup-source>div{display:grid;gap:5px;min-width:0}.mockup-source strong{font-size:14px;font-weight:550;overflow-wrap:anywhere}.mockup-source span{color:#7b8492;font-size:12px}.mockup-body>select{margin-bottom:18px}.mockup-body>label{font-size:14px;margin-bottom:9px}.mockup-plan{min-height:134px;line-height:1.5;resize:vertical;font-size:15px}.mockup-plan-note,.mockup-share-note{font-size:12px;color:#737e8d;line-height:1.5;margin:8px 0 0}.mockup-source-changed{font-size:13px;color:#805c28;line-height:1.5;padding:10px 12px;background:#fff8eb;border:1px solid #edddbf;border-radius:8px;margin:14px 0}.mockup-body>.error{margin:13px 0;font-size:13px;line-height:1.5}.mockup-progress{display:grid;gap:10px;margin:18px 0;padding:15px;border:1px solid #cbdfee;background:#f0f8fe;border-radius:10px;color:#28506e}.mockup-progress strong{font-size:14px;font-weight:550}.mockup-progress progress{width:100%;height:10px;accent-color:#1679bd}.mockup-progress span{font-size:12px}.mockup-footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:16px 24px;border-top:1px solid #e8ebef;background:#fff;flex-shrink:0}.mockup-footer .primary{min-width:196px}.mockup-price{font-size:12px;color:#7a8595}.mockup-result{margin-top:24px}.mockup-result>img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:#f5f4f1;border-radius:10px}.mockup-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mockup-result-actions>.button{flex:1 1 132px;min-height:42px;padding:10px 12px;font-size:13px;white-space:nowrap}.mockup-share-link{font-size:13px;padding:10px;margin-top:12px}.mockup-text-button{display:inline-flex;border:0;background:none;color:#9b451c;cursor:pointer;padding:10px 0;font:inherit;font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:3px}.mockup-history{margin-top:26px;border-top:1px solid #e8ebef;padding-top:18px}.mockup-history h3{font-size:14px;font-weight:550;margin:0 0 12px}.mockup-history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mockup-history-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #e2e6ed;border-radius:9px;background:#fff;padding:7px;min-width:0;cursor:pointer}.mockup-history-card[aria-pressed=true]{border-color:#b9531d;box-shadow:0 0 0 1px #b9531d}.mockup-history-card>img,.mockup-history-placeholder{width:100%;height:90px;object-fit:cover;background:#f5f4f1;border-radius:5px}.mockup-history-placeholder{display:grid;place-items:center;font-size:12px;color:#8591a0}.mockup-history-card strong{font-size:12px;font-weight:500;margin-top:7px}.mockup-history-card>span:last-child{font-size:11px;color:#8994a4;margin-top:3px}.mockup-dialog :is(button,a):focus-visible{outline:2px solid #b9531d;outline-offset:3px}.mockup-dialog [hidden]{display:none!important}@media(max-width:650px){.mockup-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:14px}.mockup-dialog>.dialog-heading{padding:17px 17px 13px}.mockup-body{padding:17px}.mockup-source{padding:10px;gap:11px}.mockup-source>img{width:62px;height:59px}.mockup-source strong{font-size:13px}.mockup-source span{font-size:11px}.mockup-plan{font-size:16px;min-height:153px}.mockup-footer{padding:13px 17px;gap:10px}.mockup-footer .primary{flex:1;min-width:0;font-size:14px}.mockup-price{font-size:11px;flex-shrink:0}.mockup-result-actions>.button{min-height:44px;flex-basis:calc(50% - 4px);font-size:12px}.mockup-result>img{max-height:380px}.mockup-history-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mockup-text-button{min-height:44px;padding-block:12px}}