.planetary-visual-authoring{margin-top:18px;border:1px solid rgba(144,168,153,.28);background:linear-gradient(180deg,rgba(8,16,15,.94),rgba(3,8,8,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.planetary-visual-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border-bottom:1px solid rgba(144,168,153,.22);background:rgba(15,28,25,.72)}
.planetary-visual-heading>div:first-child{display:grid;gap:3px}.planetary-visual-heading span{font-size:8px;letter-spacing:.18em;color:#879b90}.planetary-visual-heading strong{font-size:13px;letter-spacing:.12em;color:#e3c27d}
.planetary-visual-modes{display:flex;gap:6px}.planetary-visual-modes button{min-height:34px}.planetary-visual-modes button.active{border-color:#e3c27d;color:#f1d89d;background:rgba(168,121,49,.17)}
.planetary-visual-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid rgba(144,168,153,.18)}
.planetary-visual-toolbar span{margin-left:auto;color:#9eb0a6;font-size:10px;letter-spacing:.05em}
.planetary-visual-canvas{--author-color:#91c86f;position:relative;margin:16px auto;width:min(620px,92%);aspect-ratio:1;overflow:hidden;border:1px solid rgba(159,185,169,.42);outline:none;isolation:isolate;touch-action:none;user-select:none;cursor:crosshair;background:#07100d}
.planetary-visual-canvas:focus-visible{box-shadow:0 0 0 2px #e3c27d,0 0 28px rgba(227,194,125,.22)}
.planetary-visual-canvas.scope-boundary{border-radius:50%;background:radial-gradient(circle at 34% 27%,rgba(204,235,190,.16),transparent 20%),repeating-conic-gradient(from 14deg at 48% 52%,rgba(22,50,30,.48) 0 7deg,rgba(88,112,59,.2) 9deg 16deg,rgba(18,37,31,.54) 18deg 27deg),radial-gradient(circle at 42% 42%,#1a3125,#050908 72%)}
.planetary-visual-canvas.scope-boundary:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:linear-gradient(105deg,rgba(255,255,255,.12),transparent 25%,transparent 57%,rgba(0,0,0,.74) 84%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--author-color) 42%,transparent),inset -38px -18px 62px rgba(0,0,0,.58)}
.planetary-visual-canvas.scope-location{aspect-ratio:16/9;border-radius:0;clip-path:polygon(3% 0,97% 0,100% 7%,100% 93%,97% 100%,3% 100%,0 93%,0 7%);background:radial-gradient(ellipse at 40% 28%,color-mix(in srgb,var(--author-color) 24%,transparent),transparent 28%),repeating-radial-gradient(ellipse at 52% 48%,rgba(213,233,193,.07) 0 3px,transparent 5px 23px),linear-gradient(145deg,#15251a,#07110d 68%,#020504)}
.planetary-visual-canvas.scope-location:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(181,211,178,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(181,211,178,.07) 1px,transparent 1px);background-size:6.25% 11.111%}
.planetary-visual-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.planetary-visual-canvas polygon{fill:color-mix(in srgb,var(--polygon-color) 18%,transparent);stroke:color-mix(in srgb,var(--polygon-color) 80%,white 20%);stroke-width:5;stroke-dasharray:12 7;vector-effect:non-scaling-stroke}.planetary-visual-canvas polygon.other{opacity:.32;stroke-width:2}.planetary-visual-canvas polygon.draft{filter:drop-shadow(0 0 7px var(--polygon-color))}
.planetary-visual-canvas .draft-line{fill:none;stroke:color-mix(in srgb,var(--polygon-color) 82%,white 18%);stroke-width:5;stroke-dasharray:12 7;vector-effect:non-scaling-stroke}
.planetary-author-vertex,.planetary-author-location{position:absolute;z-index:4;transform:translate(-50%,-50%);touch-action:none}.planetary-author-vertex{width:19px;height:19px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--author-color);box-shadow:0 0 0 4px rgba(2,7,5,.72),0 0 14px var(--author-color);font-size:0;cursor:grab}.planetary-author-vertex:active,.planetary-author-location:active{cursor:grabbing}
.planetary-author-vertex:after{content:attr(data-label);position:absolute;left:16px;top:-9px;color:#dce8df;font-size:8px;letter-spacing:.08em}
.planetary-author-location{min-width:100px;padding:7px 9px;border:1px solid #9aaca0;background:rgba(3,9,7,.9);color:#e6eee8;text-align:left;box-shadow:0 6px 18px rgba(0,0,0,.42);cursor:pointer}.planetary-author-location.selected{border-color:#e3c27d;color:#f2da9f;box-shadow:0 0 0 3px rgba(227,194,125,.16),0 6px 18px rgba(0,0,0,.42)}.planetary-author-location span{display:block;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.planetary-author-location small{display:block;margin-top:2px;color:#899b90;font-size:8px}
.planetary-author-empty{position:absolute;inset:0;display:grid;place-items:center;padding:40px;text-align:center;color:#92a49a;font-size:11px;letter-spacing:.08em;pointer-events:none}
.nested-region-surface[data-region-preset="temperate-wilds"]{background:radial-gradient(ellipse at 45% 30%,rgba(140,188,95,.18),transparent 28%),linear-gradient(155deg,#33452f,#12231a 70%,#07100b)}
.nested-region-surface[data-region-preset="fungal-jungle"]{background:radial-gradient(ellipse at 42% 26%,rgba(179,223,115,.2),transparent 24%),repeating-conic-gradient(from 25deg,rgba(48,75,34,.45) 0 7deg,rgba(77,36,92,.35) 9deg 15deg,rgba(12,33,20,.5) 18deg 26deg),linear-gradient(150deg,#263a25,#08130e)}
.nested-region-surface[data-region-preset="arid-expanse"]{background:radial-gradient(ellipse at 35% 24%,rgba(244,190,101,.21),transparent 24%),repeating-linear-gradient(168deg,rgba(211,152,69,.12) 0 3px,transparent 4px 24px),linear-gradient(150deg,#513d27,#1b1510 72%,#090706)}
.nested-region-surface[data-region-preset="frozen-wastes"]{background:radial-gradient(ellipse at 42% 22%,rgba(224,249,255,.26),transparent 25%),repeating-linear-gradient(122deg,rgba(164,217,231,.14) 0 2px,transparent 3px 31px),linear-gradient(155deg,#42606b,#142730 68%,#071016)}
.nested-region-surface[data-region-preset="volcanic-zone"]{background:radial-gradient(ellipse at 52% 62%,rgba(255,91,24,.32),transparent 13%),repeating-linear-gradient(135deg,transparent 0 24px,rgba(255,89,28,.13) 25px 28px,transparent 30px 48px),linear-gradient(155deg,#3c201a,#120b0a 70%,#030202)}
.nested-region-surface[data-region-preset="urban-district"]{background:radial-gradient(ellipse at 54% 38%,rgba(102,182,214,.2),transparent 22%),repeating-linear-gradient(90deg,rgba(99,156,177,.11) 0 1px,transparent 1px 23px),repeating-linear-gradient(0deg,rgba(99,156,177,.08) 0 1px,transparent 1px 17px),linear-gradient(150deg,#28333a,#0b1116)}
.nested-region-surface[data-region-preset="oceanic-zone"]{background:radial-gradient(ellipse at 38% 26%,rgba(122,222,241,.2),transparent 27%),repeating-radial-gradient(ellipse at 48% 50%,transparent 0 21px,rgba(113,202,227,.1) 23px 25px,transparent 28px 44px),linear-gradient(155deg,#17465b,#081b2b 68%,#030a12)}
.nested-region-surface[data-region-preset="ancient-ruins"]{background:radial-gradient(ellipse at 50% 40%,rgba(217,188,118,.17),transparent 24%),repeating-linear-gradient(37deg,rgba(184,163,113,.08) 0 2px,transparent 3px 27px),linear-gradient(155deg,#3b392f,#161812 68%,#070806)}
.nested-region-surface[data-region-preset="arid-expanse"] .nested-region-canopy{opacity:.48;background:repeating-linear-gradient(167deg,transparent 0 18px,rgba(232,178,91,.16) 20px 23px,transparent 25px 49px);filter:none}
.nested-region-surface[data-region-preset="frozen-wastes"] .nested-region-canopy{opacity:.65;background:repeating-linear-gradient(125deg,transparent 0 28px,rgba(198,238,248,.2) 29px 32px,transparent 34px 66px);filter:none}
.nested-region-surface[data-region-preset="volcanic-zone"] .nested-region-canopy{opacity:.75;background:repeating-linear-gradient(137deg,transparent 0 32px,rgba(255,82,24,.2) 33px 37px,transparent 39px 71px);filter:none}
.nested-region-surface[data-region-preset="urban-district"] .nested-region-canopy{opacity:.7;background:repeating-linear-gradient(90deg,rgba(118,175,189,.12) 0 2px,transparent 2px 29px),repeating-linear-gradient(0deg,rgba(118,175,189,.09) 0 2px,transparent 2px 21px);filter:none}
.nested-region-surface[data-region-preset="oceanic-zone"] .nested-region-canopy{opacity:.65;background:repeating-radial-gradient(ellipse at 48% 48%,transparent 0 24px,rgba(124,219,239,.14) 27px 30px,transparent 34px 58px);filter:none}
.nested-region-surface[data-region-preset="ancient-ruins"] .nested-region-canopy{opacity:.58;background:repeating-linear-gradient(90deg,transparent 0 13%,rgba(203,182,126,.14) 13.5% 15%,transparent 15.5% 25%);filter:none}
.nested-location-scene[data-scene-preset="fortress"]:before{background:linear-gradient(90deg,transparent 15%,rgba(124,152,145,.16) 16% 18%,transparent 19% 81%,rgba(124,152,145,.16) 82% 84%,transparent 85%),radial-gradient(circle at 50% 38%,rgba(218,195,123,.18),transparent 20%)}
.nested-location-scene[data-scene-preset="wilderness"]:before{background:radial-gradient(circle at 72% 22%,rgba(148,202,107,.2),transparent 18%),repeating-radial-gradient(ellipse at 44% 100%,transparent 0 22px,rgba(89,147,70,.09) 25px 31px,transparent 34px 58px)}
.nested-location-scene[data-scene-preset="ancient-site"]:before,.nested-location-scene[data-scene-preset="temple"]:before{background:repeating-linear-gradient(90deg,transparent 0 12%,rgba(190,169,111,.09) 12.5% 13.5%,transparent 14% 24%),radial-gradient(circle at 50% 35%,rgba(217,181,93,.2),transparent 21%)}
.nested-location-scene[data-scene-preset="industrial-site"]:before{background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(215,116,57,.11) 32px 34px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(94,149,152,.09) 48px 50px)}
.nested-location-scene[data-scene-preset="command-objective"]:before{background:radial-gradient(circle at 50% 48%,rgba(241,195,90,.22),transparent 11%),linear-gradient(90deg,transparent 49.8%,rgba(241,195,90,.12) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(241,195,90,.12) 50%,transparent 50.2%)}
.nested-location-scene[data-scene-preset="subterranean"]{background:radial-gradient(ellipse at 50% 42%,#24312d,#060908 53%,#010202 82%)}
.nested-location-scene[data-scene-preset="fortress"] .nested-location-depth,.nested-location-scene[data-scene-preset="industrial-site"] .nested-location-depth{background:linear-gradient(90deg,#101817 0 8%,transparent 8% 13%,#17211f 13% 27%,transparent 27% 34%,#101817 34% 66%,transparent 66% 73%,#17211f 73% 87%,transparent 87% 92%,#101817 92%);clip-path:polygon(0 45%,8% 45%,8% 34%,15% 34%,15% 45%,31% 45%,31% 26%,39% 26%,39% 45%,61% 45%,61% 26%,69% 26%,69% 45%,85% 45%,85% 34%,92% 34%,92% 45%,100% 45%,100% 100%,0 100%)}
.nested-location-scene[data-scene-preset="ancient-site"] .nested-location-depth,.nested-location-scene[data-scene-preset="temple"] .nested-location-depth{background:repeating-linear-gradient(90deg,transparent 0 10%,rgba(25,29,23,.96) 10.5% 14%,transparent 14.5% 24%);clip-path:polygon(0 28%,100% 28%,100% 100%,0 100%)}
.nested-location-scene[data-scene-preset="command-objective"] .nested-location-depth{background:linear-gradient(90deg,transparent 0 36%,rgba(18,27,25,.96) 36% 64%,transparent 64%),linear-gradient(#15201e,#070b0a);clip-path:polygon(0 58%,36% 58%,36% 25%,64% 25%,64% 58%,100% 58%,100% 100%,0 100%)}
.nested-location-scene[data-scene-preset="subterranean"] .nested-location-depth{background:linear-gradient(160deg,transparent 0 35%,#060908 36% 54%,transparent 55%),linear-gradient(200deg,transparent 0 36%,#080c0b 37% 57%,transparent 58%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.nested-location-marker[data-marker-icon="fortress"] i{border-radius:0;border-width:3px}.nested-location-marker[data-marker-icon="dungeon"] i{border-radius:50%;background:#080b09}.nested-location-marker[data-marker-icon="landmark"] i{transform:translate(-50%,-50%) rotate(45deg) scale(.75);box-shadow:0 0 0 4px rgba(240,201,116,.18)}.nested-location-marker[data-marker-icon="objective"] i{background:#f0c974;border-color:#fff;box-shadow:0 0 14px #f0c974}
@media(max-width:900px){.planetary-visual-heading{align-items:flex-start;flex-direction:column}.planetary-visual-toolbar span{width:100%;margin-left:0}.planetary-visual-canvas{width:min(540px,96%)}}
@media(prefers-reduced-motion:reduce){.planetary-author-vertex,.planetary-author-location{transition:none}}