.fm-app{--fm-bg:#020b1e;--fm-panel:#071630;--fm-panel-2:#0b2041;--fm-line:#29466c;--fm-text:#f8fbff;--fm-muted:#8fa7c3;--fm-gold:#f3cd5f;--fm-red:#e30613;max-width:1540px;margin:0 auto;color:var(--fm-text)}
.fm-app button,.fm-app input,.fm-app select{font:inherit}.fm-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:26px 0 30px}.fm-eyebrow{margin-bottom:8px;color:var(--fm-gold);font-size:.72rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.fm-hero h1{margin:0;font-size:clamp(2.6rem,5vw,5rem);line-height:.95;letter-spacing:-.06em}.fm-hero p{max-width:790px;margin:16px 0 0;color:#9bb0cd;font-size:1.04rem;line-height:1.65}.fm-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.fm-btn{border:1px solid #355679;border-radius:11px;padding:11px 15px;color:#fff;background:#10283f;font-weight:900;cursor:pointer;transition:.15s ease}.fm-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#6c8db2}.fm-btn:disabled{opacity:.4;cursor:not-allowed}.fm-btn-primary{background:var(--fm-red);border-color:var(--fm-red)}.fm-btn-primary:hover{background:#ff1825}.fm-btn-secondary{background:#e9ad43;border-color:#e9ad43;color:#151d27}.fm-btn-danger{color:#fecdd3;border-color:#743145;background:#38101a}.fm-btn-muted{color:#c9d8e8}
.fm-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.fm-sidebar,.fm-workspace-column{display:grid;gap:16px}.fm-sidebar{position:sticky;top:108px;max-height:calc(100vh - 124px);overflow:auto;padding-right:3px}.fm-panel,.fm-toolbar,.fm-stage-shell,.fm-privacy-note{border:1px solid var(--fm-line);border-radius:18px;background:linear-gradient(145deg,rgba(11,32,65,.97),rgba(5,19,42,.97));box-shadow:0 22px 56px rgba(0,0,0,.18)}.fm-panel{padding:18px}.fm-panel-title{display:flex;align-items:center;gap:11px;margin-bottom:16px}.fm-panel-title>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--fm-red);font-size:.75rem;font-weight:950}.fm-panel-title h2,.fm-panel-heading h2{margin:0;font-size:1rem}.fm-panel-title small,.fm-panel-heading small{display:block;margin-top:2px;color:var(--fm-muted);font-size:.69rem}.fm-field{display:grid;gap:6px;margin-top:11px}.fm-field>span,.fm-selection-tools label{color:#bdd0e4;font-size:.7rem;font-weight:900}.fm-field input,.fm-field select,.fm-selection-tools input{width:100%;min-width:0;border:1px solid #355679;border-radius:9px;background:#020d23;color:#fff;padding:9px 10px;outline:none}.fm-field input:focus,.fm-field select:focus,.fm-selection-tools input:focus{border-color:var(--fm-gold);box-shadow:0 0 0 3px rgba(243,205,95,.12)}.fm-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fm-check-row{display:flex;gap:16px;margin-top:13px;color:#a9bdd4;font-size:.75rem}.fm-check-row label,.fm-transparent{display:flex;align-items:center;gap:6px}.fm-range>span{display:flex;justify-content:space-between}.fm-range input{padding:0}.fm-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.fm-template-grid button{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:8px;border:1px solid #315174;border-radius:10px;background:#06142c;color:#dce9f7;padding:7px;text-align:left;font-size:.7rem;font-weight:850;cursor:pointer}.fm-template-grid button:hover,.fm-template-grid button.is-active{border-color:var(--fm-gold);background:#102c54}.fm-template-grid i{display:block;width:44px;height:28px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.25);background:#1d4ed8}.fm-template-h2{background:linear-gradient(#1d4ed8 0 50%,#fff 50%)!important}.fm-template-h3{background:linear-gradient(#1d4ed8 0 33.33%,#fff 33.33% 66.66%,#dc2626 66.66%)!important}.fm-template-h5{background:linear-gradient(#1d4ed8 0 20%,#fff 20% 40%,#dc2626 40% 60%,#facc15 60% 80%,#15803d 80%)!important}.fm-template-v2{background:linear-gradient(90deg,#1d4ed8 0 50%,#fff 50%)!important}.fm-template-v3{background:linear-gradient(90deg,#1d4ed8 0 33.33%,#fff 33.33% 66.66%,#dc2626 66.66%)!important}.fm-template-diagonal{background:linear-gradient(145deg,#1d4ed8 0 49%,#fff 50% 53%,#dc2626 54%)!important}.fm-template-cross{background:linear-gradient(90deg,transparent 42%,#fff 42% 58%,transparent 58%),linear-gradient(transparent 37%,#fff 37% 63%,transparent 63%),#1d4ed8!important}.fm-template-nordic{background:linear-gradient(90deg,transparent 29%,#fff 29% 42%,transparent 42%),linear-gradient(transparent 37%,#fff 37% 63%,transparent 63%),#1d4ed8!important}.fm-template-canton{background:linear-gradient(#fff 0 50%,#dc2626 50%)!important;position:relative}.fm-template-canton:after{content:"";position:absolute;inset:0 50% 50% 0;background:#1d4ed8}.fm-palette{display:flex;gap:9px;margin-top:14px}.fm-palette label{display:block;width:36px;height:36px;border:2px solid #45688f;border-radius:50%;overflow:hidden;cursor:pointer}.fm-palette input{width:48px;height:48px;border:0;padding:0;margin:-7px;cursor:pointer}.fm-help{margin:10px 0 0;color:#738ba8;font-size:.68rem;line-height:1.5}.fm-add-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fm-add-grid button{display:grid;place-items:center;gap:3px;min-height:62px;border:1px solid #315174;border-radius:10px;background:#06142c;color:#fff;font-size:1.3rem;cursor:pointer}.fm-add-grid button span{font-size:.62rem;color:#9fb4ca;font-weight:850}.fm-add-grid button:hover{border-color:var(--fm-gold);background:#102c54}.fm-upload-button{display:flex;justify-content:center;margin-top:10px;border:1px dashed #587ca5;border-radius:10px;padding:11px;color:#d8e6f5;font-size:.75rem;font-weight:900;cursor:pointer}.fm-upload-button:hover{border-color:var(--fm-gold);background:#102c54}
.fm-toolbar{min-height:72px;padding:11px 14px}.fm-no-selection{display:flex;align-items:center;min-height:48px;color:#829ab7;font-size:.78rem}.fm-selection-tools{display:grid;grid-template-columns:minmax(90px,1.2fr) repeat(6,minmax(62px,.6fr)) auto;gap:8px;align-items:end}.fm-selection-tools strong{align-self:center;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-selection-tools label{display:grid;gap:4px}.fm-selection-tools input{padding:7px 8px}.fm-selection-tools input[type=color]{height:34px;padding:3px}.fm-selection-tools input[type=range]{padding:0}.fm-selection-tools #fm-text-wrap{grid-column:2/span 3}.fm-selection-tools #fm-font-wrap{grid-column:5}.fm-layer-actions{display:flex;gap:5px}.fm-layer-actions button{width:33px;height:33px;border:1px solid #37597b;border-radius:8px;background:#10283f;color:#fff;font-weight:950;cursor:pointer}.fm-layer-actions button:hover{border-color:var(--fm-gold)}.fm-layer-actions .is-danger{background:#49131d;color:#fecdd3}
.fm-stage-shell{padding:18px}.fm-stage-scroll{display:grid;place-items:center;min-height:520px;overflow:auto;border-radius:13px;background:radial-gradient(circle at 50% 45%,#17345e,#030c1b 74%);box-shadow:inset 0 0 50px rgba(0,0,0,.45)}.fm-stage{position:relative;width:min(900px,94%);transform-origin:center;transition:transform .15s ease}.fm-stage.has-grid:before{content:"";position:absolute;inset:-18px;pointer-events:none;background-image:linear-gradient(rgba(136,171,210,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(136,171,210,.08) 1px,transparent 1px);background-size:20px 20px}.fm-stage svg{position:relative;display:block;width:100%;height:auto;background:#fff;box-shadow:0 14px 45px rgba(0,0,0,.48);touch-action:none;user-select:none}.fm-stage.is-transparent svg{background-image:linear-gradient(45deg,#d7d7d7 25%,transparent 25%),linear-gradient(-45deg,#d7d7d7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7d7d7 75%),linear-gradient(-45deg,transparent 75%,#d7d7d7 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#fff}.fm-svg-element{cursor:move}.fm-svg-element:hover{filter:brightness(1.08)}.fm-svg-selection{fill:none;stroke:#f3cd5f;stroke-width:3;stroke-dasharray:8 6;vector-effect:non-scaling-stroke;pointer-events:none}.fm-stage-tip{padding:12px 2px 0;color:#7890ab;font-size:.7rem;text-align:center}.fm-bottom-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:16px}.fm-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.fm-panel-heading>span{display:grid;place-items:center;min-width:30px;height:26px;border-radius:999px;background:#102c54;color:#b9cce1;font-size:.7rem;font-weight:900}.fm-layer-list{display:grid;gap:6px;max-height:275px;overflow:auto}.fm-layer-empty{padding:22px;color:#7087a2;text-align:center;font-size:.75rem}.fm-layer-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;border:1px solid #294767;border-radius:9px;background:#06142c;padding:7px;cursor:pointer}.fm-layer-item:hover,.fm-layer-item.is-active{border-color:var(--fm-gold);background:#102749}.fm-layer-swatch{display:grid;place-items:center;width:30px;height:26px;border-radius:6px;background:#152e4c;font-size:.8rem;overflow:hidden}.fm-layer-swatch img{width:100%;height:100%;object-fit:cover}.fm-layer-item strong{font-size:.73rem}.fm-layer-item small{display:block;color:#748da8;font-size:.61rem}.fm-layer-lock{color:#778ba1;font-size:.72rem}.fm-download-panel .fm-field{margin-top:10px}.fm-transparent{margin:13px 0;color:#a9bdd4;font-size:.75rem}.fm-download-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fm-message{min-height:18px;margin:10px 0 0;color:#9fe7c8;font-size:.7rem}.fm-privacy-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:16px;color:#9fb3ca;font-size:.78rem}.fm-privacy-note strong{color:#dbe9f8}.fm-stage-shell.is-dragging .fm-svg-element{cursor:grabbing}
@media(max-width:1180px){.fm-layout{grid-template-columns:290px minmax(0,1fr)}.fm-selection-tools{grid-template-columns:repeat(4,minmax(62px,1fr))}.fm-selection-tools strong{grid-column:1/-1}.fm-layer-actions{grid-column:1/-1}.fm-stage-scroll{min-height:430px}}
@media(max-width:900px){.fm-hero{align-items:flex-start;flex-direction:column}.fm-hero-actions{justify-content:flex-start}.fm-layout{grid-template-columns:1fr}.fm-sidebar{position:static;max-height:none;overflow:visible;grid-template-columns:repeat(3,1fr)}.fm-workspace-column{grid-row:1}.fm-stage-scroll{min-height:380px}.fm-bottom-grid{grid-template-columns:1fr}.fm-template-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.fm-sidebar{grid-template-columns:1fr}.fm-selection-tools{grid-template-columns:repeat(2,1fr)}.fm-selection-tools #fm-text-wrap,.fm-selection-tools #fm-font-wrap{grid-column:auto}.fm-layer-actions{grid-column:1/-1}.fm-stage-shell{padding:10px}.fm-stage-scroll{min-height:300px}.fm-download-buttons{grid-template-columns:1fr}.fm-privacy-note{align-items:flex-start;flex-direction:column}.fm-hero h1{font-size:2.8rem}}
.fm-template-center-h{background:linear-gradient(#1d4ed8 0 33%,#fff 33% 67%,#1d4ed8 67%)!important}.fm-template-center-v{background:linear-gradient(90deg,#1d4ed8 0 36%,#fff 36% 64%,#1d4ed8 64%)!important}.fm-template-quartered{background:conic-gradient(#1d4ed8 0 25%,#fff 0 50%,#facc15 0 75%,#dc2626 0)!important}.fm-template-diagonal-tricolor{background:linear-gradient(160deg,#1d4ed8 0 41%,#fff 42% 58%,#dc2626 59%)!important}.fm-template-diagonal-band{background:linear-gradient(160deg,#1d4ed8 0 42%,#fff 43% 57%,#1d4ed8 58%)!important}.fm-template-saltire{background:linear-gradient(35deg,transparent 42%,#fff 43% 57%,transparent 58%),linear-gradient(-35deg,transparent 42%,#fff 43% 57%,transparent 58%),#1d4ed8!important}.fm-template-hoist-triangle{background:conic-gradient(from 90deg at 0 50%,#fff 0 25%,#1d4ed8 0)!important}.fm-template-chevron{background:linear-gradient(35deg,#fff 0 23%,#dc2626 24% 31%,transparent 32%),linear-gradient(145deg,#fff 0 23%,#dc2626 24% 31%,transparent 32%),#1d4ed8!important}.fm-template-border{background:#dc2626!important;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px #1d4ed8!important}.fm-template-sunburst{background:repeating-conic-gradient(from -11deg,#facc15 0 22.5deg,#dc2626 22.5deg 45deg)!important}.fm-backup-warning{display:grid;gap:.55rem;padding:.8rem .9rem;border:1px solid rgba(250,204,21,.55);border-radius:12px;background:rgba(250,204,21,.08);color:#fef3c7;font-size:.88rem;line-height:1.4}.fm-backup-warning strong{color:#fde68a}.fm-backup-warning span{color:#d7dee9}.fm-backup-warning label{display:flex;align-items:flex-start;gap:.5rem;color:#fff;font-weight:700;cursor:pointer}.fm-backup-warning input{margin-top:.18rem;accent-color:#facc15}.fm-download-buttons button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}
