.ob-modal .modal-card{max-width:1120px;width:min(1120px,96vw)}
.ob-shell header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.ob-shell header>div{flex:1}.ob-shell header p{margin:0 0 6px}.ob-shell progress{width:100%;height:6px;accent-color:var(--ui-action)}#obMark{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--ui-selection);color:var(--ui-action);font-weight:600}#obStatus{font-size:12px;color:var(--ui-muted);max-width:160px}.ob-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:32px}.ob-layout aside{position:sticky;top:0;align-self:start}.ob-layout .shop-preview{max-height:65vh;overflow:auto;border-radius:24px;border:1px solid var(--ui-border);padding:16px}.ob-layout .shop-preview h1{font-size:22px!important}.ob-layout form{min-width:0}.ob-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ob-shell label{display:block;margin:12px 0;color:var(--ui-text);font-size:14px}.ob-shell input:not([type=checkbox]),.ob-shell select,.ob-shell textarea{width:100%;min-height:48px;border:1px solid var(--ui-control-border);border-radius:10px;background:var(--ui-surface);color:var(--ui-text);padding:12px;font:inherit;margin-top:8px}.ob-shell input[type=checkbox]{width:20px;height:20px;accent-color:var(--ui-action);margin-right:10px}.ob-shell textarea{min-height:100px}.ob-shell h2{font-size:25px!important;margin-bottom:16px}.ob-shell footer{display:flex;justify-content:space-between;gap:16px;position:sticky;bottom:-24px;padding:16px 0;background:var(--ui-surface);border-top:1px solid var(--ui-border);margin-top:24px}.ob-service,.ob-days fieldset{border:1px solid var(--ui-border);border-radius:14px;padding:16px;margin:16px 0;min-width:0}.ob-service summary{cursor:pointer;min-height:44px;font-weight:600}.ob-palettes{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.ob-palettes i{display:inline-block;width:16px;height:16px;border-radius:50%;margin-right:8px}.ob-palettes [aria-pressed=true]{background:var(--ui-selection);border-color:var(--ui-action);color:var(--ui-action)}.ob-logo{width:120px;height:120px;display:grid;place-items:center;border-radius:16px;background:var(--ui-subtle);font-size:32px;margin:24px 0}.ob-logo img{width:100%;height:100%;object-fit:contain}.ob-tier{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.ob-tier button{grid-column:1/-1;justify-self:start}.ob-checklist{display:grid;gap:8px}.ob-checklist button{display:flex;justify-content:space-between;text-align:left}.ob-thay{display:flex;align-items:center;gap:16px;margin:24px 0}.ob-thay img{width:64px;height:80px;object-fit:contain}#obCanvas{display:block;width:min(100%,300px);aspect-ratio:1;border:1px solid var(--ui-border);margin:16px 0}#obError{color:var(--ui-danger,#b42318)}
@media(max-width:800px){.ob-modal .modal-card{width:100%;max-width:100%;height:100dvh}.ob-layout{grid-template-columns:1fr;gap:24px}.ob-layout aside{position:static}.ob-layout .shop-preview{max-height:320px}.ob-shell header{gap:10px}#obStatus{max-width:95px}.ob-fields{grid-template-columns:1fr}.ob-shell footer{bottom:-16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.ob-shell footer .btn{min-height:48px;flex:1}.ob-shell h2{font-size:23px!important}}

#modal.ob-modal>.modal{width:min(1120px,96vw);max-width:1120px}@media(max-width:800px){#modal.ob-modal>.modal{width:100%;max-width:100%;height:100dvh}}

.procedure-presets{display:grid;gap:16px;margin:16px 0 32px}
.procedure-preset{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--ui-border)}
.procedure-preset>img{width:104px;height:104px;object-fit:cover;border-radius:12px}
.procedure-preset h3{font-size:18px;margin:0 0 6px;color:var(--ui-text)}
.procedure-preset p{font-size:13px;line-height:1.5;margin:0 0 8px;color:var(--ui-muted)}
.procedure-preset summary{display:flex;align-items:center;min-height:44px;color:var(--ui-action);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.procedure-preset summary:focus-visible{outline:2px solid var(--ui-action);outline-offset:3px}
.preset-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.preset-fields label{font-size:13px;display:block;margin:6px 0!important}
.preset-fields input{display:block;width:100%;min-height:44px;padding:10px;border:1px solid var(--ui-control-border);border-radius:10px;background:var(--ui-surface);color:var(--ui-text);font:inherit;margin-top:6px}
.preset-selected{display:inline-block;font-size:12px;color:var(--ui-action);font-weight:600}
.preset-image-note{font-size:12px;color:var(--ui-muted)}
.ob-service-head{display:flex;align-items:center;gap:14px}.ob-service-head img{width:88px;height:88px;object-fit:cover;border-radius:12px;flex:none}.ob-service-head .toggle-line{flex:1;margin:0}.ob-service[hidden]{display:none}.ob-service input[type=file]{max-width:100%;min-height:44px}.ob-service textarea{min-height:110px}.ob-service details{margin-top:16px}@media(max-width:480px){.ob-service-head img{width:68px;height:68px}.ob-service-head{gap:10px}}
.preset-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 12px}.preset-filters label{font-size:13px}.preset-filters input,.preset-filters select{width:100%;min-width:0;min-height:44px;margin-top:6px;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-control-border);border-radius:10px;padding:10px;font:inherit}.procedure-preset[hidden]{display:none}.preset-price{color:var(--ui-text)!important;font-weight:600;font-variant-numeric:tabular-nums}.preset-price-review>p{padding:12px 0;border-bottom:1px solid var(--ui-border)}@media(max-width:480px){.preset-filters{grid-template-columns:1fr}}
.procedure-preset .btn{min-height:44px;white-space:normal;text-align:center;width:100%}
.procedure-preset .preset-status{margin-top:8px}
.service-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.service-tabs .btn{min-height:44px;flex:1;white-space:normal}.service-tabs .btn[aria-pressed=true]{background:var(--ui-action);color:var(--ui-on-action,#fff);border-color:var(--ui-action)}.service-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0}.service-pagination span{text-align:center;font-size:13px;color:var(--ui-muted);font-variant-numeric:tabular-nums}.service-pagination .btn{min-height:44px}.service-search{display:block;max-width:520px;margin:16px 0}.service-search input{display:block;width:100%;margin-top:8px}.ob-service-head>div{min-width:0}.ob-service-head h3{margin:0 0 6px;font-size:17px}.ob-service-head p{font-size:13px;margin:0 0 6px}.ob-service-head strong,.ob-service-head small{display:block;font-variant-numeric:tabular-nums}.ob-service-head small{margin-top:4px}.ob-service-description{font-size:14px;line-height:1.55;margin:14px 0}.ob-service>.evo-actions .btn{width:100%;min-height:44px}.ob-service-head img{width:96px;height:96px}.ob-service summary{min-height:44px;padding:10px 0}.service-pagination .btn:disabled{opacity:.45;cursor:default}#obServiceNotice:empty{display:none}#obServiceNotice{color:var(--ui-text);font-size:14px;padding:10px 0}#serviceGrid .publish-badge{background:var(--ui-surface-alt,var(--panel));color:var(--ui-text);border-color:var(--ui-border)}@media(max-width:480px){.service-pagination{gap:8px}.service-pagination .btn{padding:10px}.service-pagination span{font-size:12px}.ob-service-head img{width:80px;height:80px}.service-tabs .btn{font-size:13px;padding:10px 12px}}
@media(max-width:480px){.procedure-preset{grid-template-columns:76px minmax(0,1fr);gap:12px}.procedure-preset>img{width:76px;height:76px}.procedure-preset h3{font-size:16px}.preset-fields{grid-template-columns:1fr;gap:0}.procedure-preset details[open]{margin-left:-88px;margin-top:14px}.procedure-preset details[open] summary{margin-left:88px}}