.promo-page{max-width:1120px;margin:0 auto}.promo-heading{max-width:760px;margin:10px 0 30px}.promo-heading>a{display:block;margin-bottom:26px}.promo-heading .eyebrow{display:block;color:var(--blue);margin-bottom:12px}.promo-heading h1{font-size:clamp(28px,3.5vw,42px);line-height:1.35;max-width:20em}.promo-heading p{line-height:1.8;color:#65767e}.promo-steps{list-style:none;padding:0;display:flex;gap:20px;margin:24px 0 32px}.promo-steps li{display:flex;align-items:center;gap:8px;color:#697c85;font-size:14px}.promo-steps li span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e5ebee}.promo-steps .active{color:#174f6c;font-weight:700}.promo-steps .active span{background:#174f6c;color:#fff}.promo-direction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.promo-direction{position:relative;border:1px solid #dbe4e8;border-radius:18px;background:#fff;padding:24px;cursor:pointer;transition:border-color .15s,background .15s}.promo-direction.selected,.promo-script-card.selected{border-color:#377994;background:#edf5f8;box-shadow:inset 0 0 0 1px #377994}.promo-direction input{position:absolute;right:22px;top:26px;width:20px;height:20px;accent-color:#174f6c}.promo-direction h2{font-size:21px;margin:14px 0 8px}.promo-direction p{color:#627783;line-height:1.6}.promo-number{color:#6d8794;font-size:13px;letter-spacing:.12em}.promo-choice-mark{display:block;color:#245b73;font-size:13px;margin-top:20px}.promo-submit{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:24px}.promo-submit p{margin-bottom:0}.promo-submit .field{margin:0}.promo-options details{margin-top:20px}.promo-text-button{border:0;margin-top:16px;background:none;color:#37677b}.promo-lines{white-space:pre-line;line-height:1.9;overflow-wrap:anywhere}.promo-footnote{font-size:13px;line-height:1.7}.promo-script-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.promo-script-card{text-align:left;white-space:normal;padding:22px;border-radius:16px;background:#fff;min-width:0}.promo-script-card h2{font-size:19px;line-height:1.5}.promo-script-card p{font-size:14px;line-height:1.7}.promo-script-card>span,.promo-script-card small{font-size:12px;color:#496c7d}.promo-script-card blockquote{margin:16px 0;border-left:2px solid #86aebb;padding-left:12px;line-height:1.7;font-size:14px}.promo-shot{padding:20px 0;border-bottom:1px solid #e6ecee}.promo-shot-label{display:flex;gap:16px;align-items:center;margin-bottom:10px;color:#426779}.promo-shot textarea{min-height:68px}.promo-shot details{font-size:13px;color:#5f7884}.promo-shot details>.form-grid{margin-top:16px}.promo-review{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}.promo-voices{display:grid;gap:12px}.promo-voice{display:grid;grid-template-columns:20px 1fr;gap:8px 12px;border:1px solid #dce5e9;padding:16px;border-radius:12px;cursor:pointer}.promo-voice input{accent-color:#174f6c;margin:5px 0}.promo-voice small,.promo-voice audio{grid-column:2;line-height:1.7}.promo-voice audio{width:100%;max-width:100%;height:40px}.promo-result video{display:block;max-width:100%;width:330px;max-height:65vh;margin:20px auto;border-radius:12px}.promo-page button,.promo-page select,.promo-page summary{min-height:44px}.promo-page button:disabled{opacity:.55;cursor:wait}.promo-page :focus-visible{outline:3px solid #52859e;outline-offset:4px}.promo-admin-assets{display:grid;gap:12px}.promo-admin-assets audio,.promo-admin-assets video{width:100%;max-width:320px}.promo-admin-assets img{width:160px;max-height:120px;object-fit:contain}
@media(max-width:700px){.promo-heading{margin-top:0}.promo-heading h1{font-size:28px}.promo-steps{gap:6px;justify-content:space-between;margin:24px 0}.promo-steps li{font-size:11px;flex-direction:column;gap:6px;min-width:0}.promo-direction-grid,.promo-script-grid,.promo-review{grid-template-columns:minmax(0,1fr)}.promo-direction{padding:20px}.promo-direction h2{font-size:20px;padding-right:20px}.promo-submit{align-items:stretch}.promo-submit>*{width:100%;max-width:100%;white-space:normal}.promo-page .panel{padding:20px}.promo-voice{padding:12px}.promo-voice small{font-size:13px}.promo-options .form-grid{grid-template-columns:1fr 1fr}.promo-page textarea,.promo-page select,.promo-page input{font-size:16px}.promo-page .primary{line-height:1.5;min-height:48px}.promo-heading p{font-size:14px}}
.promo-digital-intro{display:flex;gap:12px;align-items:center;margin:0 0 18px;padding:14px 16px;border:1px solid #b9d7df;border-radius:14px;background:linear-gradient(120deg,#effaf9,#f8fbfd);color:#2d5e6e}.promo-digital-intro strong{color:#124c68;font-size:18px}.promo-digital-intro span{color:#5c747d;font-size:14px}.promo-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 22px}.promo-reference-card{display:grid;gap:10px;min-height:150px;padding:16px;border:1px dashed #b9cfd7;border-radius:14px;background:#fbfdfe;cursor:pointer}.promo-reference-card.required{border-color:#4b8295;background:#f2f9fa}.promo-reference-card>span{font-weight:700;color:#214e62}.promo-reference-card b{font-size:12px;color:#b25e36;margin-left:5px}.promo-reference-card small{font-weight:400;color:#78909a}.promo-reference-card input{font-size:13px}.promo-reference-card img{width:100%;height:110px;object-fit:cover;border-radius:10px;background:#e8f0f2}.promo-reference-card img[hidden]{display:none}
@media(max-width:700px){.promo-digital-intro{align-items:flex-start;flex-direction:column;gap:5px}.promo-reference-grid{grid-template-columns:1fr}.promo-reference-card{min-height:110px}.promo-reference-card img{height:160px}}
.promo-subheading{font-size:18px;margin:24px 0 10px}.promo-subheading small{font-size:12px;font-weight:400;color:#6b7e87}.promo-voices-inline{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.promo-voice>span{display:grid;gap:4px}.promo-voice strong{color:#173e56}.cost-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid #b8d8d5;border-radius:999px;background:#effaf7;color:#17635e;font-weight:700;font-size:13px}.digital-next{display:grid;gap:24px}.digital-next h2{margin:8px 0}.cost-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px;border:1px solid #dbe8e7;border-radius:14px;background:#f7fbfa;color:#355d62;font-size:13px}.cost-list span{padding-right:12px;border-right:1px solid #dce9e7}.cost-list span:last-child{border-right:0}.workspace-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 18px}.workspace-toolbar h2{margin:6px 0}.workspace-voice{padding:12px 15px;border:1px solid #dce7e9;border-radius:12px;background:#fff;color:#5c737c}.segment-list{display:grid;gap:14px}.segment-card{border:1px solid #d8e3e7;border-radius:16px;background:#fff;overflow:hidden}.segment-index{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e5edef;background:#fbfdfe}.segment-index>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e9f3f6;color:#21627b;font-weight:700}.segment-index strong{font-size:15px;color:#193f55}.segment-index small{margin-left:auto;color:#6d828b}.segment-body{display:grid;grid-template-columns:minmax(0,1fr) 260px auto;gap:18px;align-items:center;padding:16px}.segment-copy p{margin:5px 0;line-height:1.7}.segment-time{color:#236b73;font-size:13px;font-weight:700}.segment-media{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segment-media figure{margin:0}.segment-media img,.frame-placeholder{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:10px;background:#eff5f6}.segment-media figcaption{font-size:11px;text-align:center;color:#6a7d84;margin-top:3px}.frame-placeholder{display:grid;place-items:center;text-align:center;color:#82939a;font-size:13px;border:1px dashed #bacdd2}.segment-actions{display:flex;flex-direction:column;gap:8px;min-width:150px}.segment-actions button,.button-link{width:100%;white-space:nowrap}.button-link{display:grid;place-items:center;min-height:44px;border:1px solid #bfd2d8;border-radius:9px;color:#23627a;text-decoration:none;background:#fff}.cost-bar{position:sticky;bottom:12px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:14px 16px;border:1px solid #cbdfe1;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(31,73,83,.12)}.cost-bar div{display:grid;gap:4px}.cost-bar span{font-size:12px;color:#647d84}.production-panel{display:grid;gap:16px}.production-segments{display:flex;flex-wrap:wrap;gap:9px}.production-segments a{padding:9px 12px;border-radius:9px;background:#eef5f7;color:#23627a;text-decoration:none}.browser-composition{display:grid;gap:12px;justify-items:center}.browser-composition video{display:block;width:min(360px,100%);max-height:70vh;background:#142b35;border-radius:14px}.browser-composition>a{color:#23627a;font-weight:700;text-decoration:none}
@media(max-width:760px){.promo-voices-inline{grid-template-columns:1fr}.cost-list{grid-template-columns:1fr 1fr}.cost-list span:nth-child(2){border-right:0}.workspace-toolbar{align-items:start;flex-direction:column}.segment-body{grid-template-columns:1fr}.segment-media{max-width:260px}.segment-actions{display:grid;grid-template-columns:1fr 1fr}.segment-actions .button-link{width:auto}.cost-bar{position:static;align-items:stretch;flex-direction:column}.cost-bar button{width:100%}}
@media(max-width:430px){.cost-list{grid-template-columns:1fr}.cost-list span{border-right:0;border-bottom:1px solid #dce9e7;padding-bottom:8px}.cost-list span:last-child{border-bottom:0}.segment-actions{grid-template-columns:1fr}.segment-index{align-items:start;flex-wrap:wrap}.segment-index small{width:100%;margin-left:42px}}
.segment-voice-note{font-size:12px;color:#6b7e87}

/* Digital-human storyboard workspace: a calm, editor-first layout inspired by the
   supplier skill while keeping the Yunxiaofan palette and responsive behavior. */
.digital-editor{max-width:1320px;color:#1d3547}.dh-topbar{display:flex;align-items:center;gap:16px;min-height:56px;border-bottom:1px solid #dfe7eb}.dh-topbar>a{width:34px;height:34px;border:1px solid #cbd8de;border-radius:50%;display:grid;place-items:center;color:#214b63;text-decoration:none;font-size:20px}.dh-topbar>small{margin-left:auto;color:#607782}.dh-member-pill{padding:7px 12px;border:1px solid #d4e0e5;border-radius:999px;font-size:12px;color:#516c79;background:#fff}.dh-notice{margin:18px 0;padding:12px 16px;border:1px solid #d6e1e5;border-radius:12px;background:#fff;color:#2a4859;font-size:13px}.dh-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.dh-main{min-width:0}.dh-main-head{display:flex;justify-content:space-between;align-items:end;margin:8px 0 12px}.dh-main-head h1{font-size:24px;margin:6px 0}.dh-main-head p{margin:0;color:#6a7e88;font-size:13px}.dh-shot{display:grid;grid-template-columns:35px 86px minmax(0,1fr) 22px;gap:14px;padding:16px 0;border-bottom:1px solid #dfe7ea;min-width:0}.dh-shot-no{display:grid;align-content:start;justify-items:center;gap:8px;color:#4c7282}.dh-shot-no span{font-size:12px}.dh-shot-no small{font-size:11px;white-space:nowrap;writing-mode:vertical-rl}.dh-shot-preview{position:relative;width:86px;aspect-ratio:9/16;border-radius:10px;background:#ecf2f4;overflow:hidden;display:grid;place-items:center;text-align:center;color:#82969e;font-size:11px;border:1px solid #d4e1e5}.dh-shot-preview img{width:100%;height:100%;object-fit:cover}.dh-shot-preview b{position:absolute;left:5px;top:5px;padding:3px 6px;border-radius:5px;background:#263841cc;color:#fff;font-size:10px}.dh-shot-main{min-width:0}.dh-shot-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.dh-ai{color:#7b42ce;font-size:12px}.dh-time{margin-left:auto;color:#69808b;font-size:11px}.dh-dialogue,.dh-performance{display:block;width:100%;box-sizing:border-box;border:1px solid #d4dfe3;border-radius:10px;background:#fbfcfd;color:#233d4e;line-height:1.6;padding:10px 12px;resize:vertical}.dh-dialogue{min-height:48px;font-weight:600}.dh-performance{min-height:36px;margin-top:6px;background:#f1f4f5;color:#536f7b;font-size:12px}.dh-chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0;color:#315a6d;font-size:11px}.dh-chips span{border:1px solid #d3e0e4;border-radius:999px;padding:3px 8px;background:#fff}.dh-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.dh-action{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 7px;border-top:1px solid #e4ebed;padding-top:7px;color:#506c79;font-size:12px}.dh-action span{white-space:nowrap}.dh-action em{font-style:normal;color:#6f3fd3;font-size:11px;white-space:nowrap}.dh-action button{grid-column:2;border:1px solid #c9d9df;background:#fff;border-radius:50%;width:26px;height:26px;padding:0;color:#2d6077;font-size:11px}.dh-action.ready em{color:#1b8472}.dh-action button:disabled{opacity:.4;cursor:not-allowed}.dh-shot-menu{color:#82949d;font-size:20px;text-align:center}.dh-add{margin:14px 0;border:1px dashed #b9ccd3;background:#fff;color:#6a7f88;border-radius:9px;width:100%;min-height:40px}.dh-sidebar{border-left:1px solid #e0e7ea;padding-left:22px;display:grid;gap:18px}.dh-sidebar section{border-bottom:1px solid #e3eaec;padding-bottom:18px}.dh-sidebar h3{font-size:14px;margin:0 0 12px;color:#1d4055}.dh-sidebar h3 small{float:right;color:#77909a;font-size:11px;font-weight:400}.dh-sidebar label{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:9px;margin:10px 0;color:#566f7b;font-size:12px}.dh-sidebar select{min-width:0;border:1px solid #ccdbe0;border-radius:999px;height:34px;padding:0 10px;background:#fff;color:#254b5d}.dh-sidebar .switch{color:#7041d0;font-size:18px}.dh-help,.dh-empty{font-size:11px;line-height:1.6;color:#75878e;margin:8px 0}.dh-empty{padding:10px;border-radius:8px;background:#fff5ed;color:#9c684b}.dh-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dh-assets>div,.dh-assets>button{min-width:0}.dh-assets img,.dh-asset-empty,.dh-assets button{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;border:1px solid #d4e1e5;background:#f3f7f8}.dh-assets small{display:block;font-size:10px;margin-top:3px;color:#667e88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dh-assets button{font-size:22px;color:#7041d0}.dh-summary{background:#f7fafb;border:1px solid #dce7ea;border-radius:10px;padding:12px}.dh-summary p{display:flex;justify-content:space-between;margin:8px 0;font-size:12px;color:#65808b}.dh-summary b{color:#2e6174}.dh-bottom{position:sticky;bottom:10px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding:12px 16px;border:1px solid #cddfe3;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 12px 30px #2b53611c}.dh-bottom>div{display:grid;gap:4px;font-size:13px}.dh-bottom span{font-size:11px;color:#6f8188}.dh-bottom button{min-width:140px}.dh-shot.is-complete{background:#fbfffd}
@media(max-width:900px){.dh-layout{grid-template-columns:1fr}.dh-sidebar{border-left:0;border-top:1px solid #e0e7ea;padding:18px 0 0;grid-template-columns:repeat(2,minmax(0,1fr))}.dh-sidebar section:last-child{grid-column:1/-1}.dh-topbar{gap:9px}.dh-member-pill{font-size:11px}}
@media(max-width:620px){.dh-shot{grid-template-columns:26px 64px minmax(0,1fr);gap:9px}.dh-shot-preview{width:64px}.dh-shot-menu{display:none}.dh-shot-title{flex-wrap:wrap}.dh-time{width:100%;margin-left:0}.dh-actions{grid-template-columns:1fr}.dh-action{grid-template-columns:1fr auto}.dh-sidebar{grid-template-columns:1fr}.dh-bottom{position:static;align-items:stretch;flex-direction:column}.dh-bottom button{width:100%}.dh-topbar>small{display:none}.dh-main-head{align-items:start;gap:8px;flex-direction:column}.dh-main-head h1{font-size:20px}}
/* Yunfan-style digital human creation surface */
.dh-type-heading{display:flex;align-items:baseline;gap:10px;margin:2px 0 10px;color:#23485d}.dh-type-heading strong{font-size:14px}.dh-type-heading small{font-size:11px;color:#778a92}.dh-person-lock{align-self:stretch;padding:10px 12px;border:1px solid #d7e2e5;border-radius:10px;background:#f8fbfc;box-sizing:border-box}.dh-person-lock strong{font-size:14px;color:#23485d}.dh-person-lock small{font-size:11px;line-height:1.45;color:#778a92}
.dh-quick-fields{grid-template-columns:minmax(180px,260px)}
.dh-voice-fallback{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dh-voice-choice{display:flex;align-items:center;gap:6px;padding:8px 7px;border:1px solid #d6e2e5;border-radius:8px;background:#fbfdfe;color:#466876;font-size:11px}.dh-voice-choice:has(input:checked){border-color:#7441d4;background:#f4efff;color:#5d2cab;font-weight:700}.dh-voice-choice input{accent-color:#7441d4;margin:0}
@media(max-width:820px){.dh-create-select-row{grid-template-columns:1fr 1fr}.dh-writing-toggle{grid-column:1/-1}.dh-create-settings{grid-template-columns:1fr 1fr}.dh-create-settings .dh-create-provider-note{grid-column:1/-1}}
@media(max-width:560px){.dh-create-card{padding:13px;border-radius:14px}.dh-type-tabs{gap:6px}.dh-type-tab{padding:0 11px;font-size:12px}.dh-create-select-row,.dh-reference-row,.dh-create-settings{grid-template-columns:1fr}.dh-create-footer{align-items:stretch;flex-direction:column}.dh-create-footer .primary{width:100%}.dh-create-title h1{font-size:28px}.dh-prompt-box textarea{font-size:16px}.dh-create-page .promo-steps{overflow:auto;justify-content:flex-start}.dh-create-page .promo-steps li{min-width:max-content}}
.dh-create-page>.promo-heading>.eyebrow,.dh-create-page>.promo-heading>h1,.dh-create-page>.promo-heading>p{display:none}.dh-create-page>.promo-heading{margin-bottom:0}.dh-create-preview{border:0;background:transparent;color:#5e45a8;font-weight:700;min-height:42px;padding:0 10px;white-space:nowrap}
/* Compact digital-human creation surface v2 */
.dh-create-page{max-width:1080px;padding-bottom:28px}.dh-create-page>.promo-steps{margin:8px 0 18px;gap:12px}.dh-create-page>.promo-steps li{font-size:12px}.dh-create-page>.promo-steps li span{width:22px;height:22px;font-size:11px}.dh-compact-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 16px;padding:4px 0}.dh-compact-intro .eyebrow{display:block;margin-bottom:6px;color:#34768a;font-size:12px;font-weight:700}.dh-compact-intro h1{margin:0;color:#173e56;font-size:clamp(26px,3.2vw,36px);line-height:1.18;letter-spacing:-.03em}.dh-compact-intro p{max-width:650px;margin:8px 0 0;color:#667d86;font-size:14px;line-height:1.55}.dh-intro-meta{display:flex;gap:8px;flex:none}.dh-intro-meta span{padding:8px 11px;border:1px solid #d6e2e6;border-radius:9px;background:#fff;color:#456a79;font-size:12px;white-space:nowrap}.dh-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:16px;align-items:start}.dh-create-primary{display:grid;gap:14px;padding:20px;border:1px solid #d4e2e5;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(35,75,86,.05)}.dh-card-head{display:flex;align-items:center;gap:10px}.dh-card-head>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e8f4f5;color:#21677b;font-size:12px;font-weight:800}.dh-card-head>div{display:grid;gap:2px}.dh-card-head strong{color:#1e4357;font-size:15px}.dh-card-head small{color:#789099;font-size:11px}.dh-type-heading{margin:0;gap:8px}.dh-type-heading strong{font-size:13px}.dh-type-heading small{font-size:11px}.dh-type-tabs{gap:7px;padding:0;border:0}.dh-type-tab{min-height:34px;padding:0 13px;border-radius:8px;font-size:13px}.dh-format-note{margin:0;padding:8px 10px;border-left:3px solid #d4a24b;border-radius:0 7px 7px 0;background:#fff9ed;color:#6e5a31;font-size:12px;line-height:1.4}.dh-quick-fields{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.dh-compact-field{display:grid;gap:5px;min-width:0}.dh-compact-field>span,.dh-request-field>span{color:#536f7b;font-size:11px;font-weight:700}.dh-compact-field select,.dh-compact-field input{width:100%;min-height:36px;padding:0 10px;box-sizing:border-box;border:1px solid #cbdde1;border-radius:8px;background:#fbfdfe;color:#23485d;font-size:13px}.dh-request-field{display:grid;gap:6px}.dh-request-field>span em{font-style:normal;color:#bb6a47;font-weight:500;margin-left:4px}.dh-request-field textarea{width:100%;box-sizing:border-box;min-height:82px;padding:10px 12px;resize:vertical;border:1px solid #cbdde1;border-radius:9px;background:#fbfdfe;color:#23485d;font-size:14px;line-height:1.55}.dh-request-field textarea:focus,.dh-compact-field select:focus,.dh-compact-field input:focus{outline:2px solid #76aeb8;outline-offset:1px}.dh-request-field small{color:#82939a;font-size:11px}.dh-reference-head{display:flex;align-items:baseline;justify-content:space-between;padding-top:2px}.dh-reference-head strong{color:#23485d;font-size:13px}.dh-reference-head small{color:#82939a;font-size:11px}.dh-reference-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.dh-reference-slot{min-height:88px;border-radius:9px;background:#fafcfd;border-color:#c6d8dd}.dh-reference-slot.person-slot{border-color:#5a99a5;background:#f2faf9}.dh-reference-slot strong{font-size:23px}.dh-reference-slot span{font-size:11px}.dh-reference-slot small{font-size:10px;line-height:1.2}.dh-create-hint{margin:0;color:#7a8d94;font-size:11px;line-height:1.45}.dh-submit-main{width:100%;min-height:44px;margin-top:2px}.dh-create-side{display:grid;gap:12px}.dh-side-card{display:grid;gap:12px;padding:16px;border:1px solid #d4e2e5;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(35,75,86,.04)}.dh-side-card .dh-card-head{padding-bottom:4px;border-bottom:1px solid #edf1f2}.dh-side-card .dh-create-provider-note{padding:8px 10px;border-radius:8px;background:#f5f1ff;color:#6647a5;font-size:11px}.dh-side-card .dh-compact-field select,.dh-side-card .dh-compact-field input{min-height:38px}.dh-side-note{margin:0;color:#7a8d94;font-size:11px;line-height:1.5}.dh-check-card{gap:9px;background:#f8fbfb}.dh-check-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:1px solid #e6eeee;color:#698089;font-size:12px}.dh-check-row:last-of-type{border-bottom:0}.dh-check-row strong{color:#254f60;font-size:12px}.dh-create-preview{width:100%;min-height:38px;padding:0 10px;border:1px solid #cdbdf1;border-radius:8px;background:#f7f2ff;color:#6641aa;font-size:12px}.dh-create-footnote{margin:12px 2px 0;color:#7d8d93;font-size:11px;line-height:1.5;text-align:center}
@media(max-width:820px){.dh-create-layout{grid-template-columns:1fr}.dh-create-side{grid-template-columns:1fr 1fr}.dh-side-card:last-child{grid-column:2}.dh-intro-meta{align-self:flex-start}}
@media(max-width:560px){.dh-compact-intro{display:block}.dh-intro-meta{margin-top:10px}.dh-create-primary{padding:15px}.dh-quick-fields{grid-template-columns:1fr}.dh-reference-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dh-create-side{grid-template-columns:1fr}.dh-side-card:last-child{grid-column:auto}.dh-type-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.dh-type-tab{padding:0 5px;font-size:12px}.dh-create-footnote{text-align:left}}

/* Skill choices: compact, explicit layout override */
.dh-type-tabs{
  display:flex !important;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  width:100%;
  margin:0;
  padding:0;
  border:0;
}
.dh-type-tab{
  position:relative;
  display:inline-flex !important;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:auto !important;
  min-width:0;
  min-height:34px;
  box-sizing:border-box;
  padding:0 13px;
  border:1px solid #cbdde1;
  border-radius:8px;
  background:#fff;
  color:#466876;
  cursor:pointer;
  font-size:13px;
  line-height:1;
  transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease;
}
.dh-type-tab:hover{
  border-color:#6aa5ad;
  color:#245f70;
}
.dh-type-tab.selected{
  border-color:#2d7586;
  background:#eaf6f5;
  color:#15586b;
  box-shadow:inset 0 0 0 1px #2d7586;
  font-weight:700;
}
.dh-type-tab input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  pointer-events:none;
  cursor:pointer;
}
@media(max-width:560px){
  .dh-type-tabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }
  .dh-type-tab{
    display:flex !important;
    width:100% !important;
    min-height:36px;
    padding:0 4px;
    font-size:12px;
    white-space:nowrap;
  }
}