/* 按配装工作台组织三栏，沿用现有账号、分享、纸娃娃和悬浮卡片。 */
.team-effect-icon{width:28px;height:28px;float:left;margin:0 8px 3px 0}.team-effect-row:after{content:"";display:block;clear:both}
body.gear-ui{background:#101010;color:#eee;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:13px}
.planner-page{max-width:1800px;padding:0 18px;height:100dvh;display:flex;flex-direction:column;--panel:#202020;--line:#343434;--gold:#0789f9}
.topbar{height:38px;min-height:38px;border-bottom:1px solid #303030}.brand{font-size:18px}.brand small{font-size:11px}.topbar>div{gap:20px}.topbar button{padding:3px 12px}
.planner-header{padding:7px 0;min-height:44px}.planner-header h1{font:16px Arial,"Microsoft YaHei",sans-serif;color:#eee}.planner-header .eyebrow,.planner-header p:not(.eyebrow){display:none}.header-actions button{padding:4px 12px;font-size:12px}.planner-page button.primary{background:#17364c;border-color:#1670ab;color:#e4f3ff}
.loadout-switcher{margin:0 0 6px;gap:8px;min-height:38px}.loadout-tab{padding:4px 10px;min-height:36px;min-width:150px;border-color:#393939;background:#181818}.loadout-tab[aria-selected=true]{border-color:#087fe0;background:#16354b;box-shadow:none}.loadout-number{width:24px;height:24px;font-size:12px;border-color:#56798a}.loadout-tab small{display:none}.loadout-tab strong{font-size:12px}.loadout-actions button{padding:4px 10px}
.build-description{margin:0 0 6px;padding:5px 9px;display:grid;grid-template-columns:94px minmax(0,1fr) auto;gap:8px;align-items:center;background:#191919}.build-description label{font-size:12px;margin:0;color:#ddd}.build-description textarea{min-height:34px;height:34px;resize:vertical;font-size:12px;padding:6px 8px;margin:0}.description-actions{margin:0}.description-actions .hint{display:none}.description-actions button{padding:5px 9px}
.build-toolbar{border:0;padding:0;gap:12px;align-items:center}.build-toolbar label{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;width:auto}.build-toolbar input,.build-toolbar select{height:29px;min-height:29px;padding:3px 8px}.build-toolbar .build-name{width:280px}.build-toolbar .build-name input{min-width:0}.build-toolbar .theme-field{width:210px}.build-toolbar #save-state{font-size:11px;max-width:250px}.theme-help{margin:4px 0 6px;font-size:10px;min-height:14px}
.planner-layout{flex:1;min-height:0;display:grid;grid-template-columns:316px minmax(340px,1fr) 250px;gap:6px;align-items:stretch}.planner-layout>.panel{border-color:#292929;min-height:0}.loadout-panel{overflow-y:auto;padding:0 0 12px;background:#181818}.actor-tabs{position:sticky;top:0;z-index:2;background:#181818}.actor-tabs button{padding:7px}.actor-tabs button[aria-pressed=true]{background:#202020;border-bottom-color:#0088ff}.loadout-panel .panel-heading{padding:5px 10px}.panel-heading span{display:none}.panel-heading h2{font-size:12px;color:#eee}.planner-page #paper-wrap{width:301px;height:462px;margin:5px auto 0}.planner-page .gear-paper{transform:scale(.9);transform-origin:top left;zoom:1}.planner-page #paper-wrap.follower-wrap{height:462px}
.small-heading{display:none}.skill-bar,.passive-bar,.cube-bar{margin-top:9px;padding:0 7px;gap:5px}.skill-bar .skill-button{width:44px;height:44px}.passive-bar{gap:20px}.passive-bar .skill-button{width:45px;height:45px}.cube-bar .skill-button{width:54px;height:59px}.paper-help{margin:9px 0 0;font-size:10px}.follower-bottom{padding:8px 9px 0;gap:8px}.follower-skill-grid{grid-template-columns:repeat(4,40px);grid-template-rows:repeat(2,40px);gap:3px}.follower-skill-grid .skill-button{width:40px;height:40px}.gear-ui .follower-bottom .gear-slot-14{width:65px;height:71px}
.editor-panel{display:flex;flex-direction:column;min-width:0}.editor-tabs{flex:none;background:#181818;gap:4px}.editor-tabs button{font-size:13px;font-weight:600;padding:12px 4px;border:1px solid #282828}.editor-tabs button[aria-pressed=true]{color:#f3f3f3;background:#202020;border-bottom:3px solid #008eff}.planner-page #editor{overflow-y:auto;min-height:0;flex:1;padding:14px 18px 24px;scrollbar-gutter:stable}.planner-layout *{scrollbar-width:thin;scrollbar-color:#0789ed #202020;box-sizing:border-box}
.planner-page input,.planner-page select,.planner-page textarea{background:#191919;color:#eee;border-color:#383838;border-radius:0}.planner-page input:focus,.planner-page select:focus{outline:1px solid #008cff;outline-offset:0}.planner-page input[type=checkbox],.planner-page input[type=range]{accent-color:#078dfc}.planner-page input[type=checkbox]{width:13px;height:13px;min-height:0;padding:0;margin:0 5px 0 0}.editor-caption{color:#f0f0f0;font-weight:600;font-size:15px;border-color:#3b3b3b;margin:21px 0 8px}.picker-panel{background:#171717;border:2px solid #3c3c3c}.picker-group{padding:7px 8px 3px;font-size:13px;font-weight:700;color:#f4f4f4}.picker-option{padding-left:24px;min-height:30px}.picker-option:hover,.picker-option:focus{background:#087fed;color:#fff}.picker-trigger{border-color:#393939}.equipment-editor .affix-box{border-color:#555}.equipment-editor .affix-section{font-size:13px}.equipment-summary{margin-bottom:16px}
.effect-target{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:11px}.effect-target label{display:flex;align-items:center;gap:3px;color:#ccc}.effect-target select{padding:2px 5px;font-size:11px;height:24px;min-height:24px}
.planner-page .effect-toggle,.planner-page .effect-param,.planner-page .effect-target label,.planner-page .build-toolbar label,.planner-page .paragon-top label,.planner-page .team-effect-row label{flex-direction:row}
.planner-page .skill-bar,.planner-page .passive-bar,.planner-page .cube-bar{max-width:none;width:100%;flex-wrap:nowrap;gap:5px;padding:0 6px}.planner-page .passive-bar{gap:20px}
.effect-card{position:relative;display:flex;align-items:flex-start;gap:9px;border:2px solid #333;background:#191919;padding:7px;margin:4px 0;min-width:0}.effect-icon{flex:none;position:relative;width:40px;height:40px;padding:2px;background:#121212;border:1px solid #6f6040}.effect-icon svg,.effect-static-icon{width:36px;height:36px;flex-shrink:0}.effect-content{min-width:0;flex:1}.effect-content>strong{display:block;font-size:13px;border-bottom:1px solid #353535;padding:2px 0 5px;color:#e5e5e5}.effect-card .picker-trigger{border:0;border-bottom:1px solid #353535;background:none;min-height:25px;padding:0 22px 3px 0;font-size:13px;font-weight:600}.effect-card .planner-select{width:100%}.effect-card .compact-rune{border:0;color:#bea873;padding:2px 0;font-size:12px;max-width:100%;min-height:23px;height:23px;background:#191919}.effect-remove{position:absolute;right:5px;top:7px;color:#0099ff;border:0;padding:0 3px;background:none;font-size:17px;line-height:20px}.effect-card .picker-arrow{margin-right:14px}.passive-effect .effect-icon{border-radius:50%;overflow:hidden}.effect-controls{margin:3px 0 2px;color:#b4c0ca;font-size:11px}.effect-toggle{display:flex;align-items:center;gap:3px;margin:3px 0}.effect-param{display:flex;align-items:center;gap:6px;margin:5px 0}.effect-param>span{min-width:62px}.effect-param input[type=range]{min-width:40px;width:100%;height:13px;padding:0}.effect-param input[type=number]{width:52px;min-width:52px;height:23px;min-height:23px;padding:2px 3px;font-size:11px}.skill-numbers{font-size:11px;color:#c1b58e;margin:4px 0 0;line-height:1.55}.effect-card .calculation-warning{font-size:11px}.cube-section{margin:20px 0 0;padding:0;border:0}.cube-section .cube-choice{grid-template-columns:42px minmax(0,1fr);gap:8px;margin:5px 0;padding:0;min-height:44px}.cube-choice-icon{width:42px;height:44px;border-color:#393939}.cube-section .effect-controls{margin-left:50px}.cube-choice .picker-trigger{padding:8px;font-size:13px}.team-tabs{display:flex;gap:4px;margin-bottom:7px}.team-tabs button[aria-pressed=true]{color:#1498ff;border-color:#087fed}.team-effects>select{width:100%;margin-bottom:8px}.team-effect-row{border:1px solid #353535;padding:9px;margin:5px 0;background:#191919}.team-effect-row label{display:flex;align-items:center}.team-effect-row select{font-size:11px;padding:4px;margin-top:6px}
.paragon-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.paragon-top label{display:flex;gap:12px;align-items:center;color:#afd6ff}.paragon-top input{width:80px;padding:5px}.text-action{border:0;background:none;color:#008cff;padding:3px}.paragon-group{margin:0 0 28px}.paragon-group h2{color:#eee;font-size:18px;font-weight:500;margin-bottom:10px}.paragon-row{display:grid;grid-template-columns:minmax(90px,1fr) 80px 90px;gap:10px;align-items:center;min-height:32px;font-size:14px}.paragon-bonus{color:#a5a5a5;text-align:right;font-size:12px}.paragon-row input{width:100%;height:30px;min-height:30px;padding:4px 8px;font-size:14px;border-width:2px}.paragon-stat{color:#e3e3e3}.section-heading{display:flex;align-items:center;gap:9px}.section-heading h2{font-size:22px;font-weight:400;color:#eee}.planner-altar{border-top:1px solid #444;padding-top:18px}.planner-altar-map{position:relative;margin:16px auto 0;max-width:470px;width:100%;aspect-ratio:800/690;background:radial-gradient(ellipse,#3e332266,#111b),url('/altar-stone-v2.png') center/cover}.planner-altar-map svg{position:absolute;inset:0;width:100%;height:100%}.planner-altar-map line{stroke:#554b36;stroke-width:6}.planner-altar-map line.on{stroke:#d5992e}.altar-node{position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:28px;height:28px;padding:0;font-size:11px;border:2px solid #786950;background:radial-gradient(circle,#6e624a,#24211d);color:#fff;text-shadow:1px 1px #000}.altar-node[aria-pressed=true]{border-color:#8bd7ff;background:radial-gradient(circle,#c8e7f5,#577991);box-shadow:0 0 5px #42aafa;color:#fff}.calculation-hint{font-size:10px;color:#a5a5a5;line-height:1.5;margin:6px 0}.calculation-warning{color:#e5ba63;font-size:12px;line-height:1.5}
.stats-panel{display:flex;flex-direction:column;overflow:hidden;padding:0 9px;background:#181818}.stats-title{display:flex;justify-content:space-between;align-items:center;padding:9px 0 5px}.stats-title h2,.stats-heading{color:#008eff;font-size:18px;font-weight:400}.stats-scroll{overflow-y:auto;flex:1;min-height:0;padding-right:6px}.stats-heading{border-top:2px solid #343434;padding-top:7px;margin:12px 0 8px}.stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:22px;font-size:12px;color:#d2e6f4}.stat-row>span:first-child{min-width:0}.stat-value{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;color:#b9d7ea}.stats-scroll hr{border:0;border-top:1px solid #353535;margin:9px 0}.stats-graph{flex:none;border-top:1px solid #3b3b3b;padding:6px 0}.stats-graph select{width:100%;padding:4px;font-size:12px}.stats-graph svg{width:100%;height:90px}.stats-graph polyline{fill:none;stroke:#008eff;stroke-width:2}.stats-graph circle{fill:#008eff}.stats-graph small{font-size:9px;color:#8b8b8b}.planner-page footer{padding:5px 0;margin:0;font-size:9px}.planner-page footer>span:last-child{font-size:9px}.validation:not([hidden]){position:fixed;bottom:24px;left:340px;max-height:180px;overflow:auto;z-index:6;max-width:560px}
@media(max-width:1120px){.planner-page{padding:0 8px}.planner-layout{grid-template-columns:298px minmax(310px,1fr) 224px}.planner-page #paper-wrap{width:284px;height:437px}.planner-page .gear-paper{transform:scale(.85)}.planner-page #paper-wrap.follower-wrap{height:437px}.skill-bar .skill-button{width:41px;height:41px}.planner-page #editor{padding:12px}.stat-row{font-size:11px}.build-toolbar .build-name{width:240px}.build-toolbar .theme-field{width:200px}}
@media(max-width:900px){.planner-page{height:auto;min-height:100dvh}.planner-layout{grid-template-columns:298px minmax(0,1fr);align-items:start}.editor-panel{min-height:670px}.planner-page #editor{overflow:visible}.stats-panel{grid-column:1/-1;max-height:none}.stats-scroll{columns:2;overflow:visible}.stats-heading,.stat-row{break-inside:avoid}.stats-graph{display:none}.build-toolbar{flex-wrap:wrap}.build-toolbar #save-state{margin-left:0}.build-description{grid-template-columns:90px minmax(0,1fr)}.description-actions:has(button:not([hidden])){grid-column:1/-1}.validation:not([hidden]){position:static}.planner-page footer{flex-wrap:wrap}}
@media(max-width:650px){.planner-layout{grid-template-columns:minmax(0,1fr)}.loadout-panel{width:100%;max-width:380px;margin:auto}.planner-header{gap:10px;flex-wrap:wrap}.header-actions{flex-wrap:wrap}.loadout-switcher{flex-direction:column;align-items:stretch}.loadout-actions{justify-content:flex-end}.planner-page .build-toolbar .build-name{width:100%}.build-toolbar .build-name input{flex:1}.build-toolbar .theme-field{width:auto}.build-description{display:block}.build-description textarea{height:50px;margin-top:5px}.topbar>div{gap:10px}.brand small{display:none}.paragon-row{grid-template-columns:minmax(100px,1fr) 70px 75px}.stats-panel{grid-column:auto}.planner-page #paper-wrap{width:301px;height:462px}.planner-page .gear-paper{transform:scale(.9)}.planner-page #paper-wrap.follower-wrap{height:462px}.skill-bar .skill-button{width:44px;height:44px}.planner-page footer>span:last-child{display:none}}