.os-logo-studio{background:#fffcf9;border:1px solid #e3eae9;border-radius:23px;padding:25px;margin:15px auto 30px;max-width:1380px;color:#0d2f46;box-shadow:0 12px 40px #103d4e13}.os-logo-head small{font-weight:800;letter-spacing:.17em;color:#008e8e}.os-logo-head h2{font-size:34px;margin:9px 0}.os-logo-head p,.os-logo-disclaimer{color:#627985;font-size:13px}.os-logo-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:25px;margin:25px 0}.os-logo-stage-wrap,.os-logo-form{border:1px solid #dfeced;border-radius:18px;background:#fff;padding:20px}.os-logo-stage{position:relative;background:#f4f4f1;border-radius:14px;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;touch-action:none}.os-logo-product-photo{width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.os-logo-placeholder{text-align:center;color:#7a858d}.os-logo-placeholder span{display:block;font-size:80px}.os-logo-placeholder strong{display:block;color:#12394c}.os-logo-placeholder p{font-size:13px}.os-logo-stage #os-logo-overlay{position:absolute;width:30%;left:50%;top:50%;height:auto;max-height:60%;transform:translate(-50%,-50%);object-fit:contain;cursor:grab;touch-action:none;z-index:4;border:1px dashed #03a4a480;user-select:none}.os-logo-stage #os-logo-overlay:active{cursor:grabbing}.os-logo-stage-help{font-size:12px;color:#64808a;margin-top:12px}.os-logo-watermark{position:absolute;bottom:7px;left:7px;background:#ffffffd9;color:#527177;border-radius:6px;font-size:9px;letter-spacing:.06em;padding:4px 6px}.os-logo-form{display:grid;gap:13px;align-content:start}.os-logo-step{font-size:14px;font-weight:900;border-bottom:1px solid #e5f0ef;padding:11px 0 9px;color:#007e7e}.os-logo-form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#1d4254}.os-logo-form input:not([type=checkbox]):not([type=range]),.os-logo-form textarea,.os-logo-form select{border:1px solid #cddfe2;border-radius:9px;padding:11px;background:#fdfefe;font-size:13px;width:100%}.os-logo-form input[type=range]{accent-color:#009995;width:100%}.os-logo-form label output{float:right;font-weight:600;color:#08a29d}.os-logo-upload{background:#e9fffa;border:1px dashed #09a6a2;border-radius:13px;padding:22px;text-align:center;cursor:pointer}.os-logo-upload small{display:block;font-weight:500}.os-logo-form #os-logo-file{display:none}.os-logo-directions{display:flex;gap:7px;flex-wrap:wrap}.os-logo-directions button{border:1px solid #c3dedc;border-radius:9px;background:#f7fcfc;padding:8px 12px;cursor:pointer;color:#007d7a}.os-logo-button{border:0;border-radius:11px;padding:14px 20px;font-weight:800;cursor:pointer}.os-logo-button.primary{color:white;background:linear-gradient(105deg,#07b7ad,#00767c)}.os-logo-button.secondary{background:#edfafa;border:1px solid #86d8d0;color:#067577}.os-logo-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.os-logo-form .os-logo-consent{display:flex;align-items:start;gap:9px;font-size:12px;font-weight:500}.os-logo-consent input{margin-top:3px}.os-logo-result{font-size:13px;color:#0c7569}.os-logo-disclaimer{border-top:1px solid #e4eae9;padding-top:13px}@media(max-width:860px){.os-logo-layout{grid-template-columns:1fr}.os-logo-studio{padding:14px}.os-logo-head h2{font-size:27px}}@media(max-width:480px){.os-logo-grid2{grid-template-columns:1fr}.os-logo-stage-wrap,.os-logo-form{padding:13px}}
