/* Endfield terminal: neutral panels, signal yellow, technical rules and a quiet grid. */
:root{color-scheme:light;--bg:#252628;--panel:#f0f0f0;--surface:#e4e4e4;--line:#c9c9c9;--muted:#6a6a6a;--text:#212121;--accent:#efff00;--accent-dark:#b2c000;--cyan:#79c5c3;font-family:SourceHan,"Microsoft YaHei",sans-serif}
body{background:#282a2b;color:var(--text)}button,input,select,textarea,.button,.tag,.badge,.dialog,.image-card,.text-field,.cover-part-card,.slot-reset,.layer-tree,.layer-row,.inspector-visibility,.alignment-tools{border-radius:1px}
.topbar{height:66px;background:#232426;color:#fafafa;border-bottom:3px solid #efff00;padding:0 20px;gap:20px}.brand{min-width:230px;font-weight:800;font-size:18px}.brand small{color:#a9a9a9;font-size:8px;letter-spacing:1.6px}.brand-icon{background:var(--accent);color:#212121;border-radius:0;width:35px;height:35px;font-size:29px;clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%)}.project-title{color:#cacaca;font-size:9px;letter-spacing:1px}.tiny-square{width:6px;height:6px}.badge{color:#c9c9c9;border-color:#575757}.save-status{color:#d6d6d6}.save-status::before{background:var(--accent);border-radius:0}.topbar .button.ghost{background:#303234;border-color:#555555;color:#ececec}.topbar .button.ghost:hover{background:#4a4a4a}.topbar .icon-btn{color:#cacaca}.topbar .divider{background:#555555}
.button{border-color:#b6b6b6;color:#2b2b2b;min-height:35px;font-weight:600}.button.primary{background:var(--accent);color:#191919;border-color:#d8e700}.button.primary:hover{background:#e1f100;border-color:#d5e500}.button.ghost{background:#ededed;color:#2b2b2b}.button.ghost:hover,.button:hover{background:#dedede;border-color:#9d9d9d}.text-button{color:#666666}.text-button:hover{color:#161616;text-decoration:underline}.icon-btn:hover{background:#dddddd;color:#222}.warning{color:#b1451b!important}
.editor{background:#f1f1f1;border-color:#b7b7b7;box-shadow:-6px 0 20px #0000000c}.editor-heading{background:#fafafa;border-bottom:1px solid #c6c6c6;position:relative;padding:25px 22px 21px}.editor-heading::after{content:"";position:absolute;left:22px;bottom:0;width:64px;height:4px;background:#262626}.eyebrow{color:#767676;font:9px Space,monospace;letter-spacing:1.8px}.editor-heading h1{color:#232323;font-weight:800;font-size:25px;letter-spacing:1px}.editor-heading .text-button{font-size:10px;color:#7b7b7b}.editor-modes{padding:14px 18px;background:#e6e6e6;border-bottom:1px solid #c6c6c6;gap:6px}.editor-modes button{background:#f6f6f6;color:#5a5a5a;border:1px solid #c2c2c2;font-weight:600;min-height:37px}.editor-modes button.active{background:#efff00;color:#191919;border-color:#c0cf00;box-shadow:none}.editor-scroll{background:#f1f1f1;padding:22px;scrollbar-color:#a8a8a8 transparent}.editor-footer{background:#e7e7e7;border-color:#c3c3c3;color:#696969}.green-dot{background:#767676;border-radius:0}.section-heading{align-items:center}.section-heading h2{font-size:16px;font-weight:800;letter-spacing:.4px;color:#292929}.section-heading>span{color:#7b7b7b;font-size:10px}.form-section{border-color:#cacaca}.section-intro,.field-hint{color:#767676;font-size:11px;line-height:1.9}.form-section>.section-heading::before{content:"";width:3px;height:15px;background:#323232;margin-right:1px}.section-heading>h2{margin-right:auto}
input,select,textarea{background:#fff;color:#232323;border-color:#bebebe;border-radius:1px;box-shadow:none}input:focus,textarea:focus,select:focus{border-color:#777777;box-shadow:0 0 0 2px #efff0040}input::placeholder,textarea::placeholder{color:#919191}input[type=range]{accent-color:#5b5b5b}input[type=checkbox]{accent-color:#3b3b3b}.control-label,.label-row,.field{color:#3a3a3a}.label-row>span,.muted{color:#808080}.number-stepper,.opacity-number{background:#fff;border-color:#bebebe;border-radius:1px}.number-stepper button{background:#e3e3e3;color:#3a3a3a}.number-stepper input,.opacity-number input{background:#fff;color:#232323}.input-unit b,.opacity-number b{color:#767676}.tag{background:#e8e8e8;color:#616161;border-color:#c6c6c6;font-size:10px}
.image-card{background:#e6e6e6;border:1px solid #bdbdbd}.image-card:hover{border-color:#898989;background:#ebebeb}.image-card.selected{border:2px solid #373737;background:#f0f0f0;box-shadow:none}.image-card img{background:repeating-conic-gradient(#e5e5e5 0% 25%,#d9d9d9 0% 50%) 50%/18px 18px;object-fit:contain}.image-card>span{color:#373737;background:#efefef;font-size:12px;font-weight:650}.image-card>span>b{color:#666666;font-weight:400}.image-card>em{background:#efff00;color:#263300;border-radius:0;letter-spacing:1px}.image-actions button{background:#f0f0f0;border:1px solid #bebebe;color:#3c3c3c;min-height:34px;font-size:11px}.image-actions button:hover{background:#efff00;color:#172100}.image-actions button:first-child{background:#e3e3e3;border-color:#c1c1c1}.slot-reset{border-color:#c2c2c2;background:#f0f0f0;color:#727272;padding:7px}.slot-reset:hover{background:#e6e6e6;color:#343434}.image-visibility{color:#777777}.image-visibility input{accent-color:#5e5e5e}.slot-state{background:#dfdfdf;color:#666666}.image-option.is-hidden{filter:grayscale(1)}
.text-field{background:#fbfbfb;border:1px solid #cccccc;border-left:3px solid #959595;box-shadow:none;padding:15px}.text-field>.label-row{color:#3d3d3d}.type-controls{border-color:#d4d4d4}.type-controls>summary{color:#575757}.type-controls>summary>span{color:#838383}.type-controls-body label{color:#5e5e5e}.type-controls-body .restore-type{color:#5d5d5d;border-color:#bcbcbc;background:#f0f0f0}.text-field input,.text-field textarea{background:#fff;color:#2d2d2d}.type-controls input[type=color]{background:#f7f7f7}
.transform-panel{border-color:#bfbfbf}.back-to-images{color:#636363}.image-preview-wrap{border-color:#bcbcbc;background:repeating-conic-gradient(#e6e6e6 0% 25%,#dbdbdb 0% 50%) 50%/20px 20px;border-radius:1px}.drag-tip{color:#757575;background:#e7e7e7cc}.inspector-visibility{background:#e7e7e7;border-color:#c5c5c5;color:#555555}.transform-toolbar .text-button{color:#6e6e6e}.toggle-line strong,.weapon-group-toggle strong,.separator-toggle strong{color:#404040}.weapon-group-toggle small,.separator-toggle small{color:#878787}.background-card{background:#f8f8f8;border-color:#d1d1d1}
.cover-part-card{background:#ececec;border-color:#c0c0c0;color:#434343}.cover-part-card>b{color:#747474}.cover-part-card>small{color:#848484}.cover-part-card.selected{border-color:#666666;background:#e8e8e8}.layer-tree{border-color:#c1c1c1}.layer-row{background:#f4f4f4;border-color:#d7d7d7;color:#555555}.layer-row.selected{background:#eaeaea;box-shadow:inset 3px 0 #6c6c6c}.layer-row.dimmed{color:#9c9c9c}.layer-symbol,.layer-grip{color:#939393}.layer-top-actions button,.layer-order-actions button{background:#ececec;color:#575757;border-color:#c5c5c5}.layer-row.drop-target{background:#e7d8f3}.layer-row.drop-before,.layer-row.drop-after{background:#e9def4}
.rail{background:#25272a;border-color:#525252;padding-top:14px}.rail-caption{color:#8c8c8c;font:9px Space;letter-spacing:3px}.rail-item{color:#a5a5a5;border-radius:0;margin-bottom:4px;min-height:67px;height:70px}.rail-item small{color:#6c6c6c;font-family:Space}.rail-item>b{font-weight:500;font-size:11px}.rail-item>span{font-size:21px}.rail-item.active{background:#e9e9e9;color:#292929;border-left:4px solid #efff00;box-shadow:none}.rail-item.active small{color:#727272}.rail-item:hover{background:#3c3c3c;color:#efff00}.rail-item.active:hover{background:#f2f2f2;color:#2e2e2e}.rail-bottom .rail-item{height:50px;min-height:50px}.local-pill{color:#969696;background:none;border-color:#565656;border-radius:0;font-size:9px}.local-pill i{background:#d6e500;border-radius:0}
.workspace{background:#303235}.preview-toolbar{background:#e9e9e9;border-color:#c7c7c7;color:#464646;min-width:0}.preview-tabs button{color:#757575;font-size:11px;font-weight:600}.preview-tabs button.active{color:#2a2a2a}.preview-tabs button.active::after{background:#383838;height:3px}.view-controls{color:#717171}.view-controls .icon-btn{color:#6b6b6b}.view-controls .text-button{color:#737373;font-size:10px}.view-controls .active{color:#353535}.canvas-viewport{background-color:#343638;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:32px 32px}.canvas-wrap{box-shadow:0 8px 32px #0005;border-color:#959595}.sheet-meta,.sheet-footer{color:#bbbbbb;font-family:Space,monospace;letter-spacing:1px}.sheet-meta i{background:#eaff00;border-radius:0}.workspace-footer{background:#25282b;border-color:#4e4e4e;color:#bcbcbc}.workspace-footer b{color:#7d7d7d}.compare-label{background:#efff00;color:#273600;border-radius:0}
.dialog{background:#f3f3f3;color:#3d3d3d;border-color:#b7b7b7;border-radius:1px;box-shadow:0 30px 120px #0008}.dialog::backdrop{background:#161b20b8;backdrop-filter:blur(3px)}.dialog-heading{background:#e5e5e5;border-color:#c1c1c1;position:relative}.dialog-heading::before{content:"";position:absolute;top:0;left:0;width:90px;height:4px;background:#d1e000}.dialog-heading h2{font-weight:800;color:#323232}.dialog-heading .icon-btn{color:#6d6d6d}.dialog-footer{color:#797979;border-color:#c3c3c3;background:#ebebeb}.asset-item{background:#f7f7f7;border-color:#cacaca;border-radius:1px}.asset-item img{background:repeating-conic-gradient(#e4e4e4 0% 25%,#dbdbdb 0% 50%) 50%/16px 16px}.asset-item>span{color:#4a4a4a}.asset-item small{color:#8f8f8f}.asset-item:hover{border-color:#838383;box-shadow:inset 0 0 0 1px #838383}.export-preview{background:#cfcfcf}.export-options p,.export-options .export-footnote{color:#7e7e7e}.confirm-dialog>p{color:#767676}.toast{background:#efff00;color:#303030;border:1px solid #a8b600;border-radius:0;box-shadow:5px 5px 0 #0003}.loading{background:#24272a}.loading h2{color:#eeeeee}.loading p{color:#afafaf}.loader{border-color:#616161;border-top-color:#efff00}.preview-warning{color:#555555;background:#fff2bd;border-color:#b7b7b7}
.alignment-tools{background:#f3edf8;border-color:#bd9ed1;color:#65447d}.alignment-tools h2{color:#65447d}.alignment-tools .field-hint{color:#8a709c}.alignment-link,.align-buttons button{background:#eee2f6;border-color:#b28bc9;color:#73428f}.manual-guide-item,.manual-guide-item button{color:#8852a6;border-color:#d1b9de}.manual-guide button{background:#eaddf3;color:#7c4b96;border-color:#b18cc5}.guide-readout{border-radius:0}.purple-tag{color:#965bb9}.guide-toggles input{accent-color:#b45cff}
.team-row-toggle{margin-bottom:15px;padding:12px 0;border-top:2px solid #636363;border-bottom:1px solid #cbcbcb}.team-row-toggle>span{display:flex;flex-direction:column;gap:5px}.team-row-toggle strong{font-size:16px}.team-row-toggle small{color:#868686;font-size:10px}.team-slot{min-width:0}.team-slot>.image-option{margin-bottom:10px}.team-rarity{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:10px 0;color:#737373;font-size:11px}.team-rarity input{width:34px;height:25px;padding:2px}.team-slot>.slot-reset{width:100%}
.storage-dialog{width:660px}.storage-body{padding:24px;display:flex;flex-direction:column;gap:18px}.storage-body>p,.storage-body details{font-size:12px;line-height:1.9;color:#7c7c7c}.storage-body .field{display:flex;flex-direction:column;gap:9px}.storage-body #storageRoot{font-family:monospace;font-size:12px}.storage-feedback{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;padding:12px;border:1px solid #bfbfbf;background:#ececec;color:#606060}.storage-actions{display:flex;gap:8px;flex-wrap:wrap}.storage-body details>p{margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.storage-history-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c1c1c1;padding-top:16px}.storage-history-heading h3{font-size:15px}.disk-history{max-height:220px;overflow-y:auto;font-size:11px;color:#858585}.disk-history>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #d8d8d8}.disk-history>div>span{overflow-wrap:anywhere}
@media(min-width:761px){.studio{grid-template-columns:minmax(0,1fr) 358px 74px}.rail-item{width:64px}.editor-heading{padding:22px}.preview-toolbar{flex-wrap:wrap}.preview-tabs{width:100%;gap:14px}.preview-tabs button{padding-left:0;padding-right:0}.view-controls{margin-left:auto}.topbar .project-title{display:none}}
@media(min-width:1600px){.studio{grid-template-columns:minmax(0,1fr) 400px 82px}.topbar .project-title{display:flex}.preview-tabs{width:auto}.preview-toolbar{gap:15px}}
@media(max-width:1100px) and (min-width:761px){.header-actions{gap:4px}.brand{min-width:195px}.topbar{gap:12px;padding:0 12px}.save-status{max-width:130px;overflow:hidden;text-overflow:ellipsis}.topbar .button{padding:8px}.studio{grid-template-columns:minmax(0,1fr) 326px 66px}.rail-item{width:56px}.editor-scroll{padding:17px}.preview-tabs{gap:9px}.preview-tabs button{font-size:10px}}
@media(max-width:760px){.topbar{height:auto;min-height:62px;padding:12px 15px;gap:10px}.brand{min-width:0;font-size:15px}.brand-icon{width:29px;height:29px}.brand small{display:none}.header-actions{flex-wrap:wrap;gap:5px}.topbar .button{padding:7px;font-size:10px;min-height:29px}.project-title{display:none}.editor-modes{top:62px}.rail{background:#292929}.rail-item{min-height:44px;height:44px;width:auto;padding:4px 7px}.rail-item.active{border-left:0;border-bottom:3px solid #efff00}.rail-item>b{font-size:10px}.rail-item>span{font-size:14px}.preview-tabs{gap:12px;overflow:auto;max-width:100%}.preview-tabs button{font-size:11px;flex-shrink:0}.view-controls{gap:5px}.editor-heading{padding:20px}.editor-heading h1{font-size:23px}.editor-scroll{padding:20px}.storage-body{padding:18px}.editor-modes.cover-modes button{font-size:11px}.workspace-footer{padding:0 12px;font-size:9px}}
@media(max-width:480px){.topbar .brand{font-size:13px}.header-actions .button{font-size:9px}.topbar{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}.editor-modes{top:102px}.rail-item{padding:3px 5px}.rail-item>b{font-size:9px}.rail-item>span{display:none}.preview-tabs{gap:9px}.preview-tabs button{font-size:10px}}

.image-option>.slot-reset,.team-slot>.slot-reset{background:#e6e6e1;color:#62645b;border-color:#c5c6bd}.image-option>.slot-reset:hover{background:#d6d9cf;color:#2f3527}.view-controls #fitWidth.active,.view-controls #fitWhole.active{background:#efff00;color:#242819;padding:4px 7px}.team-row-toggle small{line-height:1.7}
.view-controls #fitWidth,.view-controls #fitWhole{color:#30332d;background:#f8f9f3;border:1px solid #b9bdb0;padding:6px 9px;min-height:29px;font-weight:600;line-height:1.2}
.view-controls #fitWidth.active,.view-controls #fitWhole.active{color:#171a12;background:#efff00;border-color:#9aa600;padding:6px 9px;box-shadow:inset 0 -2px 0 #b6c400}
.view-controls #fitWidth:hover,.view-controls #fitWhole:hover{color:#171a12;border-color:#6e7760;background:#e4e9d8}
.view-controls #fitWidth.active:hover,.view-controls #fitWhole.active:hover{background:#e4f300}