.fp-shell{color:var(--ui-text,#dbeaf1);background:#07141e;padding:clamp(14px,2vw,30px);min-height:100vh}.fp-shell h1{font-size:clamp(28px,3vw,42px);margin:4px 0}.fp-shell h2{font-size:22px;margin:4px 0 12px}.fp-shell h3{font-size:18px}.fp-header,.fp-scheme-bar,.fp-stage-toolbar,.fp-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fp-header{justify-content:space-between;border-bottom:1px solid #27718a;padding-bottom:14px}.fp-scheme-bar{padding:18px 0}.fp-scheme-bar label{min-width:180px;flex:1}.fp-shell label{display:grid;gap:6px;font-weight:600}.fp-shell button{min-height:40px}.fp-message{min-height:36px;color:#abdce5;padding:8px 12px;background:#112730;border-left:2px solid #50c9df}.fp-workspace{display:grid;grid-template-columns:minmax(210px,1fr) minmax(300px,2.1fr) minmax(210px,.85fr);gap:18px;margin-top:18px}.fp-roster,.fp-editor,.fp-tools{border:1px solid #305767;background:linear-gradient(135deg,#10212b,#0b1721);padding:14px}.fp-roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;max-height:670px;overflow:auto}.fp-roster-card{display:grid;justify-items:center;padding:8px;background:#08151e;text-align:center;min-width:0}.fp-roster-card svg{width:100%;height:78px}.fp-roster-card strong{font-size:14px}.fp-roster-card small{color:#8faab7;font-size:12px}.fp-no-art{font-size:44px;color:#a36e73;padding:10px}.fp-shell .is-selected{border-color:#5fd7e9;box-shadow:inset 0 0 0 1px #5fd7e9;background:#153845}.fp-pagination{justify-content:space-between;margin-top:10px}.fp-stage-wrap{background:radial-gradient(ellipse at center,#193344,#070f18);border:1px solid #254b5e;overflow:hidden;aspect-ratio:1;max-height:680px}.fp-stage{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.fp-stage:focus-visible{outline:2px solid #a5e8f5;outline-offset:-3px}.fp-stage-toolbar{margin-top:12px;gap:7px}.fp-help{font-size:14px;line-height:1.45;color:#a0b5c0}.fp-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.fp-tools{display:flex;flex-direction:column;gap:14px}.fp-tools hr{width:100%;border:0;border-top:1px solid #305767}.fp-shell .fp-check{display:flex;align-items:center}.fp-shell input[type=color]{width:100%;height:44px}.fp-shell input[type=range]{width:100%}.fp-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.fp-swatches button{background:var(--swatch);min-height:26px;border:1px solid #7399a5;padding:0}.fp-tools output{font-size:13px;color:#89d6e4}.fb-paint-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;padding:14px;margin-bottom:14px;border:1px solid #2a6a7b;background:#102832}.fb-paint-bar label{flex:1;min-width:200px}.fb-ship-paint{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;align-items:end}.fb-ship-paint label{flex:1;min-width:160px}.fp-shell [hidden]{display:none!important}@media(max-width:1150px){.fp-workspace{grid-template-columns:minmax(180px,.7fr) minmax(280px,1.6fr)}.fp-tools{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.fp-tool-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}}@media(max-width:680px){.fp-workspace{display:flex;flex-direction:column}.fp-editor{order:0}.fp-roster{order:2}.fp-tools{order:1;display:grid;grid-template-columns:1fr 1fr}.fp-tool-grid{grid-template-columns:repeat(2,1fr)}.fp-tools .fp-help{grid-column:1/-1}.fp-roster-grid{max-height:350px;grid-template-columns:repeat(3,minmax(0,1fr))}.fp-header{align-items:start}.fp-scheme-bar button{flex:1}.fp-stage-toolbar button{font-size:13px}.fp-stage-wrap{max-height:440px}}
.fp-shell .fp-tool-grid button{font-size:14px;min-height:36px;padding:7px 8px}.fp-shell .fp-tools label{font-size:14px}.fp-stage-wrap{height:clamp(280px,48vh,620px);aspect-ratio:auto}.fp-tools{max-height:760px;overflow:auto}.fp-roster-grid{max-height:600px}@media(max-width:680px){.fp-stage-wrap{height:70vw;max-height:440px}.fp-tools{max-height:none;overflow:visible}}
.fp-colour-tabs{display:flex;gap:6px}.fp-colour-tabs button{flex:1;font-size:13px;padding:6px;min-height:32px}.fp-colour-tabs [aria-selected=true]{border-color:#68d5e7;background:#173d4a}.fp-swatches{max-height:140px;overflow:auto}.fp-tool-section{border-top:1px solid #305767;padding-top:12px}.fp-tool-section>summary{cursor:pointer;font-size:17px;font-weight:700;margin-bottom:12px;color:#a6e6f0}.fp-tool-section[open]{display:grid;gap:12px}.fp-tool-section button{width:100%}.fp-camo-colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fp-camo-colours label{font-size:12px!important}.fp-camo-preview{width:100%;height:65px;border:1px solid #416575}.fp-metal-swatches{display:flex;gap:5px}.fp-metal-swatches button{font-size:13px;padding:5px}.fp-light-settings{display:grid;gap:10px;border:1px solid #306a7c;padding:10px}.fp-brush-footprint>*{fill:none;stroke:#ffffff;stroke-width:1;vector-effect:non-scaling-stroke;paint-order:stroke}.fp-brush-footprint{filter:none}.fp-brush-cursor{pointer-events:none}.fp-stage{cursor:none}.fp-stage:focus-visible{cursor:crosshair}@media(max-width:1150px) and (min-width:681px){.fp-tool-section{grid-column:1/-1}.fp-light-settings{grid-column:1/-1}}@media(max-width:680px){.fp-colour-tabs,.fp-tool-section,.fp-light-settings,.fp-tools>h2{grid-column:1/-1}.fp-swatches{max-height:120px}}
.fp-tools>*{flex-shrink:0}.fp-swatches{min-height:26px;flex-shrink:0}
.fp-tool-category,.fp-stamp-settings{flex-shrink:0;grid-column:1 / -1}.fp-tool-category h3{margin:0 0 .4rem;color:var(--fp-accent,#75d8e4);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.fp-tool-category+.fp-tool-category{border-top:1px solid #365566;padding-top:.6rem}
