.ob-landing,.ob-studio,.ob-account{--ob-blue:#09599c;--ob-ink:#182d3d;--ob-muted:#5b6c78;--ob-line:#dbe3e9;color:var(--ob-ink)}
.ob-landing *,.ob-studio *,.ob-account *{box-sizing:border-box}
.ob-landing{padding-top:44px}.ob-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:28px 0 40px}.ob-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:var(--ob-blue);margin:0 0 18px}.ob-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.04em;max-width:640px;margin:0 0 22px}.ob-lead{font-size:18px;line-height:1.65;max-width:550px;color:var(--ob-muted)}.ob-text-link{display:inline-flex;gap:10px;color:var(--ob-blue);text-decoration:underline;text-underline-offset:4px;line-height:1.6;font-weight:600}.ob-hero .ob-text-link{font-size:13px;margin-top:12px}.ob-hero__visual{padding:34px 28px 18px;background:#eef4f7;border-radius:20px}.ob-hero__visual>p{font-size:12px;color:var(--ob-muted);text-align:center;margin:18px 0 0}.ob-mini{background:#fff;border:1px solid #cbd8e1;box-shadow:0 15px 25px #25475b15;transform:rotate(-2deg);padding-bottom:12px}.ob-mini__head{position:relative;background:#09599c;color:#fff;padding:18px 16px}.ob-mini__head b{display:block;font-size:16px;max-width:75%}.ob-mini__head small{font-size:10px;display:block;margin-top:4px}.ob-mini__head>span{position:absolute;right:16px;top:22px;font-size:9px;letter-spacing:.08em;background:white;color:#09599c;padding:8px}.ob-mini__grid{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ob-mini__grid>div{border:1px solid #dce4e9;min-height:85px}.ob-mini__grid b{display:block;font-size:10px;background:#e7eff5;padding:6px 8px;color:#09599c}.ob-mini__grid i{display:block;margin:12px 8px;border-bottom:1px solid #e0e7ec}.ob-purpose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 56px}.ob-purpose{border:1px solid var(--ob-line);border-radius:12px;padding:25px 22px;display:flex;flex-direction:column;min-height:260px;text-decoration:none;background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}.ob-purpose:hover{border-color:var(--ob-blue);transform:translateY(-3px);box-shadow:0 8px 24px #183b5510}.ob-purpose__number{color:#7894a6;font-size:12px;font-weight:700;letter-spacing:.12em}.ob-purpose h2{font-size:21px;line-height:1.25;margin:23px 0 12px;letter-spacing:-.02em}.ob-purpose p{font-size:14px;color:var(--ob-muted);line-height:1.6;margin:0 0 24px}.ob-purpose__action{margin-top:auto;font-size:12px;color:var(--ob-blue);font-weight:700;display:flex;justify-content:space-between;gap:8px}.ob-how{padding:30px 0 45px;border-top:1px solid var(--ob-line)}.ob-how>h2{font-size:28px;margin:0 0 24px}.ob-how ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:32px}.ob-how li{display:flex;gap:15px}.ob-how li>span{display:grid;place-content:center;background:#e9f1f6;color:var(--ob-blue);border-radius:50%;width:34px;height:34px;flex-shrink:0;font-weight:700}.ob-how h3{font-size:17px;margin:5px 0 8px}.ob-how p{font-size:14px;color:var(--ob-muted);line-height:1.6}.ob-product-intro{padding:30px 0 0;border-top:1px solid var(--ob-line)}.ob-product-intro h2{font-size:24px;margin-bottom:12px}.ob-product-intro p{font-size:15px;color:var(--ob-muted)}
.ob-studio{padding-top:24px;padding-bottom:64px}.ob-back-link{font-size:13px;color:var(--ob-muted)}.ob-studio__heading{margin:32px 0}.ob-studio__heading h1{font-size:clamp(27px,3vw,40px);letter-spacing:-.03em;line-height:1.16;margin:0}.ob-studio__heading .ob-eyebrow{margin-bottom:12px}.ob-steps{display:flex;border-bottom:1px solid var(--ob-line);gap:24px;margin-bottom:30px}.ob-steps button{background:none;border:0;padding:0 0 16px;display:flex;gap:10px;align-items:center;color:var(--ob-muted);font-size:13px;font-weight:600;border-bottom:3px solid transparent}.ob-steps button[aria-current=step]{color:var(--ob-blue);border-color:var(--ob-blue)}.ob-steps button span{width:25px;height:25px;display:grid;place-content:center;border:1px solid var(--ob-line);border-radius:50%;font-size:11px}.ob-steps button[aria-current=step] span{background:var(--ob-blue);color:white;border-color:var(--ob-blue)}.ob-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:start}.ob-controls section>h2{font-size:25px;letter-spacing:-.02em;margin:0 0 22px}.ob-controls section>p{font-size:14px;line-height:1.7;color:var(--ob-muted)}.ob-controls h3{font-size:17px;margin:26px 0 14px}.ob-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ob-choice{border:1px solid var(--ob-line);border-radius:9px;padding:20px 17px;text-align:left;background:#fff;cursor:pointer;min-height:130px;color:var(--ob-ink)}.ob-choice strong{display:block;font-size:16px;line-height:1.35}.ob-choice span{display:block;color:var(--ob-muted);font-size:12px;line-height:1.6;margin-top:9px}.ob-choice[aria-pressed=true]{border-color:var(--ob-blue);background:#f0f6fa;box-shadow:inset 0 0 0 1px var(--ob-blue)}.ob-choice:hover{border-color:var(--ob-blue)}.ob-studio button{cursor:pointer}.ob-studio button:disabled{opacity:.55;cursor:wait}.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ob-blue);border-radius:7px;background:var(--ob-blue);color:#fff;padding:13px 20px;font-size:14px;font-weight:600;text-decoration:none;line-height:1.4;min-height:44px}.ob-btn:hover{background:#074b84;color:white}.ob-btn--outline{background:#fff;color:var(--ob-blue)}.ob-btn--outline:hover{background:#eef5fa;color:var(--ob-blue)}.ob-btn--small{padding:8px 13px;font-size:12px}.ob-link{padding:9px 0;border:0;background:none;color:var(--ob-blue);font-size:13px;text-decoration:underline;text-underline-offset:3px}.ob-step-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--ob-line);padding-top:20px;margin-top:28px}.ob-step-actions .ob-text-link{font-size:12px;max-width:260px}.ob-existing{border:0;padding:0;margin:0 0 25px}.ob-existing legend{font-size:17px;font-weight:600;margin-bottom:12px}.ob-existing label{display:block;padding:8px 0;font-size:14px}.ob-existing p{font-size:13px;color:var(--ob-muted);line-height:1.6}.ob-field{display:block;margin:0 0 17px;min-width:0}.ob-field>span{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.ob-field input:not([type=color]),.ob-field select,.ob-field textarea{display:block;background:#fff;width:100%;max-width:100%;padding:11px 12px;border:1px solid #cbd5dc;border-radius:5px;color:var(--ob-ink);font-family:inherit;font-size:14px;line-height:1.5}.ob-field input[type=color]{width:100%;height:45px;border:1px solid var(--ob-line);padding:5px;background:#fff;border-radius:5px}.ob-field textarea{resize:vertical;min-height:76px}.ob-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ob-hint{font-size:12px!important;line-height:1.65;color:var(--ob-muted);margin:9px 0 18px}.ob-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.ob-chip{display:inline-block;background:#f0f5f8;border:1px solid #dce5eb;color:#244b65;padding:7px 10px;border-radius:5px;font-size:11px;line-height:1.4}.ob-chip[aria-pressed=true]{background:#09599c;color:white;border-color:#09599c}.ob-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.65;margin:16px 0}.ob-check input{margin-top:4px;flex-shrink:0;accent-color:#09599c}.ob-preview{position:sticky;top:180px;min-width:0;background:#f2f5f7;border:1px solid #e3e9ed;border-radius:12px;padding:20px}.ob-preview__head{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--ob-muted);margin-bottom:22px}.ob-preview__head>span:first-child{font-weight:700;color:var(--ob-ink)}.ob-preview__canvas{display:flex;justify-content:center;align-items:center;min-height:300px;padding:10px 0 20px}.ob-preview__canvas > svg{display:block;width:100%;height:auto;max-height:560px;filter:drop-shadow(0 5px 9px #20394b18)}.ob-preview>.ob-hint{margin-bottom:12px}.ob-ai{background:#f0f6fa;border:1px solid #dbe8f1;border-radius:8px;padding:18px;margin-bottom:24px}.ob-ai .ob-hint{margin-bottom:0}.ob-ai .ob-btn{width:100%}.ob-upload{position:relative;display:inline-flex;border:1px dashed #9cb5c8;background:#f5f9fb;border-radius:6px;padding:14px 18px;color:var(--ob-blue);font-size:13px;font-weight:600;cursor:pointer}.ob-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.ob-upload:focus-within{outline:2px solid #09599c;outline-offset:3px}.ob-logo-row{padding:18px 0;border-block:1px solid var(--ob-line);margin:18px 0}.ob-logo-row [data-logo-name]{font-size:12px;overflow-wrap:anywhere}.ob-field-card{border:1px solid var(--ob-line);border-radius:7px;padding:17px;margin-bottom:12px}.ob-field-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ob-field-card__head>span{font-size:11px;color:var(--ob-muted)}.ob-field-card .ob-field{margin-bottom:12px}.ob-field-card .ob-field:last-child{margin:0}.ob-status{font-size:13px;line-height:1.6;white-space:pre-wrap;color:#09599c;margin:18px 0}.ob-status[data-error=true]{color:#a62d29}.ob-summary{border-block:1px solid var(--ob-line);padding:12px 0;margin:20px 0}.ob-summary p{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:7px 0}.ob-summary p>span:first-child{color:var(--ob-muted)}.ob-price{padding:15px 0}.ob-price>strong{font-size:23px;letter-spacing:-.02em}.ob-final-actions{display:grid;gap:10px}.ob-final-actions .ob-link{text-align:center}.ob-resume{display:flex;gap:15px;align-items:center;flex-wrap:wrap;background:#edf5fa;padding:16px;border-radius:7px;margin-bottom:24px;font-size:13px}.ob-resume>span{margin-right:auto}.ob-dialog{max-width:530px;width:calc(100% - 32px);padding:32px;border:1px solid var(--ob-line);border-radius:12px;color:var(--ob-ink);max-height:90vh;overflow:auto}.ob-dialog::backdrop{background:#142b3a77}.ob-dialog h2{font-size:25px;margin:0 24px 14px 0}.ob-dialog>p{font-size:14px;line-height:1.6}.ob-dialog__close{position:absolute;right:16px;top:12px;font-size:26px;border:0;background:none;color:#36566d}.ob-dialog form>.ob-btn{width:100%;margin-top:12px}.ob-studio [hidden],.ob-account [hidden]{display:none!important}.ob-studio :focus-visible,.ob-landing :focus-visible,.ob-account :focus-visible{outline:2px solid #09599c;outline-offset:4px}.ob-account{margin:30px 0 45px;text-align:left;border:1px solid #dbe3e9;border-radius:9px;padding:25px}.ob-account>h2{font-size:24px;margin-bottom:10px}.ob-account>p{font-size:14px;line-height:1.6;color:var(--ob-muted)}.ob-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:22px 0}.ob-draft{min-width:0;border:1px solid #dbe3e9;border-radius:7px;overflow:hidden}.ob-draft__image{background:#f1f5f7;height:170px;padding:15px;display:flex;align-items:center;justify-content:center}.ob-draft__image > svg{max-width:100%;width:auto;max-height:140px;height:100%}.ob-draft__body{padding:16px}.ob-draft h3{font-size:17px;margin:0 0 8px;overflow-wrap:anywhere}.ob-draft p{font-size:11px;color:#5b6c78}.ob-draft__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.ob-draft__actions a{font-size:12px}.ob-draft__actions .ob-link{font-size:11px}.ob-account>.ob-text-link{font-size:13px}
@media(max-width:1023px){.ob-hero{gap:30px}.ob-purpose-grid{grid-template-columns:1fr 1fr}.ob-purpose{min-height:225px}.ob-workspace{gap:24px}.ob-choice-grid{grid-template-columns:1fr}.ob-choice{min-height:90px}.ob-preview{top:160px;padding:15px}.ob-preview__canvas{min-height:210px}.ob-steps{gap:15px}.ob-steps button{font-size:11px;gap:6px}.ob-how ol{gap:20px}.ob-hero__visual{padding:24px 18px 16px}}
@media(max-width:768px){.ob-landing{padding-top:15px}.ob-hero{grid-template-columns:1fr;gap:28px;padding-top:20px}.ob-hero h1{font-size:38px}.ob-lead{font-size:16px}.ob-hero__visual{max-width:480px;width:100%;justify-self:center}.ob-purpose-grid{gap:10px;margin-bottom:32px}.ob-purpose{padding:19px 15px;min-height:245px}.ob-purpose h2{font-size:18px;margin-top:16px}.ob-purpose p{font-size:12px}.ob-purpose__action{font-size:10px}.ob-how ol{grid-template-columns:1fr;gap:10px}.ob-how{padding-bottom:20px}.ob-studio__heading{margin:22px 0}.ob-studio__heading h1{font-size:29px}.ob-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.ob-steps button{font-size:11px;text-align:left;justify-content:flex-start;padding-bottom:10px}.ob-workspace{display:flex;flex-direction:column;gap:20px}.ob-controls{width:100%}.ob-preview{position:static;width:100%;order:-1;padding:12px}.ob-preview__head{margin-bottom:6px}.ob-preview__canvas{min-height:140px;max-height:250px;padding:8px}.ob-preview__canvas > svg{max-height:220px;width:auto;max-width:100%}.ob-preview>.ob-hint{display:none}.ob-preview>.ob-chip{font-size:10px;padding:4px 7px}.ob-controls section>h2{font-size:23px}.ob-choice-grid{grid-template-columns:1fr 1fr}.ob-choice{padding:16px 13px;min-height:125px}.ob-choice strong{font-size:14px}.ob-choice span{font-size:11px}.ob-step-actions .ob-text-link{max-width:180px;font-size:11px}.ob-dialog{padding:25px 20px}.ob-account{padding:18px}.ob-studio [data-panel="3"] .ob-ai{padding:14px}.ob-field input,.ob-field textarea,.ob-field select{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.ob-purpose{transition:none}.ob-purpose:hover{transform:none}}

.ob-quick-save{display:block;margin-top:14px;font-size:12px;text-align:left}
.ob-pro-design{margin:18px 0 8px;padding:15px;border:1px solid #bfd4e6;border-radius:9px;background:#fff}.ob-pro-design__eyebrow{display:block;margin:0 0 10px;color:#496174;font-size:12px;font-weight:650}.ob-pro-design__button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #0b5a9e;border-radius:7px;background:#0b5a9e;color:#fff;text-align:left}.ob-pro-design__button:hover,.ob-pro-design__button[aria-pressed=true]{background:#073f72;border-color:#073f72}.ob-pro-design__button strong{display:block;font-size:15px;line-height:1.25}.ob-pro-design__button small{display:block;max-width:300px;margin-top:5px;font-size:11px;line-height:1.45;font-weight:400}.ob-pro-design__button b{flex:none;font-size:12px;white-space:nowrap}.ob-pro-design__brief{padding-top:16px}.ob-pro-design__brief .ob-field{margin:0}.ob-pro-design__breakdown{margin:-5px 0 14px;color:#506578;font-size:12px;line-height:1.5}@media(max-width:560px){.ob-pro-design__button{align-items:flex-start;flex-direction:column}.ob-pro-design__button b{font-size:13px}}

.ob-artwork-controls{margin-top:14px;padding:17px;border:1px solid #d8e1e7;border-radius:9px;background:#fff}
.ob-artwork-controls>strong{display:block;margin-bottom:12px;font-size:14px}
.ob-artwork-controls__modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}
.ob-artwork-controls__modes button{min-height:43px;padding:9px 12px;border:1px solid #b8c9d5;border-radius:6px;background:#fff;color:#234157;font-size:12px;font-weight:650;line-height:1.35}
.ob-artwork-controls__modes button[aria-pressed=true]{border-color:#0b5a9e;background:#eaf3f9;color:#0b5a9e}
.ob-artwork-controls__modes button:disabled{opacity:.5}
.ob-artwork-controls__sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ob-artwork-controls__sliders input{width:100%;accent-color:#0b5a9e}
.ob-artwork-controls__overlay{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:#234157}
.ob-artwork-controls__overlay input{margin-top:2px;accent-color:#0b5a9e}
.ob-checkout-error{margin:7px 0 12px!important;padding:10px 12px;border:1px solid #e0bbb9;border-radius:6px;background:#fff5f4;color:#9d2b26!important}
.ob-artwork-quality{margin:10px 0 14px;padding:11px 12px;border:1px solid #e5c9a2;border-radius:6px;background:#fff9ee;color:#674515;font-size:12px;line-height:1.5}
@media(max-width:560px){.ob-artwork-controls__modes{grid-template-columns:1fr}.ob-artwork-controls__sliders{grid-template-columns:1fr}}