.mockup-invite{margin:24px 0;padding:22px 24px;background:#eee8f8;border-radius:20px;border:1px solid #d6cae8;color:#231f2b}.mockup-invite h2{font-size:23px;margin:0 0 8px;line-height:1.3}.mockup-invite p{font-size:15px;line-height:1.65;margin:0 0 12px}.mockup-invite button{background:transparent;border:1px solid #76608e;color:#231f2b;border-radius:10px;padding:12px 18px;font:inherit;cursor:pointer;font-weight:600}.mockup-invite button:hover{background:#e1d7ef}.mockup-dialog{width:min(560px,calc(100% - 32px));max-height:90dvh;padding:28px;border:0;border-radius:24px;color:#231f2b;background:#faf8fc;overflow:auto}.mockup-dialog::backdrop{background:#231f2bb8}.mockup-dialog .dialog-head{gap:16px}.mockup-dialog h2{font-size:28px;line-height:1.25;margin:0}.mockup-dialog .dialog-head button{flex:none;width:44px;height:44px;background:transparent;border:1px solid #cbbede;border-radius:50%;font-size:22px}.mockup-dialog p{line-height:1.65}.mockup-form{display:grid;gap:18px}.mockup-form label{display:grid;gap:7px;font-size:15px}.mockup-form input:not([type=checkbox]),.mockup-editor input{width:100%;padding:12px;border:1px solid #a698b8;border-radius:10px;background:white;font:inherit;min-width:0}.mockup-form input[type=file]{padding:20px 12px;background:#eee8f8;border-style:dashed;cursor:pointer}.mockup-form .mockup-consent{display:flex;align-items:flex-start;font-size:13px;line-height:1.6;gap:10px}.mockup-consent input{margin-top:5px;flex:none}.mockup-form .button{width:100%}.mockup-form small,.mockup-note{font-size:13px;color:#62596c;line-height:1.7}.mockup-honey{position:absolute;left:-9999px;opacity:0;pointer-events:none}.mockup-file-preview{max-height:110px;max-width:100%;object-fit:contain;border-radius:8px;background:#eee8f8}.mockup-page{padding-block:64px 90px;min-height:60vh}.mockup-page-heading{max-width:700px;margin-bottom:30px}.mockup-page h1{font-size:clamp(38px,5vw,66px);line-height:1.1}.mockup-result{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}.mockup-art{width:100%;max-height:70vh;object-fit:contain;background:#eee8f8;border-radius:24px}.mockup-result h2{font-size:28px;line-height:1.25}.mockup-price{font-size:26px;font-weight:700}.mockup-result .button{margin-top:20px;width:100%}.mockup-result p{line-height:1.7}.mockup-queue{margin:0 0 32px;padding:24px;background:#f4f0fa;border:1px solid #d7cbe8;border-radius:20px}.mockup-queue summary{cursor:pointer;font-size:24px;font-weight:700}.mockup-queue-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;margin-top:20px}.mockup-list{display:grid;gap:10px;align-content:start}.mockup-list button{width:100%;border:1px solid #d1c4e2;border-radius:12px;background:white;color:#231f2b;padding:16px;text-align:right;font:inherit;cursor:pointer}.mockup-list button[aria-current=true]{border:2px solid #76538f;background:#ece3f7}.mockup-list strong,.mockup-list small{display:block}.mockup-list small{margin-top:5px;line-height:1.5;color:#655b6e}.mockup-editor{background:white;padding:24px;border-radius:16px;min-width:0}.mockup-editor h3{font-size:24px;line-height:1.3;margin:0 0 12px}.mockup-editor form{display:grid;gap:14px;margin-block:20px}.mockup-editor label{display:grid;gap:6px}.mockup-editor img{max-width:100%;max-height:300px;object-fit:contain;border-radius:12px;background:#eee8f8}.mockup-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.mockup-queue .form-status{line-height:1.65}.mockup-metrics{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:15px;margin-block:20px}.mockup-metrics b{font-size:23px;margin-inline-end:6px}.mockup-dialog :focus-visible,.mockup-queue :focus-visible,.mockup-page :focus-visible{outline:3px solid #76538f;outline-offset:4px}.mockup-dialog [hidden],.mockup-page [hidden],.mockup-queue [hidden]{display:none!important}@media(max-width:700px){.mockup-result,.mockup-queue-grid{grid-template-columns:1fr;gap:20px}.mockup-dialog{padding:22px}.mockup-invite{padding:20px}.mockup-page{padding-block:35px 60px}.mockup-queue{padding:18px}.mockup-editor{padding:18px}.mockup-result .mockup-art{max-height:55vh}}

.mockup-form .mockup-upload{position:relative;display:flex;justify-content:center;align-items:center;min-height:68px;border:1px dashed #a698b8;border-radius:12px;background:#eee8f8;cursor:pointer;padding:16px;overflow-wrap:anywhere}.mockup-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.mockup-upload:focus-within{outline:3px solid #76538f;outline-offset:3px}.mockup-form input:not([type=checkbox]){font-size:16px}

.mockup-notification{margin-block:20px;padding:16px;border:1px solid #d7cbe8;border-radius:12px;background:#f4f0fa;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.mockup-notification p{margin:6px 0}.mockup-notification small{display:block;color:#62596c}.mockup-notification button{margin-top:10px}.mockup-list .mockup-notification-warning{color:#7a4318;font-weight:600}