.vd-boat{max-width:1400px;margin:auto;padding:48px 32px 72px;color:#172b36;font-family:inherit}.vd-boat *{box-sizing:border-box}.vd-boat header{max-width:850px;margin-bottom:36px}.vd-boat-kicker{font-weight:800;font-size:12px;letter-spacing:.12em;color:#a44520}.vd-boat h1{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:16px 0}.vd-boat p{line-height:1.65}.vd-boat-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:42px;align-items:start}.vd-boat-visual{position:sticky;top:32px}.vd-boat-toolbar{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;background:#172b36;color:white;font-size:12px;border-radius:16px 16px 0 0}.vd-boat-toolbar span:first-child{font-weight:800;letter-spacing:.08em}.vd-boat-art{background:linear-gradient(145deg,#eef0ed,#fdfcfa);padding:70px 26px;border:1px solid #dbe2df;border-top:0;border-radius:0 0 16px 16px;min-height:240px;display:flex;align-items:center;overflow:hidden}.vd-boat-art svg{width:100%;height:auto;overflow:visible;max-height:250px}.vd-boat-preview-note,.vd-boat-footnote,.vd-boat figcaption{font-size:12px;color:#52625d;line-height:1.6}.vd-boat-info{margin:26px 0;padding:22px;background:#eef4ee;border-radius:12px}.vd-boat-info p{font-size:14px;margin-bottom:0}.vd-boat figure{margin:20px 0}.vd-boat figure img{width:100%;max-height:260px;object-fit:contain;border-radius:12px}.vd-boat-form{border:1px solid #dbe2df;padding:28px;border-radius:16px;display:grid;gap:18px;background:#fff}.vd-boat label{font-size:14px;font-weight:700;display:grid;gap:8px;min-width:0}.vd-boat small{font-size:12px;line-height:1.6;font-weight:400}.vd-boat input,.vd-boat select,.vd-boat button{font:inherit}.vd-boat input:not([type=radio]):not([type=checkbox]):not([type=color]),.vd-boat select{border:1px solid #aab8b1;border-radius:7px;width:100%;padding:12px;min-width:0;background:#fff;color:#172b36;min-height:46px}.vd-boat [data-text]{font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.vd-boat [data-font-search]{font-size:14px}.vd-boat-colors{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vd-boat-colors span{display:flex;gap:6px;align-items:center}.vd-boat-colors input[type=color]{width:48px;min-width:48px;height:46px;padding:3px;border:1px solid #aab8b1;border-radius:7px;background:white}.vd-boat fieldset{border:0;padding:0;margin:0;display:flex;gap:16px}.vd-boat legend{font-size:14px;font-weight:700;margin-bottom:12px}.vd-boat fieldset label{display:flex;align-items:center;padding:12px 18px;border:1px solid #aab8b1;border-radius:7px;flex:1}.vd-boat input[type=radio],.vd-boat input[type=checkbox]{width:18px;height:18px;accent-color:#1d563f;flex-shrink:0}.vd-boat-total{border-top:1px solid #dbe2df;border-bottom:1px solid #dbe2df;padding:20px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.vd-boat-total strong{font-size:30px}.vd-boat-total small{grid-column:1/-1}.vd-boat [data-status]{font-size:13px;margin:0;color:#365a49}.vd-boat [data-error]{font-size:14px;color:#9f251b;background:#fff0ee;padding:14px;border-radius:7px;margin:0}.vd-boat .vd-boat-approval{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;line-height:1.6}.vd-boat button{background:#1d563f;color:#fff;font-weight:800;border:0;border-radius:8px;padding:17px 14px;min-height:52px;cursor:pointer}.vd-boat button:disabled{background:#e1e7e3;color:#536159;cursor:not-allowed}.vd-boat :focus-visible{outline:3px solid #df560e;outline-offset:3px}.vd-boat [hidden]{display:none!important}.vd-boat-footnote{margin:0}@media(max-width:800px){.vd-boat{padding:28px 16px 50px}.vd-boat-grid{grid-template-columns:1fr;gap:24px}.vd-boat-visual{position:static}.vd-boat-art{padding:46px 20px;min-height:175px}.vd-boat figure{display:none}.vd-boat-info{margin:18px 0 0}.vd-boat-form{padding:20px;gap:18px}.vd-boat-colors{gap:10px}.vd-boat-toolbar{padding:14px;font-size:11px}.vd-boat-colors input[type=color]{min-width:38px;width:38px}.vd-boat-colors [data-hex]{padding:10px 5px!important;font-size:12px}}@media(prefers-reduced-motion:no-preference){.vd-boat button{transition:background .15s ease}.vd-boat button:not(:disabled):hover{background:#133e2c}}

.vd-boat-art{position:relative}.vd-boat-preview-state{position:absolute;inset:0;padding:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;background:rgba(246,248,245,.95)}.vd-boat-preview-state strong{font-size:18px;line-height:1.4}.vd-boat-preview-state small{max-width:350px;font-size:13px;line-height:1.6}.vd-boat-spinner{width:34px;height:34px;border:3px solid #cbd7d0;border-top-color:#1d563f;border-radius:50%;animation:vd-boat-spin .85s linear infinite}.vd-boat-art:not([data-state="ready"]) svg{opacity:.15}.vd-boat [data-preview-retry]{font-size:13px;min-height:40px;padding:10px 18px}.vd-boat-art[data-state="incomplete"] .vd-boat-preview-state{background:#f3f6f0}.vd-boat-art[data-state="error"] .vd-boat-preview-state{background:#fff4ec}@keyframes vd-boat-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vd-boat-spinner{animation:none;border-style:dashed}}

.vd-boat-art[data-has-artwork="true"][data-state="loading"] .vd-boat-preview-state,.vd-boat-art[data-has-artwork="true"][data-state="draft"] .vd-boat-preview-state{inset:auto 12px 12px auto;width:auto;max-width:calc(100% - 24px);padding:8px 12px;flex-direction:row;gap:8px;background:#ffffffed;border:1px solid #cbd7d0;border-radius:30px;box-shadow:0 2px 10px #172b3610}.vd-boat-art[data-has-artwork="true"][data-state="loading"] .vd-boat-preview-state small,.vd-boat-art[data-has-artwork="true"][data-state="draft"] .vd-boat-preview-state small{display:none}.vd-boat-art[data-has-artwork="true"] svg{opacity:1}.vd-boat-art[data-has-artwork="true"] .vd-boat-preview-state strong{font-size:12px}.vd-boat-art[data-has-artwork="true"] .vd-boat-spinner{width:18px;height:18px;border-width:2px}.vd-boat-art svg{overflow:visible}@media(max-width:600px){.vd-boat-art[data-has-artwork="true"] .vd-boat-preview-state strong{font-size:10px}.vd-boat-art[data-has-artwork="true"] .vd-boat-preview-state{bottom:5px!important;padding:5px 8px!important}}