#modal.customer-studio-modal{inset:0;margin:0;width:calc(100 * var(--mane-vw,1vw))!important;height:calc(100 * var(--mane-dvh,1dvh));max-width:none!important;max-height:none!important;border:0;border-radius:0!important;padding:0;overflow:hidden;background:#151218}#modal.customer-studio-modal::backdrop{background:#151218}.customer-studio-shell{height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 8% 57%,#4b31515c,transparent 45%),#151218}.customer-studio-layout{flex:1;min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr);gap:30px;padding:30px 40px;overflow:auto;align-items:start}.customer-controls{padding:27px;background:#fbf9f6;border-radius:24px;color:#29232e;min-width:0}.customer-controls h1{font:900 31px/1.15 Manifold,sans-serif;letter-spacing:-.04em;margin:12px 0 20px}.customer-controls h2{font:900 19px/1.4 Manifold,sans-serif;margin:27px 0 17px}.customer-controls p{font-size:12px;line-height:1.8;color:#89718f}.customer-controls label{display:grid;gap:9px;font-size:12px;line-height:1.7;margin:22px 0;color:#63476f}.customer-controls input:not([type=checkbox]):not([type=color]),.customer-controls select{width:100%;min-width:0;background:#fff;border:1px solid #d9c9df;padding:12px;border-radius:10px;font:13px 'DM Sans',Arial,sans-serif;color:#53395f}.customer-controls small{font-size:10px;color:#89718f}.customer-controls input[type=file]{font-size:11px!important}.customer-controls label.customer-item{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:15px 0;border-bottom:1px solid #e4d9e8}.customer-item input{accent-color:#80558b;width:17px;height:17px;flex-shrink:0}.customer-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.customer-colors input{width:100%;height:40px;border:1px solid #d9c9df;border-radius:8px;padding:4px;background:white}.customer-shared-items{margin:23px 0;font-size:12px}.customer-shared-items summary{cursor:pointer;color:#795486;line-height:1.8}.customer-shared-items>strong{display:block;margin-top:20px}.customer-link-tools{border-top:1px solid #e4d9e8;margin-top:30px;padding-top:2px}.customer-controls .btn{font-size:12px;white-space:normal}.customer-link-tools .button-row{gap:8px;flex-wrap:wrap}.customer-preview-column{position:sticky;top:0;min-width:0}.customer-preview-column>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 4px 18px;color:#f6ecfa}.customer-preview-column>header strong,.customer-preview-column>header small{display:block}.customer-preview-column>header strong{font-size:14px}.customer-preview-column>header small{font-size:11px;color:#c2accb;margin-top:7px}.customer-device{display:flex;border:1px solid #ffffff30;border-radius:11px;padding:4px;gap:3px}.customer-device button{font-size:11px;padding:9px 12px;color:#c2accb;border-radius:7px}.customer-device [aria-pressed=true]{background:linear-gradient(115deg,#eee0f5,#fff0e4);color:#53395f}.customer-preview-frame{padding:10px;border:1px solid #ffffff24;background:#ffffff0a;border-radius:23px;margin-inline:auto;max-width:100%}.customer-preview-frame.mobile{max-width:410px}.customer-preview-frame iframe{width:100%;height:calc(100 * var(--mane-dvh,1dvh) - 215px);min-height:550px;border:0;background:#faf7f4;border-radius:15px;display:block}.customer-status{padding:14px;background:#efe5f3;border:1px solid #d9c9df;border-radius:12px;color:#63476f;font-size:12px;line-height:1.8;margin:20px 0}.customer-status.error{color:#923d38;background:#fff1ed}.customer-existing-link{padding:15px 0;border-bottom:1px solid #e4d9e8}.customer-existing-link strong,.customer-existing-link small{display:block}.customer-existing-link small{margin:7px 0}.customer-controls [hidden]{display:none!important}@media(max-width:950px){.customer-studio-layout{grid-template-columns:300px minmax(0,1fr);gap:20px;padding:25px}.customer-controls{padding:22px}.customer-preview-column>header{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.customer-studio-layout{display:flex;flex-direction:column;padding:20px;gap:28px}.customer-controls,.customer-preview-column{width:100%;position:static}.customer-preview-column{order:-1}.customer-preview-frame iframe{height:700px;min-height:0}.customer-preview-column>header{flex-direction:row}.customer-studio-modal .quote-focus-header{padding:16px 20px}}
