/* Calm, bounded tools that inherit the existing page width. */
html body.bird-v1 :is(.creative-hook-tools,.creative-details,.creative-range-toolbar,.blueprint-energy){box-sizing:border-box;min-width:0;max-width:100%;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}
html body.bird-v1 .creative-hook-tools{margin:16px 0 20px}
html body.bird-v1 .creative-tool-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:12px 0}
html body.bird-v1 .creative-tool-heading strong{display:block;font-size:16px;line-height:1.6}
html body.bird-v1 .creative-tool-heading small{font-size:11px;letter-spacing:.16em;opacity:.7}
html body.bird-v1 .creative-details{border:1px solid #bac9dd;border-radius:12px;background:#f6f8fc;color:#20344e;margin:10px 0;overflow:hidden;color-scheme:light}
html body.bird-v1 .creative-details>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;min-height:48px;font-size:16px;font-weight:700;cursor:pointer;background:#edf2fa;color:#20344e;box-shadow:none;text-shadow:none;animation:none;border:0;list-style:none}
html body.bird-v1 .creative-details>summary::before{content:'＋';color:#3164c9}html body.bird-v1 .creative-details[open]>summary::before{content:'−'}
html body.bird-v1 .creative-details>summary span{font-size:13px;font-weight:400;color:#526780}
html body.bird-v1 .creative-detail-body{padding:16px}html body.bird-v1 .creative-detail-body :is(p,small){color:#526780;font-size:14px;line-height:1.7;margin:8px 0 12px;opacity:1}
html body.bird-v1 :is(.creative-form-row,.creative-actions,.creative-range-toolbar){display:flex;flex-wrap:wrap;align-items:center;gap:10px}
html body.bird-v1 .creative-form-row{align-items:end}html body.bird-v1 .creative-form-row label{display:flex;flex-direction:column;gap:6px;color:#263d5a;font-size:13px;margin:0;min-width:0}
html body.bird-v1 .creative-actions{margin-top:14px}html body.bird-v1 .creative-actions span{font-size:13px;color:#526780}
html body.bird-v1 :is(.creative-details,.creative-hook-tools,.creative-range-toolbar,.creative-blind-dialog) button{font:600 14px/1.5 system-ui,sans-serif;min-height:40px;padding:8px 12px;border:1px solid #9eafc6;border-radius:8px;background:#fff;color:#263d5a;box-shadow:none;white-space:normal}
html body.bird-v1 :is(.creative-details,.creative-range-toolbar,.creative-blind-dialog) button:hover{background:#e7effd;border-color:#3164c9}
html body.bird-v1 :is(.creative-details,.creative-blind-dialog) .creative-primary{background:#245ac1;color:#fff;border-color:#245ac1}
html body.bird-v1 :is(.creative-details,.creative-range-toolbar) :is(input[type=number],select){width:auto;max-width:100%;min-height:40px;padding:7px 9px;border:1px solid #9eafc6;border-radius:7px;background:#fff;color:#20344e;font:14px system-ui,sans-serif}
html body.bird-v1 .creative-form-row input[type=number]{width:86px}
html body.bird-v1 :is(.creative-details,.creative-range-toolbar,.creative-blind-dialog) :is(button,input,select,summary):focus-visible{outline:3px solid #3e78d8;outline-offset:3px}
html body.bird-v1 :is(.creative-details,.creative-range-toolbar,.creative-blind-dialog) button:disabled{opacity:.45;cursor:not-allowed}
html body.bird-v1 .creative-range-toolbar{padding:10px 12px;margin:12px 0 8px;background:#f2f6fb;border:1px solid #bdccde;border-radius:10px;color:#263d5a}
html body.bird-v1 .creative-range-toolbar label{display:flex;align-items:center;gap:4px;margin:0;font-size:13px;color:#263d5a}
html body.bird-v1 .creative-range-toolbar input[type=number]{width:64px}html body.bird-v1 .creative-range-toolbar [role=status]{font-size:12px;color:#526780}
html body.bird-v1 .creative-range-toolbar [aria-pressed=true]{background:#245ac1;color:white;border-color:#245ac1}
html body.bird-v1 .creative-select-mode{touch-action:none;cursor:crosshair}html body.bird-v1 .creative-select-mode *{cursor:crosshair!important}
html body.bird-v1 .creative-mission-card{background:#fff;border:1px solid #c6d3e5;border-left:4px solid #3164c9;border-radius:10px;padding:18px;margin:14px 0}
html body.bird-v1 .creative-mission-card h4{font:700 22px/1.5 system-ui,sans-serif;margin:4px 0;color:#20344e}html body.bird-v1 .creative-mission-card>small{font-size:11px;letter-spacing:.15em;color:#3164c9}
html body.bird-v1 .creative-mission-card>span{font-size:12px;color:#526780;overflow-wrap:anywhere}
html body.bird-v1 .creative-blind-dialog{box-sizing:border-box;width:min(740px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:90dvh;overflow:auto;border:1px solid #607b9f;border-radius:20px;background:#f4f7fc;color:#20344e;padding:26px;color-scheme:light;font:15px/1.65 system-ui,sans-serif}
.creative-blind-dialog::backdrop{background:#0a1525c9;backdrop-filter:blur(6px)}
.creative-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.creative-dialog-head small{font-size:11px;letter-spacing:.18em;color:#557298}.creative-dialog-head h2{margin:3px 0 0;font:750 26px/1.4 system-ui,sans-serif}
.creative-blind-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0}.creative-blind-pair article{display:flex;flex-direction:column;gap:12px;padding:22px;background:#fff;border:1px solid #c0cee0;border-radius:16px;text-align:center;min-width:0}
.creative-blind-letter{font:300 68px/1 system-ui,sans-serif;color:#3164c9;margin:4px 0 12px}.creative-blind-pair article:nth-child(2) .creative-blind-letter{color:#b06449}.creative-blind-pair small{font-size:12px;color:#526780}
.creative-blind-progress{font-size:13px;color:#526780}.creative-blind-status{min-height:48px;font-size:14px}.creative-blind-final{padding:20px;border:1px solid #3164c9;border-radius:12px;background:#e8effb;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
html body.bird-v1 .energy-chart{width:100%;min-width:0;overflow-x:auto;margin:14px 0}.energy-chart svg{display:block;width:100%;min-width:460px;height:auto;touch-action:none}.energy-chart [data-energy-point]{cursor:ns-resize;outline:none}.energy-chart [data-energy-point]:focus-visible{stroke:#ef9c34;stroke-width:5px}
html body.bird-v1 .energy-sliders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px}html body.bird-v1 .energy-sliders label{display:block;font-size:13px;color:#263d5a;margin:0}.energy-sliders output{float:right;font-variant-numeric:tabular-nums}html body.bird-v1 .energy-sliders input{display:block;width:100%;margin:6px 0;accent-color:#3164c9}
html body.bird-v1 .energy-preview{background:#152333;margin-top:12px}.energy-preview:empty{display:none}
html body.bird-v1 :is(.creative-range-toolbar,.creative-blind-pair,.creative-blind-final)[hidden]{display:none!important}
@media(max-width:640px){html body.bird-v1 .creative-detail-body{padding:12px}html body.bird-v1 .creative-form-row{gap:12px}html body.bird-v1 .creative-form-row label:has(select){flex:1 1 160px}html body.bird-v1 .creative-form-row select{width:100%}html body.bird-v1 .creative-range-toolbar{gap:8px;padding:10px}html body.bird-v1 .creative-range-toolbar [role=status]{flex-basis:100%}html body.bird-v1 .creative-blind-dialog{padding:18px}.creative-blind-pair{gap:10px}.creative-blind-pair article{padding:16px 10px}.creative-blind-letter{font-size:48px}html body.bird-v1 .energy-sliders{grid-template-columns:repeat(2,minmax(0,1fr))}html body.bird-v1 .creative-actions button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.creative-blind-dialog::backdrop{backdrop-filter:none}}

html body.bird-v1 .hook-preview-map:has(.creative-range-toolbar){grid-template-rows:auto auto minmax(144px,1fr)}
