.ops-maker{--ops-red:#a52a31;--ops-black:#101116;--ops-soft:#f5f5f6;--ops-line:rgba(16,17,22,.14);max-width:1400px;margin:32px auto;padding:0 20px;color:var(--ops-black)}
.ops-maker *{box-sizing:border-box}.ops-maker__shell{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr) minmax(240px,310px);gap:16px;align-items:start}.ops-maker__panel,.ops-maker__order{border:1px solid var(--ops-line);border-radius:16px;background:#fff;padding:16px}.ops-maker__order{position:sticky;top:24px}.ops-maker__title{margin:0 0 4px;font-size:24px;font-weight:800}.ops-maker__intro{margin:0 0 16px;color:rgba(16,17,22,.68)}.ops-maker__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ops-maker__tab{border:1px solid var(--ops-line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:750;cursor:pointer}.ops-maker__tab[aria-selected=true]{background:var(--ops-black);color:#fff;border-color:var(--ops-black)}.ops-maker__field{display:grid;gap:6px;margin:12px 0;font-size:13px;font-weight:700}.ops-maker__field input,.ops-maker__field select,.ops-maker__field textarea{width:100%;border:1px solid var(--ops-line);border-radius:10px;background:#fff;padding:11px;font:inherit}.ops-maker__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ops-maker__checks{display:grid;gap:8px;margin:12px 0}.ops-maker__check{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700}.ops-maker__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ops-maker__button{border:2px solid var(--ops-red);border-radius:999px;background:#fff;color:var(--ops-red);padding:10px 14px;font-weight:800;cursor:pointer}.ops-maker__button--primary{background:var(--ops-black);border-color:var(--ops-black);color:#fff}.ops-maker__button--danger{color:#b00020}.ops-maker__stage-wrap{min-width:0}.ops-maker__stage-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.ops-maker__stage{position:relative;display:grid;place-items:center;min-height:560px;border:1px solid var(--ops-line);border-radius:16px;background:linear-gradient(45deg,#f3f3f3 25%,transparent 25%) 0 0/18px 18px,linear-gradient(45deg,transparent 75%,#f3f3f3 75%) 0 0/18px 18px,linear-gradient(45deg,transparent 75%,#f3f3f3 75%) 9px -9px/18px 18px,linear-gradient(45deg,#f3f3f3 25%,#fff 25%) 9px -9px/18px 18px;overflow:hidden}.ops-maker__canvas{max-width:92%;max-height:520px;touch-action:none;box-shadow:0 8px 28px rgba(0,0,0,.12);background:#fff}.ops-maker__mockup{margin-top:12px;padding:12px;border-radius:12px;background:var(--ops-soft);font-size:13px}.ops-maker__order h3{margin:0 0 12px;font-size:18px}.ops-maker__summary{display:grid;gap:8px;margin:14px 0;padding:12px;border-radius:12px;background:var(--ops-soft)}.ops-maker__summary div{display:flex;justify-content:space-between;gap:16px}.ops-maker__price{font-size:25px;font-weight:900}.ops-maker__status{min-height:20px;margin-top:10px;font-size:13px}.ops-maker__status.is-error{color:#b00020}.ops-maker__status.is-success{color:#08783d}.ops-maker__mobile-order{display:none}.ops-maker__surface-note{font-size:12px;color:rgba(16,17,22,.64)}
@media(max-width:990px){.ops-maker__shell{grid-template-columns:1fr}.ops-maker__order{position:static}.ops-maker__stage{min-height:430px}.ops-maker__canvas{max-height:390px}}
@media(max-width:749px){.ops-maker{padding:0 10px;margin:20px auto 84px}.ops-maker__panel,.ops-maker__order{padding:13px;border-radius:13px}.ops-maker__row{grid-template-columns:1fr}.ops-maker__stage{min-height:360px}.ops-maker__canvas{max-height:330px}.ops-maker__order{display:none}.ops-maker__mobile-order{position:fixed;z-index:35;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:14px;background:var(--ops-black);color:#fff;padding:11px 13px;box-shadow:0 8px 30px rgba(0,0,0,.22)}.ops-maker__mobile-order button{border:0;border-radius:999px;background:var(--ops-red);color:#fff;padding:10px 14px;font-weight:800}}
.ops-maker__group{border-top:1px solid var(--ops-line);padding-top:12px;margin-top:14px}.ops-maker__group:first-of-type{border-top:0;margin-top:0;padding-top:0}.ops-maker__group h3{font-size:15px;margin:0 0 8px}.ops-maker__group-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.ops-maker__button--small{padding:7px 10px;font-size:12px}.ops-maker__url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}.ops-maker__url-row input{min-width:0;border:1px solid var(--ops-line);border-radius:10px;padding:10px}.ops-maker__text-list{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.ops-maker__text-chip{border:1px solid var(--ops-line);background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer;font:inherit;font-size:12px}.ops-maker__text-chip.is-active{background:var(--ops-black);color:#fff;border-color:var(--ops-black)}
@media(max-width:749px){.ops-maker__url-row{grid-template-columns:1fr}.ops-maker__group-heading{align-items:flex-start}.ops-maker__button--small{white-space:nowrap}}