/* AdVol Creator Studio — separate, client-only draft editor for fictional preview spaces. */
.vision-root .creator-launch{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d0e6a883;border-radius:29px;background:#d2efb21a;color:#e5f3d6;padding:11px 16px;font-size:11px;letter-spacing:.1px;font-weight:850;min-height:40px;white-space:nowrap}
.vision-root .creator-launch:hover,.vision-root .creator-launch[aria-expanded=true]{background:var(--vision-accent);color:#1a2b20;border-color:var(--vision-accent)}
.vision-root .creator-launch-star{font-size:18px}
.vision-root .creator-panel{position:fixed;z-index:46;top:14px;right:14px;bottom:14px;display:flex;flex-direction:column;width:min(395px,calc(100vw - 28px));background:#f9f8f3;color:#203329;border-radius:17px;box-shadow:0 38px 95px #03190cc9;border:1px solid #fff9;transform:translateX(calc(100% + 24px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s cubic-bezier(.16,.84,.2,1),opacity .25s,visibility .25s;overflow:hidden}
.vision-root.creator-active .creator-panel{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}
.vision-root .creator-head{padding:25px 26px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#192e24;color:#fff}
.vision-root .creator-eyebrow{font-size:9px;letter-spacing:1.35px;font-weight:850;color:#c5dca2}
.vision-root .creator-head h2{font-size:35px;line-height:.97;letter-spacing:-1.5px;font-weight:750;margin:10px 0 0;color:#f6f8ef}
.vision-root .creator-head h2 em{font-family:'Instrument Serif',Georgia,serif;color:#d7ed9d;font-weight:400;font-size:1.1em}
.vision-root .creator-dismiss{display:grid;place-items:center;width:34px;height:34px;border:1px solid #76947b79;border-radius:50%;background:#ffffff18;color:#fff;font-size:23px;line-height:1;flex:none;padding:0}
.vision-root .creator-dismiss:hover{background:#ffffff38}
.vision-root .creator-disclaimer{display:flex;gap:8px;align-items:center;background:#ebeedf;padding:10px 25px;font-size:10px;line-height:1.45;color:#657762;font-weight:700}
.vision-root .creator-disclaimer span{color:#cf9865;font-size:13px}
.vision-root .creator-tabs{background:#fbfaf6;border-bottom:1px solid #dbe2d8;display:flex;align-items:center;gap:3px;padding:9px 16px}
.vision-root .creator-tabs button{border:0;flex:1;padding:11px 8px;border-radius:8px;color:#748374;background:transparent;font-size:11px;font-weight:800;white-space:nowrap}
.vision-root .creator-tabs button:hover{background:#eff2e9}
.vision-root .creator-tabs button[aria-selected=true]{color:#153825;background:#dcecbf}
.vision-root .creator-scroll{padding:23px 25px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b9c6b6 transparent;flex:1;min-height:0}
.vision-root .creator-section[hidden]{display:none}
.vision-root .creator-section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}
.vision-root .creator-section-title small{color:#849a79;font-size:9px;letter-spacing:1.4px;font-weight:850}
.vision-root .creator-section-title h3{font-size:23px;letter-spacing:-.7px;margin:6px 0 0;color:#1d3628}
.vision-root .creator-section-title>span{font-size:21px;color:#77946d}
.vision-root .creator-helper{color:#7a8979;font-size:11px;line-height:1.7;margin:0 0 20px}
.vision-root .creator-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:19px}
.vision-root .creator-palette-grid button{border:1px solid #dce2d5;background:#fff;padding:8px 8px 10px;min-height:78px;border-radius:9px;text-align:left;color:#576c5c;display:flex;flex-direction:column;gap:9px;font-size:10px;font-weight:800}
.vision-root .creator-palette-grid button.active,.vision-root .creator-palette-grid button:hover{border-color:#617d57;box-shadow:0 0 0 2px #a8c79055}
.vision-root .creator-palette-grid .swatch{display:block;width:100%;height:28px;border-radius:5px;box-shadow:inset 0 0 0 1px #2934280a}
.vision-root .swatch.forest{background:linear-gradient(117deg,#163222 0 35%,#d7f087 35% 65%,#ebead7 65%)}
.vision-root .swatch.sunset{background:linear-gradient(117deg,#604536 0 35%,#f1bb8b 35% 65%,#eee0c8 65%)}
.vision-root .swatch.ocean{background:linear-gradient(117deg,#1b4557 0 35%,#b5e2ff 35% 65%,#d0dce2 65%)}
.vision-root .swatch.orchid{background:linear-gradient(117deg,#543b5b 0 35%,#e8bfec 35% 65%,#ede1e8 65%)}
.vision-root .swatch.mono{background:linear-gradient(117deg,#272e2d 0 35%,#e9efeb 35% 65%,#bec8c1 65%)}
.vision-root .swatch.copper{background:linear-gradient(117deg,#51392e 0 35%,#dca47c 35% 65%,#d7b9a3 65%)}
.vision-root .creator-rule{height:1px;background:#dce3d7;margin:22px 0}
.vision-root .creator-field{margin:0 0 18px;display:flex;flex-direction:column;gap:8px}
.vision-root .creator-field>label,.vision-root .creator-control-title{font-size:10px;letter-spacing:.45px;font-weight:850;color:#4f6a54}
.vision-root .creator-field>small{font-size:10px;line-height:1.5;color:#8c988a}
.vision-root .creator-field>input[type=text],.vision-root .creator-field select,.vision-root .creator-field textarea,.vision-root .creator-number-grid input{border:1px solid #d5ded0;border-radius:8px;background:#fff;color:#22382b;min-height:41px;padding:10px 12px;font-size:12px;width:100%;outline:0;font-family:'DM Sans',system-ui,sans-serif}
.vision-root .creator-field textarea{resize:vertical;min-height:73px}
.vision-root .creator-field>input[type=text]:focus,.vision-root .creator-field select:focus,.vision-root .creator-field textarea:focus,.vision-root .creator-number-grid input:focus{border-color:#82a879;box-shadow:0 0 0 3px #b0d69a55}
.vision-root .creator-field input[type=range]{width:100%;accent-color:#789653;margin:7px 0}
.vision-root .creator-field label span{float:right;color:#879d72}
.vision-root .color-field{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
.vision-root .color-field>label{flex:1}
.vision-root .color-field>div{display:flex;align-items:center;gap:9px}
.vision-root .color-field input[type=color]{height:31px;width:42px;border:1px solid #d3d9c9;background:#fff;border-radius:8px;padding:2px;cursor:pointer}
.vision-root .color-field span{font-size:10px;font-weight:850;letter-spacing:.4px;color:#697c65;min-width:68px;text-align:right}
.vision-root .creator-select-head{background:#e8f0df;border-radius:8px;padding:13px;display:flex;justify-content:space-between;gap:8px;align-items:center;margin:0 0 18px}
.vision-root .creator-select-head strong{font-size:12px;color:#2a4431}
.vision-root .creator-select-head span{font-size:8px;color:#75916f;letter-spacing:1px;font-weight:850}
.vision-root .creator-control-title{display:block;margin:15px 0 9px}
.vision-root .creator-number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}
.vision-root .creator-number-grid label{font-size:9px;font-weight:800;color:#70826a}
.vision-root .creator-number-grid input{min-height:36px;margin-top:7px;font-size:11px;padding:8px 6px}
.vision-root .creator-object-actions{display:flex;gap:8px;margin:17px 0}
.vision-root .creator-object-actions button{flex:1;border:1px solid #d3e0cf;background:#fff;padding:11px;border-radius:7px;font-size:11px;font-weight:850;color:#425a46}
.vision-root .creator-object-actions button:last-child{border-color:#ebcfc9;color:#9c564a}
.vision-root .creator-object-actions button:hover{background:#eef2e9}
.vision-root .creator-add-button{width:100%;border:0;border-radius:8px;background:#1c3c2a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;font-weight:850;font-size:12px}
.vision-root .creator-add-button span{font-size:19px;font-weight:500}
.vision-root .creator-add-button:hover{background:#365b3b}
.vision-root .creator-object-note{margin-top:12px}
.vision-root .creator-bottom{border-top:1px solid #d8dfd3;background:#fff;box-shadow:0 -8px 30px #2c3b2a0b;padding:14px 17px 17px}
.vision-root .creator-bottom-status{color:#758b70;font-size:10px;line-height:1.5;min-height:16px;margin:0 0 12px;padding-left:5px}
.vision-root .creator-bottom-actions{display:flex;align-items:center;gap:7px}
.vision-root .creator-bottom-actions button{border:1px solid #d2dfcc;border-radius:8px;background:#f7f8f2;color:#4b614c;min-height:41px;padding:10px;font-size:11px;font-weight:850}
.vision-root .creator-bottom-actions .creator-save{flex:1;display:flex;justify-content:space-between;align-items:center;background:#1f3b2c;color:#fff;border-color:#1f3b2c;padding:10px 14px}
.vision-root .creator-save span{font-size:18px;font-weight:500}
.vision-root .creator-bottom-actions button:hover{filter:brightness(.94)}
.vision-root.creator-active .vision-versions{opacity:.35;pointer-events:none}
.vision-root.creator-active .vision-spotlight{opacity:.4;pointer-events:none}
@media(max-width:950px){
 .vision-root .creator-launch{padding:10px 12px;gap:4px;font-size:10px}
 .vision-root .creator-panel{width:min(375px,calc(100vw - 22px))}
}
@media(max-width:700px){
 .vision-root .creator-launch{min-height:35px;padding:8px 9px;font-size:10px}
 .vision-root .creator-launch-star{font-size:14px}
 .vision-root .creator-launch-word{display:none}
 .vision-root .creator-panel{top:auto;left:0;right:0;bottom:0;width:100%;height:min(78dvh,690px);border-radius:17px 17px 0 0;transform:translateY(calc(100% + 15px));border-width:1px 0 0}
 .vision-root.creator-active .creator-panel{transform:translateY(0)}
 .vision-root .creator-head{padding:15px 20px 13px}
 .vision-root .creator-head h2{font-size:30px;margin:8px 0 0}
 .vision-root .creator-disclaimer{padding:7px 20px;font-size:9px}
 .vision-root .creator-tabs{padding:7px 11px}
 .vision-root .creator-scroll{padding:17px 20px}
 .vision-root .creator-section-title{margin-bottom:11px}
 .vision-root .creator-bottom{padding:10px 15px 15px}
 .vision-root .creator-palette-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:390px){
 .vision-root .creator-launch{padding:7px}
 .vision-root .creator-launch-word{display:none}
 .vision-root .header-share{min-width:0;padding:9px 12px;font-size:10px}
 .vision-root .creator-head h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.vision-root .creator-panel{transition:none!important}}
/* Object Library v2, modeled after the rail studio's selection-and-inspector workflow. */
.creator-quick-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:11px 0 18px}
.creator-quick-library button{border:1px solid rgba(148,177,142,.35);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:rgba(235,245,229,.06);color:inherit;min-width:0;padding:14px 4px;transition:background .2s,transform .2s}
.creator-quick-library button:hover,.creator-quick-library button:focus-visible{background:rgba(198,235,158,.18);transform:translateY(-1px);border-color:#b4db94}
.creator-quick-library button span{font-size:24px;color:var(--vision-accent,#cee8a0);line-height:1.1}
.creator-quick-library button strong{font-size:10px;font-weight:760;color:inherit}
.creator-finish-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:9px 0 16px}
.creator-finish-choices button{padding:11px 4px;font-size:9px;font-weight:760;color:inherit;background:rgba(224,235,218,.07);border:1px solid rgba(152,174,146,.32);border-radius:7px}
.creator-finish-choices button.active,.creator-finish-choices button:hover{border-color:var(--vision-accent,#c5ec96);background:rgba(196,230,163,.19)}
.creator-object-actions{flex-wrap:wrap}
.creator-object-actions #creatorObjectDuplicate:disabled{opacity:.42;cursor:not-allowed}

/* Selected-component workflow and searchable scene-asset catalog. */
.vision-root .creator-asset-library{border:1px solid #d3e2cf;background:linear-gradient(155deg,#edf5e8,#fafbf6);border-radius:12px;padding:13px;margin:9px 0 16px}
.vision-root .creator-library-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.vision-root .creator-library-head>span{color:#43684b;font-size:9px;letter-spacing:1.1px;font-weight:850}
.vision-root .creator-library-head>small{color:#7d967b;font-size:9px;white-space:nowrap}
.vision-root .creator-library-search{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #ccdfc7;border-radius:9px;padding:0 12px;margin:0 0 12px;min-height:42px}
.vision-root .creator-library-search span{font-size:24px;color:#78946f}
.vision-root .creator-library-search input{border:0;outline:0;background:none;font:inherit;font-size:11px;min-width:0;flex:1;color:#254634}
.vision-root .creator-library-categories{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 12px}
.vision-root .creator-library-categories button{font-size:9px;font-weight:800;background:#fff;border:1px solid #d5e1d3;border-radius:30px;padding:8px 9px;color:#779078}
.vision-root .creator-library-categories button.active,.vision-root .creator-library-categories button:hover{background:#214631;color:#fff;border-color:#214631}
.vision-root .creator-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:345px;overflow-y:auto;scrollbar-width:thin}
.vision-root .creator-library-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:87px;padding:10px 6px 9px;background:#fff;color:#32543a;border:1px solid #d9e6d4;border-radius:9px;min-width:0}
.vision-root .creator-library-item:hover,.vision-root .creator-library-item:focus-visible{border-color:#709d6d;background:#e7f4d5;transform:translateY(-1px)}
.vision-root .creator-library-item .asset-symbol{font-size:29px;color:#6a9163;line-height:1.1}
.vision-root .creator-library-item .asset-name{font-size:9px;line-height:1.2;font-weight:800;text-align:center}
.vision-root .creator-library-item .asset-plus{position:absolute;right:5px;top:4px;background:#deeed4;border-radius:50%;height:18px;width:18px;display:grid;place-items:center;font-size:12px;color:#4e7b53}
.vision-root .creator-library-no-match{padding:19px 12px;color:#7b917b;font-size:11px;line-height:1.55}
.vision-root .creator-bundles{margin-top:18px}
.vision-root .creator-bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
.vision-root .creator-bundle-grid button{display:grid;grid-template-columns:25px 1fr;gap:1px 8px;align-items:center;border:1px solid #d4e2d0;background:#f2f7ed;color:#335b3b;border-radius:9px;padding:12px 10px;text-align:left;min-height:67px}
.vision-root .creator-bundle-grid button:hover{background:#e2f0d5;border-color:#84ab7a}
.vision-root .creator-bundle-grid button>span{grid-row:span 2;font-size:23px;color:#789f71}
.vision-root .creator-bundle-grid button>strong{font-size:11px;font-weight:850}
.vision-root .creator-bundle-grid button>small{font-size:9px;color:#849c80;line-height:1.35}
.vision-root .creator-object-note{font-size:10px}
@media(max-width:700px){.vision-root .creator-library-grid{max-height:240px}.vision-root .creator-asset-library{padding:10px}.vision-root .creator-library-item{min-height:77px}.vision-root .creator-library-item .asset-symbol{font-size:24px}}