.mockup-experience{margin-top:56px;padding:40px;background:#17232c;color:#fcfbf8;outline:0}.mockup-experience__head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.mockup-experience__head h2{margin:.12em 0 .25em;font:550 clamp(36px,4.5vw,58px)/1.05 var(--display);letter-spacing:-.04em}.mockup-auto{max-width:360px;margin:0 0 10px;padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#d5dde0;font-size:.82rem}.mockup-status{margin:24px 0 0;padding:16px;border-left:4px solid #5f8795;background:#eef4f5;color:#17232c}.mockup-status--error{display:grid;gap:5px;border-color:#b35f43;background:#fff0e9}.mockup-status[hidden],.mockup-ui[hidden]{display:none}.mockup-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.mockup-ui{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:32px;margin-top:28px}.mockup-visual{min-width:0}.mockup-visual canvas{display:block;width:100%;height:auto;background:#d5d0c8;box-shadow:0 20px 55px rgba(0,0,0,.28)}.mockup-visual p{margin:10px 0 0;color:#bac5ca;font-size:.78rem}.mockup-controls{display:grid;align-content:start;gap:15px}.mockup-controls fieldset{min-width:0;margin:0;padding:14px;border:1px solid rgba(255,255,255,.24)}.mockup-controls legend{padding:0 7px;font-weight:800}.mockup-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mockup-scene{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center;min-width:0;padding:5px;border:1px solid #77848a;background:transparent;color:#fcfbf8;text-align:left;cursor:pointer}.mockup-scene img{display:block;width:58px;height:42px;border:0;object-fit:cover}.mockup-scene span{font-size:.72rem;line-height:1.2}.mockup-scene[aria-pressed="true"]{border-color:#e2a182;box-shadow:inset 0 0 0 1px #e2a182}.mockup-frames{display:flex;gap:8px;flex-wrap:wrap}.mockup-frames button{min-height:42px;padding:8px 13px;border:1px solid #7e8b91;border-radius:999px;background:transparent;color:#fcfbf8;cursor:pointer}.mockup-frames button[aria-pressed="true"]{border-color:#e2a182;background:#e2a182;color:#17232c}.mockup-selection{display:grid;gap:3px;padding:14px;background:rgba(255,255,255,.08)}.mockup-selection span{color:#bac5ca;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.mockup-selection output{color:#d5dde0;font-size:.82rem}.mockup-controls>.button{justify-self:start}.mockup-experience button:focus-visible,.mockup-experience a:focus-visible{outline:2px solid #d5dde0;outline-offset:3px}.mockup-noscript{padding:14px;border-left:3px solid #43515a;background:#eef1f1}
@media(max-width:1000px){.mockup-ui{grid-template-columns:1fr}.mockup-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.mockup-experience{margin:38px -16px 0;padding:32px 16px}.mockup-experience__head{grid-template-columns:1fr}.mockup-auto{max-width:none;margin:0}.mockup-ui{gap:22px}.mockup-scenes{grid-template-columns:1fr}.mockup-actions{align-items:stretch;flex-direction:column}.mockup-actions .button,.mockup-actions .text-link,.mockup-controls>.button{width:100%;justify-content:center}}

/* KART-CARD-MOCKUP-PARAMETERS owner-PASS layout. */
.mockup-ui{display:block}.mockup-stage-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:32px}.mockup-room-controls{display:grid;align-content:start}.mockup-room-controls fieldset,.mockup-parameters fieldset{min-width:0;margin:0;padding:16px;border:1px solid rgba(255,255,255,.24)}.mockup-room-controls legend,.mockup-parameters legend{padding:0 7px;font-weight:800}.mockup-parameters{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px;margin-top:22px}.mockup-parameters .card-field-hint,.mockup-parameters .custom-size-note{color:#bac5ca}.mockup-parameters .available-size-summary{border-left-color:#91ad98;background:rgba(145,173,152,.14);color:#e8f3ea}.mockup-parameters .size-options{grid-template-columns:repeat(3,minmax(0,1fr))}.mockup-parameters .confirmed-extra{background:rgba(255,255,255,.08);color:#d5dde0}.mockup-parameters .confirmed-extra.is-warning{color:#f3ddb1}.mockup-parameters .proportion-note{min-height:1.35em;margin:9px 0 0;color:#e7b49d;font-size:.78rem}.mockup-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin-top:18px}.mockup-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.mockup-action-buttons .button--ghost{border-color:#fcfbf8;color:#fcfbf8}.mockup-action-buttons .button--ghost:hover{border-color:#e2a182}.mockup-action-buttons .text-link{color:#f0ad8b}.mockup-selection{min-width:260px}
@media(max-width:1000px){.mockup-stage-grid,.mockup-parameters{grid-template-columns:1fr}.mockup-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}.mockup-actions{grid-template-columns:1fr}.mockup-action-buttons{justify-content:flex-start}}
@media(max-width:760px){.mockup-stage-grid{gap:22px}.mockup-scenes{grid-template-columns:1fr}.mockup-parameters{gap:12px}.mockup-parameters .size-options{grid-template-columns:1fr}.mockup-actions{align-items:stretch}.mockup-action-buttons{display:grid;grid-template-columns:1fr}.mockup-action-buttons .button,.mockup-action-buttons .text-link{width:100%;justify-content:center;text-align:center}.mockup-selection{min-width:0}}
.mockup-parameters .size-option label{color:#17232c}
.mockup-inline-form{margin-top:18px;padding:24px;background:#fffaf5;color:#17232c;scroll-margin-top:18px}.mockup-inline-form[hidden],.mockup-inline-form .form-status[hidden]{display:none}.mockup-inline-form__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.mockup-inline-form__head h3{margin:.12em 0 0;font:550 32px/1.08 var(--display);letter-spacing:0}.mockup-inline-form__close{width:42px;height:42px;border:1px solid #8e989d;background:transparent;color:#17232c;font-size:28px;line-height:1;cursor:pointer}.mockup-inline-form__summary{margin:16px 0;padding:13px 15px;border-left:3px solid #e2a182;background:#f4ece6}.mockup-lead-form{padding:0;border:0;background:transparent}.mockup-lead-form__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mockup-lead-form__message{grid-column:1/-1}.mockup-inline-form .lead-quality__options span{color:#17232c}.mockup-inline-form .button[disabled]{cursor:wait;opacity:.65}.mockup-inline-form .form-status{margin:0}.mockup-inline-form .form-status:focus{outline:2px solid #466978;outline-offset:2px}
.artwork-intro__copy .artwork-direct-lead{margin:24px 0 0;padding:0;border:0;background:transparent}.artwork-direct-lead .mockup-inline-form{margin-top:18px;border:1px solid #d5d9da}.artwork-direct-lead .mockup-inline-form__summary:empty{display:none}
.form-action-row{display:flex;align-items:stretch;gap:10px;position:relative}.form-action-row__icon{position:relative;display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border:1px solid #8e989d;border-radius:4px;background:#fff;text-decoration:none}.form-action-row__icon img{display:block;width:36px;height:36px;border:0;border-radius:4px;object-fit:contain}.form-action-row__submit{flex:1 1 auto;min-width:0;justify-content:center}.form-action-row__icon::after{content:attr(data-tooltip);position:absolute;left:0;bottom:calc(100% + 9px);z-index:3;display:none;width:max-content;max-width:min(360px,80vw);padding:8px 10px;border-radius:3px;background:#17232c;color:#fff;font-size:.72rem;line-height:1.4;box-shadow:0 4px 18px rgba(0,0,0,.2)}.form-action-row__icon:hover::after,.form-action-row__icon:focus-visible::after{display:block}.form-action-row__icon:focus-visible{outline:3px solid #43515a;outline-offset:3px}
@media(max-width:760px){.mockup-inline-form{padding:18px 14px}.mockup-inline-form__head h3{font-size:27px}.mockup-lead-form__fields{grid-template-columns:1fr}.mockup-lead-form__message{grid-column:auto}.mockup-inline-form .button{width:100%;justify-content:center}}
@media(max-width:430px){.form-action-row{gap:8px}.form-action-row__icon{flex-basis:48px}.form-action-row__submit{width:auto!important;padding-inline:12px}.form-action-row__icon::after{left:auto;right:0}}