.flag-hero{display:flex;justify-content:space-between;gap:2rem;align-items:end;padding:2.2rem 0 1.3rem;border-bottom:1px solid #3b3631}.flag-hero h1{font-size:clamp(2.8rem,7vw,5.5rem);margin:.15rem 0}.flag-hero p{max-width:760px;color:#c9c0b6}.flag-hero-actions,.form-actions,.card-actions{display:flex;gap:.65rem;flex-wrap:wrap}.flag-statusbar{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin:1rem 0;border:1px solid #3c3731;background:#171512;color:#c9bfb4;font-size:.9rem}.flag-workspace{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(370px,1.15fr) minmax(300px,.92fr);gap:1rem;align-items:start}.flag-panel{background:#181613;border:1px solid #3d3832;padding:1rem;min-width:0}.panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.panel-heading h2{margin:.1rem 0;font-size:1.3rem}.panel-heading input,.panel-heading select{max-width:155px}.eyebrow{color:#f29b3d;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.72rem}.flag-tabs{display:flex;gap:.5rem;margin-bottom:.8rem}.flag-tabs button,.editor-actions button{background:#24211d;border:1px solid #49423a;color:#eee;padding:.55rem .7rem}.flag-tabs button.active{background:#db5c32;border-color:#db5c32}.shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-height:620px;overflow:auto;padding-right:.25rem}.shape-card{text-align:left;background:#211e1a;color:#eee;border:1px solid #413b34;padding:.7rem;min-height:126px;transition:.15s}.shape-card:hover,.shape-card:focus-visible{border-color:#ed7549;transform:translateY(-1px)}.shape-preview{display:block;white-space:pre;overflow:hidden;min-height:58px;font:10px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#f2d4c4;margin-bottom:.5rem}.shape-card strong,.shape-card small{display:block}.shape-card small{color:#aaa298;margin-top:.2rem}.color-palette{display:grid;grid-template-columns:repeat(9,1fr);gap:.35rem;margin-bottom:.8rem}.color-chip{min-width:0;background:#211f1b;border:1px solid #484139;color:#eee;padding:.35rem .15rem;display:grid;place-items:center;gap:.12rem}.color-chip span{width:22px;height:12px;background:var(--chip);border:1px solid #000}.color-chip small{display:none}.color-chip:hover,.color-chip:focus-visible{outline:2px solid var(--chip);outline-offset:1px}.flag-editor-panel label{display:grid;gap:.35rem;margin:.75rem 0;font-weight:700}.flag-editor-panel input,.flag-editor-panel textarea{width:100%}.flag-editor-panel textarea[data-flag-editor]{min-height:370px;resize:vertical;background:#0d0d0c;color:#f4efe9;border:1px solid #514a41;padding:1rem;font:16px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4;white-space:pre}.flag-preview-wrap{min-height:420px;overflow:auto;padding:1.2rem;border:1px solid #443e37;display:flex;align-items:flex-start}.flag-preview-wrap.bg-dark{background:#080808}.flag-preview-wrap.bg-light{background:#eee}.flag-preview-wrap.bg-game{background:linear-gradient(135deg,#18120d,#3b2617)}.flag-preview{margin:0;white-space:pre;font:16px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;min-width:max-content}.validation-card{margin-top:.8rem;background:#211e1a;border-left:3px solid #e68543;padding:.8rem}.validation-card ul{margin:.5rem 0 0;padding-left:1.1rem;color:#c9c0b6}.historic-color-reference{max-width:100%;image-rendering:pixelated;margin-top:.7rem}.saved-flags-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.saved-flag-card{display:grid;grid-template-columns:180px 1fr;gap:1rem;background:#191714;border:1px solid #3c3731;padding:1rem}.saved-flag-preview{background:#090909;overflow:hidden;min-height:130px;padding:.8rem}.saved-flag-preview pre{margin:0;white-space:pre;font:10px/1.2 monospace;color:#ddd}.saved-flag-card h2{margin:0}.flag-meta{display:flex;gap:1rem;flex-wrap:wrap;color:#aca49a;font-size:.85rem;margin:.8rem 0}.danger-icon{border:1px solid #71382f;background:#321b18;color:#ffb4a5;padding:.45rem .65rem}.empty-state{text-align:center;padding:4rem 1rem;border:1px dashed #554b41;background:#171512}
@media(max-width:1100px){.flag-workspace{grid-template-columns:1fr 1fr}.flag-library{grid-column:1/-1}.shape-grid{grid-template-columns:repeat(4,1fr);max-height:none}.saved-flags-grid{grid-template-columns:1fr}}
@media(max-width:720px){.flag-hero{align-items:flex-start;flex-direction:column}.flag-workspace{grid-template-columns:1fr}.flag-library{order:3}.flag-editor-panel{order:1}.flag-preview-panel{order:2}.shape-grid{grid-template-columns:repeat(2,1fr)}.color-palette{grid-template-columns:repeat(7,1fr)}.flag-preview-wrap{min-height:260px}.saved-flag-card{grid-template-columns:1fr}.saved-flag-preview{min-height:100px}.flag-statusbar{align-items:flex-start;flex-direction:column}}
/* v1.18.1: el formato real del juego es una construcción horizontal de una sola línea. */
.flag-line-editor{display:block;width:100%;height:58px;background:#080808;color:#f4efe9;border:1px solid #62584d;padding:0 1rem;font:20px/58px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow-x:auto}
.flag-editor-panel label small{font-weight:400;color:#aaa298;margin-left:.4rem}
.flag-preview-wrap{min-height:120px;align-items:center;overflow-x:auto;overflow-y:hidden}
.flag-preview{white-space:pre;font:22px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;min-width:max-content}
.shape-grid{grid-template-columns:1fr;max-height:520px}
.shape-card{min-height:78px}
.shape-preview{min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
@media(max-width:1100px){.shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.shape-grid{grid-template-columns:1fr}.flag-line-editor{font-size:17px}.flag-preview{font-size:18px}}

/* v1.19.0: biblioteca filtrable y catálogo Europa occidental. */
.flag-library{grid-row:span 2}.library-search-row{display:grid;grid-template-columns:1fr 150px;gap:.5rem;margin-bottom:.7rem}.library-search-row input,.library-search-row select{width:100%;min-width:0}.flag-filterbar{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.45rem}.flag-filterbar button,.flag-subfilters button,.library-view-toggle button{white-space:nowrap;border:1px solid #49423a;background:#24211d;color:#e8e0d8;padding:.48rem .62rem}.flag-filterbar button.active,.flag-subfilters button.active,.library-view-toggle button.active{background:#db5c32;border-color:#db5c32}.flag-filterbar button span{display:inline-grid;place-items:center;min-width:1.3rem;height:1.3rem;margin-left:.25rem;border-radius:50%;background:#111;font-size:.72rem}.flag-subfilters{display:flex;gap:.35rem;flex-wrap:wrap;margin:.25rem 0 .65rem}.flag-subfilters:empty{display:none}.library-result-summary{display:flex;justify-content:space-between;align-items:center;color:#aaa298;font-size:.82rem;margin-bottom:.55rem}.library-result-summary button{border:0;background:none;color:#efa06c;text-decoration:underline}.library-view-toggle{display:flex;gap:.25rem}.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:650px}.shape-card{position:relative;padding:0;display:flex;flex-direction:column;min-height:112px}.shape-main{flex:1;text-align:left;background:transparent;border:0;color:inherit;padding:.75rem;padding-right:2.25rem}.favorite-button{position:absolute;right:.35rem;top:.32rem;z-index:2;border:0;background:transparent;color:#f0a36d;font-size:1.25rem}.shape-detail-button{border:0;border-top:1px solid #3e3933;background:#191714;color:#bdb5ac;padding:.35rem;font-size:.75rem}.shape-description{display:none;color:#8f887f;font-size:.72rem;margin-top:.35rem}.shape-grid.detailed .shape-description{display:block}.shape-card.does-not-fit{opacity:.58}.shape-card.does-not-fit .shape-main:after{content:'No cabe';display:inline-block;margin-top:.35rem;color:#ff9d87;font-size:.72rem}.flag-empty-library{text-align:center;padding:2rem;border:1px dashed #5a5046}.flag-element-modal[hidden]{display:none}.flag-element-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem}.flag-element-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75)}.flag-element-modal-card{position:relative;z-index:1;width:min(620px,100%);background:#1b1815;border:1px solid #5c5147;padding:1.5rem}.modal-close{position:absolute;right:.6rem;top:.5rem;border:0;background:none;color:#fff;font-size:1.7rem}.modal-element-preview{overflow-x:auto;white-space:nowrap;background:#090909;padding:1.2rem;margin:1rem 0;font:20px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:#f3ddd0}.flag-statusbar{flex-wrap:wrap}
@media(max-width:1100px){.flag-library{grid-column:1/-1;grid-row:auto}.shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.library-search-row{grid-template-columns:1fr}.library-view-toggle{display:none}.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.shape-preview{font-size:12px}.flag-filterbar{margin-inline:-.2rem}.flag-element-modal-card{padding:1.1rem}.modal-element-preview{font-size:16px}}
@media(max-width:430px){.shape-grid{grid-template-columns:1fr}}

/* v1.20.0: biblioteca simplificada en dos listas legibles. */
.flag-workspace{grid-template-columns:minmax(360px,1.2fr) minmax(360px,1.05fr) minmax(280px,.8fr)}
.flag-library{grid-row:auto}
.flag-library-primary-filters{display:grid;grid-template-columns:1fr 1.45fr;gap:.5rem;margin-bottom:.8rem}
.flag-library-primary-filters button{display:flex;justify-content:center;align-items:center;gap:.45rem;min-height:46px;padding:.65rem .8rem;border:1px solid #514940;background:#24211d;color:#eee;font-weight:800;text-align:center}
.flag-library-primary-filters button.active{background:#db5c32;border-color:#ed7549}
.flag-library-primary-filters button span{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .25rem;background:#111;border-radius:999px;font-size:.72rem}
.library-search-row{grid-template-columns:minmax(0,1fr) 132px}
.flag-library-list{display:flex;flex-direction:column;gap:.65rem;max-height:680px;overflow-y:auto;padding-right:.3rem}
.flag-library-item{display:block;border:1px solid #494139;background:#201d19;padding:.8rem;transition:border-color .15s,background .15s}
.flag-library-item:hover,.flag-library-item:focus-within{border-color:#ed7549;background:#25211d}
.flag-library-item__content{display:block;overflow-x:auto;white-space:nowrap;padding:.72rem .8rem;background:#0b0b0a;border:1px solid #3d3832;color:#f4efe9;font:700 17px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;scrollbar-width:thin}
.flag-library-item__content:focus{outline:2px solid #ed7549;outline-offset:2px}
.flag-library-item__preview{overflow-x:auto;white-space:nowrap;margin-top:.45rem;padding:.45rem .65rem;background:#12110f;color:#eee;font:15px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;border-left:2px solid #db5c32}
.flag-library-item__footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.65rem}
.flag-library-item__meta{color:#b9b0a7;font-size:.8rem}.flag-library-item__meta b{color:#f4efe9}
.flag-library-item__actions{display:flex;align-items:center;gap:.45rem;flex:none}
.flag-library-item .favorite-button{position:static;border:1px solid #50483f;background:#191714;width:38px;height:36px;font-size:1.15rem}
.flag-library-item .button.small{min-height:36px;padding:.45rem .85rem}
.flag-library-item.does-not-fit{opacity:.62}.flag-library-item.does-not-fit [data-fit-status]{color:#ff9e8b}.flag-library-item button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.65}
.library-result-summary{gap:.8rem}.library-result-summary [data-library-space]{color:#e8c3a9;text-align:right}
.flag-empty-library{padding:2rem 1rem}
@media(max-width:1150px){.flag-workspace{grid-template-columns:1fr 1fr}.flag-library{grid-column:1/-1}.flag-library-list{max-height:560px}}
@media(max-width:720px){.flag-workspace{grid-template-columns:1fr}.flag-library{order:3}.flag-library-primary-filters{grid-template-columns:1fr 1fr}.flag-library-primary-filters button{font-size:.82rem;padding:.55rem .35rem}.flag-library-list{max-height:none}.flag-library-item__content{font-size:15px}.flag-library-item__footer{align-items:flex-end}.library-result-summary{align-items:flex-start;flex-direction:column}.library-result-summary [data-library-space]{text-align:left}}
@media(max-width:390px){.flag-library-primary-filters{grid-template-columns:1fr}.flag-library-item__footer{flex-direction:column;align-items:stretch}.flag-library-item__actions{justify-content:flex-end}.flag-library-item .button.small{flex:1}}

/* v1.20.3: el atributo hidden debe prevalecer sobre los display de componentes. */
.flag-library-item[hidden],
.flag-empty-library[hidden] {
    display: none !important;
}

/* v2.50.41 · Mis Banderas */
.saved-flags-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin:1.5rem 0 2rem;padding:clamp(1.4rem,3vw,2.4rem);border:1px solid #3d3832;border-left:3px solid #e7653a;background:linear-gradient(120deg,rgba(231,101,58,.11),transparent 42%),#171512}.saved-flags-hero h1{margin:.15rem 0 .45rem;font-size:clamp(2.7rem,6vw,5rem)}.saved-flags-hero p{max-width:760px;margin:0;color:#c9c0b6}.saved-flags-hero__actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.saved-flags-total{display:grid;gap:.05rem;color:#aaa197;font-size:.8rem;text-align:right}.saved-flags-total strong{color:#f5eee7;font:800 1.65rem/1 var(--heading)}
.saved-flags-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.saved-flag-card{display:flex;flex-direction:column;min-width:0;padding:0;overflow:visible;border:1px solid #3d3832;background:linear-gradient(145deg,rgba(231,101,58,.05),transparent 35%),#181613;box-shadow:0 16px 34px rgba(0,0,0,.15);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.saved-flag-card:hover,.saved-flag-card:focus-within{border-color:#6a4a39;transform:translateY(-2px);box-shadow:0 22px 40px rgba(0,0,0,.24)}.saved-flag-card__header{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding:1.1rem 1.15rem .9rem}.saved-flag-card__header h2{margin:.12rem 0 0;font-size:1.45rem}.saved-flag-card__length{flex:0 0 auto;padding:.35rem .55rem;border:1px solid #574536;background:#110f0d;color:#c9b9aa;font-size:.75rem;font-weight:700;letter-spacing:.03em}
.saved-flag-stage{position:relative;display:flex;align-items:center;min-height:128px;margin:0 1.15rem;padding:1.2rem 1.35rem;overflow-x:auto;overflow-y:hidden;border:1px solid #332f2a;background:radial-gradient(circle at 15% 50%,rgba(231,101,58,.1),transparent 42%),linear-gradient(180deg,#0c0b0a,#090909);scrollbar-width:thin}.saved-flag-stage::before{content:'PREVISUALIZACIÓN';position:absolute;top:.55rem;left:.7rem;color:#746c64;font-size:.58rem;font-weight:800;letter-spacing:.13em}.saved-flag-stage__line{min-width:max-content;padding-top:.55rem;white-space:pre;font:700 clamp(1rem,1.45vw,1.22rem)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-shadow:0 1px 0 #000,0 0 8px rgba(255,255,255,.06)}.saved-flag-card__description{margin:.9rem 1.15rem 0;color:#c4bbb1;line-height:1.55}.saved-flag-card__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:auto;padding:1rem 1.15rem 1.15rem}.saved-flag-card__meta{display:flex;gap:.5rem 1rem;flex-wrap:wrap;color:#948c83;font-size:.78rem}.saved-flag-card__meta span:first-child{color:#d6c9bd}.saved-flag-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.saved-flag-card__actions .button{min-width:88px;text-align:center}.saved-flag-card__actions .is-copied{border-color:#2b8f56;background:#1e7c49}.saved-flag-copy-status{min-height:1.2rem;margin:-.45rem 1.15rem .85rem;color:#84dca6;font-size:.76rem;text-align:right}
.saved-flag-more{position:relative}.saved-flag-more>summary{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4a433c;background:#12110f;color:#e9dfd5;cursor:pointer;list-style:none;font-weight:800;letter-spacing:.08em}.saved-flag-more>summary::-webkit-details-marker{display:none}.saved-flag-more[open]>summary,.saved-flag-more>summary:hover,.saved-flag-more>summary:focus-visible{border-color:#e7653a;color:#ff9a72}.saved-flag-more__menu{position:absolute;z-index:20;right:0;bottom:calc(100% + .45rem);display:grid;min-width:180px;padding:.35rem;border:1px solid #4b433b;background:#12110f;box-shadow:0 18px 36px rgba(0,0,0,.42)}.saved-flag-more__menu a,.saved-flag-more__menu button{display:block;width:100%;padding:.65rem .75rem;border:0;background:transparent;color:#e7ddd3;text-align:left;font:inherit;cursor:pointer}.saved-flag-more__menu a:hover,.saved-flag-more__menu a:focus-visible,.saved-flag-more__menu button:hover,.saved-flag-more__menu button:focus-visible{background:#26211d;color:#fff}.saved-flag-more__menu .danger-link{color:#ff9b8c}.saved-flags-empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.4rem;align-items:center;padding:2rem;border:1px dashed #574d44;background:#171512}.saved-flags-empty__mark{display:grid;place-items:center;width:64px;height:64px;border:1px solid #69452f;color:#f19a5a;font-size:1.8rem}.saved-flags-empty h2{margin:.15rem 0 .35rem}.saved-flags-empty p{margin:0;color:#aaa197}
@media(max-width:1100px){.saved-flags-grid{grid-template-columns:1fr}.saved-flags-hero{grid-template-columns:1fr}.saved-flags-hero__actions{justify-content:space-between}.saved-flags-total{text-align:left}}
@media(max-width:720px){.saved-flags-hero{padding:1.25rem}.saved-flags-hero__actions{align-items:stretch;flex-direction:column}.saved-flags-total{display:block}.saved-flags-total strong{margin-right:.35rem}.saved-flag-card__header,.saved-flag-card__footer{grid-template-columns:1fr;align-items:start}.saved-flag-card__header{flex-direction:column}.saved-flag-card__actions{justify-content:flex-start}.saved-flag-card__actions .button{flex:1 1 120px}.saved-flag-stage{min-height:108px;margin:0 .85rem;padding-inline:1rem}.saved-flag-card__description{margin-inline:.85rem}.saved-flag-card__footer{padding-inline:.85rem}.saved-flag-copy-status{margin-inline:.85rem;text-align:left}.saved-flags-empty{grid-template-columns:1fr;text-align:center}.saved-flags-empty__mark{margin-inline:auto}.saved-flags-empty .button{width:100%}}
@media(prefers-reduced-motion:reduce){.saved-flag-card{transition:none}.saved-flag-card:hover,.saved-flag-card:focus-within{transform:none}}

/* v2.50.42 · límite de 200 caracteres */
.flag-limit-warning{margin:.65rem 0 0;padding:.7rem .85rem;border:1px solid #8a5a2f;background:#21170f;color:#f0bd83;font-size:.84rem;font-weight:700}.flag-limit-warning.is-error{border-color:#a34838;background:#25110e;color:#ffad9d}.flag-limit-warning[hidden]{display:none}.flag-editor-panel [data-flag-submit]:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.35)}

/* v2.50.43 · Flujo guiado del Crea-Banderas */
.flag-builder-flow{display:grid;gap:1.15rem;max-width:1440px;margin:0 auto 3rem}.flag-step-card{min-width:0;padding:clamp(1rem,2vw,1.45rem);border:1px solid #403a34;border-left:3px solid #e7653a;background:linear-gradient(135deg,rgba(231,101,58,.055),transparent 35%),#171512;box-shadow:0 16px 34px rgba(0,0,0,.14)}.flag-step-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:start;margin-bottom:1rem}.flag-step-heading h2{margin:.08rem 0 .2rem;font-size:clamp(1.4rem,2.5vw,2rem)}.flag-step-heading p{max-width:760px;margin:0;color:#aaa197}.flag-step-number{display:grid;place-items:center;width:42px;height:42px;border:1px solid #6b4937;background:#110f0d;color:#f18b61;font:800 .82rem/1 var(--heading);letter-spacing:.08em}.flag-step-colors .color-palette--primary{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:.65rem}.flag-step-colors .color-chip{min-width:0;min-height:74px;padding:.55rem .35rem}.flag-step-colors .color-chip b{font-size:.84rem}.flag-step-colors .color-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flag-step-editor form{display:grid;gap:.85rem}.flag-step-editor .flag-line-editor{min-height:62px;padding:1rem 1.1rem;font:700 clamp(1rem,1.8vw,1.18rem)/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.01em}.flag-step-preview .flag-preview-wrap--large{display:flex;align-items:center;min-height:150px;padding:1.3rem 1.5rem;overflow-x:auto;overflow-y:hidden}.flag-step-preview .flag-preview{min-width:max-content;font-size:clamp(1.05rem,2.1vw,1.45rem);white-space:pre}.flag-step-preview .validation-card{margin-top:.85rem}.flag-smart-panel{position:relative}.flag-smart-context{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.7rem 1rem;align-items:center;margin-bottom:1rem;padding:.8rem 1rem;border:1px solid #39332e;background:#100f0d}.flag-smart-context span{color:#9e958c;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.flag-smart-context strong{display:grid;place-items:center;min-width:42px;height:42px;padding:0 .65rem;border:1px solid #6b4937;background:#211710;color:#fff;font:800 1.25rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.flag-smart-context small{color:#c7beb5}.flag-smart-section+.flag-smart-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #39332e}.flag-smart-section__heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem}.flag-smart-section__heading h3{margin:0;font-size:1.08rem}.flag-smart-section__heading span{color:#8f877e;font-size:.78rem}.flag-smart-symbols{display:flex;flex-wrap:wrap;gap:.55rem;min-height:52px}.flag-smart-symbol{display:grid;place-items:center;min-width:46px;height:46px;padding:0 .65rem;border:1px solid #4d453e;background:#211e1a;color:#f5eee7;font:800 1.15rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.flag-smart-symbol:hover,.flag-smart-symbol:focus-visible{transform:translateY(-2px);border-color:#e7653a;background:#2b211b}.flag-composition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;max-height:620px;overflow-y:auto;padding-right:.25rem}.flag-composition-card{display:flex;flex-direction:column;min-width:0;padding:.85rem;border:1px solid #3f3933;background:#12110f}.flag-composition-card h4{margin:.15rem 0 .6rem;font-size:1rem}.flag-composition-card__type{color:#d7825d;font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.flag-composition-card__preview{min-height:58px;overflow-x:auto;padding:.7rem;border:1px solid #332f2a;background:#090909;white-space:nowrap;font:700 .84rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.flag-composition-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-top:auto;padding-top:.7rem}.flag-composition-card__footer>span{color:#958d85;font-size:.72rem}.flag-composition-card.does-not-fit{opacity:.55}.flag-composition-card button:disabled{cursor:not-allowed;filter:grayscale(1)}
@media(min-width:1200px){.flag-step-editor,.flag-step-preview{grid-column:auto}.flag-builder-flow{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)}.flag-step-colors,.flag-smart-panel{grid-column:1/-1}.flag-step-editor{grid-column:1}.flag-step-preview{grid-column:2}.flag-smart-panel{position:sticky;bottom:0;z-index:5;box-shadow:0 -12px 34px rgba(0,0,0,.28)}}
@media(max-width:1050px){.flag-composition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.flag-step-heading{grid-template-columns:auto minmax(0,1fr)}.flag-step-heading>.editor-actions,.flag-step-heading>select{grid-column:1/-1;width:100%}.flag-step-heading>select{margin-top:.2rem}.flag-step-colors .color-palette--primary{grid-template-columns:repeat(4,minmax(0,1fr))}.flag-smart-context{grid-template-columns:1fr auto}.flag-smart-context small{grid-column:1/-1}.flag-composition-grid{grid-template-columns:1fr;max-height:none}.flag-step-preview .flag-preview-wrap--large{min-height:118px;padding:1rem}.flag-smart-panel{position:static}}
@media(max-width:430px){.flag-step-card{padding:.9rem}.flag-step-colors .color-palette--primary{grid-template-columns:repeat(3,minmax(0,1fr))}.flag-step-number{width:36px;height:36px}.flag-smart-symbol{min-width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.flag-smart-symbol{transition:none}.flag-smart-symbol:hover{transform:none}}

/* v2.50.44 · Editor compacto y profesional */
.flag-builder-workspace{display:grid;gap:1rem;max-width:1440px;margin:0 auto 3rem}.flag-editor-card,.flag-assistant-card,.flag-save-card{min-width:0;border:1px solid #403a34;background:#171512;box-shadow:0 16px 34px rgba(0,0,0,.14)}.flag-editor-card{padding:clamp(1rem,2vw,1.45rem);border-top:3px solid #e7653a}.flag-tool-row{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1.65fr);gap:1rem 1.5rem;align-items:end;padding-bottom:1rem;border-bottom:1px solid #38332e}.flag-tool-row h2{margin:.1rem 0 0}.flag-color-palette{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.flag-color-button{display:grid;grid-template-columns:18px auto;align-items:center;gap:.4rem;min-height:38px;padding:.38rem .55rem;border:1px solid #4d463f;background:#211e1a;color:#eee5dd;cursor:pointer}.flag-color-button span{display:block;width:18px;height:18px;border:1px solid rgba(255,255,255,.25);background:var(--chip)}.flag-color-button b{font-size:.74rem}.flag-color-button:hover,.flag-color-button:focus-visible{border-color:#e7653a;background:#2a241f}.flag-constructor-block{padding:1.15rem 0}.flag-constructor-heading,.flag-preview-heading,.flag-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.flag-constructor-heading label{font-weight:800}.flag-editor-actions{display:flex;gap:.4rem}.flag-editor-actions button{min-width:38px;min-height:36px;padding:.35rem .6rem;border:1px solid #4a433c;background:#211e1a;color:#e9dfd5;cursor:pointer}.flag-editor-actions button:hover,.flag-editor-actions button:focus-visible{border-color:#e7653a}.flag-constructor-block .flag-line-editor{width:100%;min-height:58px;margin-top:.65rem;padding:.9rem 1rem;overflow-x:auto;font:700 clamp(1rem,1.7vw,1.18rem)/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.flag-constructor-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:.55rem;color:#958d85;font-size:.78rem}.flag-constructor-meta strong{color:#d9cec4}.flag-preview-block{padding-top:1rem;border-top:1px solid #38332e}.flag-preview-heading h3{margin:.1rem 0 0;font-size:1.05rem}.flag-background-select{display:flex;align-items:center;gap:.55rem;color:#a79e95;font-size:.78rem}.flag-background-select select{min-width:100px}.flag-editor-card .flag-preview-wrap--large{display:flex;align-items:center;min-height:128px;margin-top:.75rem;padding:1rem 1.25rem;overflow-x:auto;overflow-y:hidden}.flag-editor-card .flag-preview{min-width:max-content;white-space:pre;font-size:clamp(1.05rem,2vw,1.42rem)}.flag-validation-list{margin:.7rem 0 0;padding:.65rem .85rem .65rem 1.8rem;border:1px solid #8a5a2f;background:#21170f;color:#f0bd83;font-size:.82rem}.flag-validation-list[hidden]{display:none}.flag-assistant-card{padding:clamp(1rem,2vw,1.35rem)}.flag-assistant-heading{margin-bottom:1rem}.flag-assistant-heading h2{margin:.1rem 0 0}.flag-assistant-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:1rem}.flag-symbol-panel,.flag-compositions-panel{min-width:0;padding:1rem;border:1px solid #39332e;background:#12110f}.flag-panel-heading h3{margin:0;font-size:1rem}.flag-panel-heading span{color:#8f877e;font-size:.75rem}.flag-symbol-panel p{margin:.55rem 0 .8rem;color:#a9a097;font-size:.84rem}.flag-smart-symbols{display:flex;flex-wrap:wrap;gap:.45rem}.flag-smart-symbol{display:grid;place-items:center;min-width:42px;height:42px;padding:0 .55rem;border:1px solid #4d453e;background:#211e1a;color:#f5eee7;font:800 1.08rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}.flag-smart-symbol:hover,.flag-smart-symbol:focus-visible{border-color:#e7653a;background:#2b211b}.flag-composition-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}.flag-composition-filters button{padding:.4rem .65rem;border:1px solid #4a433c;background:#1d1a17;color:#cfc4ba;font-size:.72rem;cursor:pointer}.flag-composition-filters button.is-active,.flag-composition-filters button:hover,.flag-composition-filters button:focus-visible{border-color:#e7653a;color:#fff}.flag-composition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-height:none;overflow:visible;padding:0}.flag-composition-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem .7rem;align-items:center;padding:.7rem}.flag-composition-card[hidden]{display:none}.flag-composition-card__head{display:flex;justify-content:space-between;gap:.6rem;grid-column:1/-1}.flag-composition-card h4{margin:0;font-size:.9rem}.flag-composition-card__head span{color:#8f877e;font-size:.68rem}.flag-composition-card__preview{min-height:42px;padding:.55rem;overflow-x:auto;white-space:nowrap;font:700 .78rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace}.flag-composition-card .button{align-self:stretch}.flag-save-card{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1.65fr);gap:1rem 1.5rem;align-items:start;padding:clamp(1rem,2vw,1.35rem)}.flag-save-card h2{margin:.1rem 0 0}.flag-save-card form{display:grid;gap:.75rem}.flag-description-details{border:1px solid #3f3933;background:#12110f}.flag-description-details summary{padding:.65rem .75rem;cursor:pointer;color:#cfc4ba;font-weight:700}.flag-description-details textarea{margin:.1rem .75rem .75rem;width:calc(100% - 1.5rem)}
@media(max-width:980px){.flag-tool-row,.flag-save-card{grid-template-columns:1fr}.flag-color-palette{justify-content:flex-start}.flag-assistant-grid{grid-template-columns:1fr}.flag-composition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.flag-hero-actions{align-items:stretch}.flag-tool-row{align-items:start}.flag-color-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.flag-color-button{grid-template-columns:14px auto;padding:.35rem .4rem}.flag-color-button span{width:14px;height:14px}.flag-constructor-heading,.flag-preview-heading{align-items:flex-start;flex-direction:column}.flag-editor-actions{width:100%}.flag-editor-actions button{flex:1}.flag-background-select{width:100%;justify-content:space-between}.flag-background-select select{flex:1}.flag-constructor-meta{align-items:flex-start;flex-direction:column;gap:.25rem}.flag-composition-grid{grid-template-columns:1fr}.flag-composition-card{grid-template-columns:minmax(0,1fr) auto}.flag-save-card .form-actions{display:grid;grid-template-columns:1fr}.flag-save-card .button{width:100%}}
@media(max-width:400px){.flag-color-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v2.50.45 · Construcciones de letras y catálogo ampliado */
.flag-smart-symbol.is-composed{min-width:3.25rem;padding-inline:.7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800}
.flag-smart-symbol.is-composed::after{content:'varios';position:absolute;left:50%;bottom:-.5rem;transform:translateX(-50%);font-size:.55rem;line-height:1;padding:.12rem .3rem;border-radius:999px;background:var(--surface-raised,#201a17);color:var(--muted,#b9aaa0);opacity:0;pointer-events:none;transition:opacity .15s ease}
.flag-smart-symbol.is-composed:hover::after,.flag-smart-symbol.is-composed:focus-visible::after{opacity:1}
.flag-smart-symbol{position:relative}

/* v4.0.16 · Crea-Banderas dual: La Prisión Clásica + Prison Legacy */
.flag-hero--dual{max-width:1760px;margin-inline:auto}.flag-creator-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;max-width:1000px;margin:1rem auto 1.1rem}.flag-creator-switch button{display:grid;gap:.16rem;text-align:left;padding:.9rem 1rem;border:1px solid #4a433c;background:#171512;color:#eee5dd;cursor:pointer}.flag-creator-switch button strong{font:800 1.05rem/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}.flag-creator-switch button span{color:#a79e95;font-size:.76rem}.flag-creator-switch button.is-active{border-color:#e7653a;background:#2a1c16;box-shadow:inset 0 3px 0 #e7653a}.legacy-flag-builder{max-width:1760px;margin:0 auto 3rem}.legacy-builder-intro{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding:1rem 1.15rem;border:1px solid #403a34;border-top:3px solid #e7653a;background:#171512}.legacy-builder-intro h2{margin:.1rem 0}.legacy-builder-intro p{margin:.2rem 0 0;color:#aaa198}.legacy-format-chip,.saved-flag-kind{display:inline-flex;align-items:center;min-height:26px;padding:.22rem .55rem;border:1px solid #77503e;background:#2b1d17;color:#f1a06d;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.legacy-workspace{display:grid;grid-template-columns:minmax(235px,.72fr) minmax(420px,1.55fr) minmax(280px,.88fr);gap:1rem;margin-top:1rem;align-items:start}.legacy-library,.legacy-editor-main>section,.legacy-style-panel{border:1px solid #403a34;background:#171512;min-width:0}.legacy-library,.legacy-style-panel{padding:1rem;position:sticky;top:78px}.legacy-library>input{width:100%;margin:.7rem 0}.legacy-library-filters{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.5rem}.legacy-library-filters button{white-space:nowrap;padding:.38rem .55rem;border:1px solid #49413a;background:#211e1a;color:#cfc4ba}.legacy-library-filters button.is-active{border-color:#e7653a;color:#fff}.legacy-library-list{display:grid;gap:.38rem;max-height:620px;overflow:auto}.legacy-library-item{display:grid;gap:.16rem;text-align:left;padding:.58rem .65rem;border:1px solid #39332e;background:#11100e;color:#eee;cursor:pointer}.legacy-library-item strong{font-size:.78rem}.legacy-library-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#978e85;font:700 .7rem/1.2 ui-monospace,monospace}.legacy-editor-main{display:grid;gap:1rem}.legacy-preview-card,.legacy-segments-card,.legacy-code-card{padding:1rem}.legacy-preview{display:flex;align-items:center;min-height:150px;margin-top:.75rem;padding:1.2rem;overflow-x:auto;white-space:pre;font:800 clamp(1.2rem,2.3vw,1.75rem)/1.25 ui-monospace,SFMono-Regular,Consolas,monospace}.legacy-preview.bg-game{background:linear-gradient(135deg,#18120d,#3b2617)}.legacy-preview.bg-dark{background:#050505}.legacy-preview.bg-light{background:#eee}.legacy-preview-segment{white-space:pre}.legacy-preview-segment.is-gradient,.legacy-preview-segment[class*="legacy-effect-"]{color:transparent;-webkit-background-clip:text;background-clip:text}.legacy-effect-fire_animated{background-image:linear-gradient(90deg,#8a0000,#f00,#f80,#fff36a,#f80,#f00,#8a0000);background-size:260% 100%;animation:legacyFire 2.4s linear infinite}.legacy-effect-rainbow{background-image:linear-gradient(90deg,#f00,#f80,#ff0,#0f0,#0ff,#04f,#80f,#f0c,#f00);background-size:220% 100%;animation:legacyRainbow 3.2s linear infinite}.legacy-effect-pulse{color:#72e8ff!important;animation:legacyPulse 1.9s ease-in-out infinite;text-shadow:0 0 10px rgba(80,220,255,.35)}.legacy-effect-sparkle{background-image:linear-gradient(90deg,#00a8c8 0 42%,#fff 48% 52%,#00dfff 58% 100%);background-size:260% 100%;animation:legacySweep 1.45s linear infinite}.legacy-effect-marquee{background-image:linear-gradient(90deg,#163842 0 22%,#63efff 40% 62%,#163842 78% 100%);background-size:240% 100%;animation:legacySweep 2.2s linear infinite}.legacy-effect-ombre{background-image:linear-gradient(90deg,#ffd84b,#ff7a3d,#ef4b9d,#6c55ff)}.legacy-effect-candy{background-image:repeating-linear-gradient(120deg,#fff 0 10px,#f33 10px 20px)}@keyframes legacyFire{to{background-position:-160% 0}}@keyframes legacyRainbow{to{background-position:-120% 0}}@keyframes legacySweep{from{background-position:150% 0}to{background-position:-130% 0}}@keyframes legacyPulse{0%,100%{opacity:.28;filter:brightness(.7)}50%{opacity:1;filter:brightness(1.45)}}.legacy-metrics{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.55rem;color:#998f86;font-size:.72rem}.legacy-metrics .is-complete{color:#89c98f}.legacy-metrics .is-pending{color:#f0aa72}.legacy-history-actions{display:flex;gap:.35rem}.legacy-history-actions button{min-height:36px;border:1px solid #4a433c;background:#211e1a;color:#eee;padding:.35rem .55rem}.legacy-segments{display:grid;gap:.48rem;margin-top:.7rem}.legacy-segment-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto 36px;gap:.45rem;align-items:center;padding:.45rem;border:1px solid #38332e;background:#11100e}.legacy-segment-row.is-selected{border-color:#e7653a;background:#1d1511}.legacy-segment-select,.legacy-segment-delete{height:36px;border:1px solid #4a433c;background:#211e1a;color:#eee}.legacy-segment-row input{min-width:0;width:100%;font-family:ui-monospace,monospace}.legacy-segment-style{color:#e69b72;font-size:.7rem;white-space:nowrap}.legacy-help,.legacy-style-section p{color:#998f86;font-size:.76rem}.legacy-code-editor-label{display:block;margin-top:.7rem;color:#c9bfb5;font-size:.78rem;font-weight:700}.legacy-code-card textarea{width:100%;margin-top:.4rem;background:#090909;color:#eee;font-family:ui-monospace,monospace;line-height:1.5;resize:vertical}.legacy-code-card textarea:focus{border-color:#e7653a;box-shadow:0 0 0 2px rgba(231,101,58,.16);outline:none}.legacy-code-help{margin:.5rem 0 0;color:#998f86;font-size:.74rem;line-height:1.45}.legacy-code-help code{color:#e7a47f}.legacy-empty-segments{margin:.4rem 0;color:#998f86;font-size:.78rem}.legacy-code-notices p{margin:.45rem 0 0;color:#f0aa72;font-size:.76rem}.legacy-style-panel label{display:grid;gap:.35rem;margin:.65rem 0;font-weight:700}.legacy-style-section{margin-top:.8rem;padding-top:.8rem;border-top:1px solid #38332e}.legacy-label{display:block;margin-bottom:.5rem;color:#a89f96;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.legacy-classic-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.legacy-classic-colors button{display:grid;grid-template-columns:12px auto;gap:.25rem;place-content:center;min-height:34px;border:1px solid #474039;background:#211e1a;color:#eee;font-size:.68rem}.legacy-classic-colors button span{width:12px;height:12px;background:var(--chip)}.legacy-classic-colors button.is-active,.legacy-effect-option.is-active{border-color:#e7653a}.legacy-color-readout{display:flex;align-items:center;gap:.55rem}.legacy-color-readout span{width:34px;height:24px;border:1px solid #777}.legacy-gradient-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.legacy-gradient-strip{height:34px;margin:.5rem 0 .8rem;border:1px solid #51483f;background:linear-gradient(90deg,#00ffff,#0044ff)}.legacy-preset-grid,.legacy-effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.legacy-preset-grid button,.legacy-effect-option{display:grid;gap:.12rem;text-align:left;padding:.5rem;border:1px solid #474039;background:#211e1a;color:#eee}.legacy-preset-grid small,.legacy-effect-option small{color:#9d938b;font-size:.62rem}.legacy-effect-option.is-preview-only small{color:#e2a16f}.legacy-save-card{margin-top:1rem}.saved-flag-kind--legacy{border-color:#6c5aa0;background:#211a33;color:#cbbcff}.saved-flag-kind--classic{border-color:#77503e;background:#2b1d17;color:#f1a06d}
@media(max-width:1180px){.legacy-workspace{grid-template-columns:1fr 1fr}.legacy-editor-main{grid-column:1/-1;grid-row:1}.legacy-library,.legacy-style-panel{position:static}.legacy-library{grid-column:1}.legacy-style-panel{grid-column:2}}
@media(max-width:760px){.flag-creator-switch{grid-template-columns:1fr}.legacy-workspace{grid-template-columns:1fr}.legacy-editor-main,.legacy-library,.legacy-style-panel{grid-column:1}.legacy-editor-main{grid-row:1}.legacy-style-panel{grid-row:2}.legacy-library{grid-row:3}.legacy-builder-intro{align-items:flex-start;flex-direction:column}.legacy-segment-row{grid-template-columns:34px minmax(0,1fr) 34px}.legacy-segment-style{grid-column:2}.legacy-preset-grid,.legacy-effect-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.legacy-segment-row{grid-template-columns:32px minmax(0,1fr) 32px}.legacy-classic-colors{grid-template-columns:repeat(3,minmax(0,1fr))}.legacy-preset-grid,.legacy-effect-grid{grid-template-columns:1fr}.legacy-history-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1.5fr}}
@media(prefers-reduced-motion:reduce){.legacy-preview-segment[class*="legacy-effect-"]{animation:none!important;background-position:50% 0!important}}
.saved-flag-stage__line .saved-legacy-segment.is-gradient{display:inline-block;white-space:pre;color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;background-repeat:no-repeat!important;background-size:100% 100%!important}.saved-flag-stage__line .saved-legacy-segment.legacy-effect-word{display:inline-flex;white-space:pre;-webkit-text-fill-color:initial}.saved-flag-stage__line .saved-legacy-segment.legacy-effect-word .legacy-effect-char{-webkit-text-fill-color:currentColor!important}.saved-flag-card__header>div{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.saved-flag-card__header h2{flex-basis:100%}
.legacy-recent-colors{display:flex;gap:.35rem;flex-wrap:wrap}.legacy-recent-colors>span{color:#8f877e;font-size:.7rem}.legacy-recent-colors button{display:grid;grid-template-columns:14px auto;align-items:center;gap:.3rem;min-height:32px;padding:.3rem .45rem;border:1px solid #474039;background:#211e1a;color:#eee;font-size:.68rem}.legacy-recent-colors button::before{content:'';width:14px;height:14px;background:var(--recent);border:1px solid rgba(255,255,255,.25)}

/* v4.0.18 · Crea-Banderas unificado */
.flag-editor-card>.flag-preview-block{margin-bottom:1rem}.legacy-flag-builder--linear{display:grid;gap:1rem}.legacy-preview-card--top,.legacy-linear-editor-card,.legacy-shared-library{border:1px solid #403a34;background:#171512;padding:1rem;min-width:0}.legacy-preview-card--top{margin-top:0}.legacy-preview--unified{min-height:0;margin:0;padding:0;overflow:visible;white-space:pre-wrap;font:800 clamp(1.2rem,2.3vw,1.75rem)/1.25 ui-monospace,SFMono-Regular,Consolas,monospace}.legacy-tools-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid #38332e}.legacy-tools-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.7fr) minmax(280px,1fr);gap:1rem;align-items:start}.legacy-tool-section{min-width:0}.legacy-gradient-tool .button{margin:.55rem 0}.legacy-shared-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:.8rem 0}.legacy-shared-tabs button{min-height:38px;padding:.45rem .7rem;border:1px solid #49413a;background:#211e1a;color:#cfc4ba;cursor:pointer}.legacy-shared-tabs button.is-active{border-color:#e7653a;background:#2a1c16;color:#fff}.legacy-shared-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem}.legacy-shared-grid--symbols{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.legacy-shared-item{display:grid;gap:.2rem;min-width:0;min-height:58px;padding:.55rem .65rem;text-align:left;border:1px solid #39332e;background:#11100e;color:#eee;cursor:pointer}.legacy-shared-item:hover,.legacy-shared-item:focus-visible{border-color:#e7653a}.legacy-shared-item strong{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-shared-item span{color:#b8afa6;font:700 .73rem/1.3 ui-monospace,monospace;overflow-wrap:anywhere}.legacy-shared-grid--symbols .legacy-shared-item{text-align:center;place-items:center}.legacy-shared-grid--symbols .legacy-shared-item strong{font-size:.66rem}.legacy-shared-grid--symbols .legacy-shared-item span{font-size:1rem;color:#fff}.legacy-linear-editor-card .flag-line-editor{width:100%}.legacy-linear-editor-card .legacy-history-actions{flex-wrap:wrap}.legacy-linear-editor-card .legacy-history-actions .button{min-height:36px}.legacy-code-notices p{margin:.45rem 0 0;color:#f0aa72;font-size:.76rem}.legacy-save-card{margin-top:0}
@media(max-width:980px){.legacy-tools-grid{grid-template-columns:1fr 1fr}.legacy-gradient-tool{grid-column:1/-1}}
@media(max-width:680px){.legacy-tools-grid{grid-template-columns:1fr}.legacy-gradient-tool{grid-column:auto}.legacy-shared-tabs{display:grid;grid-template-columns:1fr 1fr}.legacy-shared-grid{grid-template-columns:1fr 1fr}.legacy-shared-grid--symbols{grid-template-columns:repeat(4,minmax(0,1fr))}.legacy-linear-editor-card .legacy-history-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-linear-editor-card .flag-tool-row{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.legacy-shared-grid{grid-template-columns:1fr}.legacy-shared-grid--symbols{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v4.0.19 · Prison Legacy comparte presentación con el creador clásico */
.legacy-shared-library .flag-smart-symbols{margin-top:.75rem}
.legacy-shared-library .flag-composition-grid{margin-top:.75rem}
.legacy-shared-library .flag-composition-card{min-width:0}
.legacy-shared-library .flag-composition-card__head{min-width:0}
.legacy-shared-library .flag-composition-card__head h4{min-width:0;overflow-wrap:anywhere}
.legacy-shared-library .flag-composition-card__preview{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.legacy-shared-library .flag-composition-card__preview span{white-space:pre}
.legacy-symbols-classic .flag-smart-symbol{max-width:100%}
@media(max-width:640px){.legacy-shared-library .flag-composition-grid{grid-template-columns:1fr}.legacy-shared-library .flag-composition-card{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:420px){.legacy-shared-library .flag-composition-card{grid-template-columns:1fr}.legacy-shared-library .flag-composition-card__head,.legacy-shared-library .flag-composition-card__preview,.legacy-shared-library .flag-composition-card .button{grid-column:1}.legacy-shared-library .flag-composition-card .button{width:100%}}

/* v4.0.32 · Preview clásica unificada + sugerencias contextuales en Prison Legacy */
.flag-preview--unified,.legacy-preview--unified{min-height:0;margin:0;padding:0;border:0;background:transparent;overflow:visible;white-space:pre-wrap;font:800 clamp(1.2rem,2.3vw,1.75rem)/1.25 ui-monospace,SFMono-Regular,Consolas,monospace}
.flag-editor-card .flag-preview--unified{min-width:0;background:transparent;border:0;padding:0;box-shadow:none}
.legacy-smart-symbol-panel{margin-top:.9rem;padding:1rem;border:1px solid #39332e;background:#12110f}
.legacy-smart-symbol-panel p{margin:.55rem 0 .8rem;color:#a9a097;font-size:.84rem}
.legacy-smart-symbol-panel .flag-smart-symbols{min-height:42px}
@media(max-width:640px){.legacy-smart-symbol-panel{padding:.85rem}}

/* v4.0.33 · Pulse, Sparkle y Marquee recuperados en Prison Legacy */
.legacy-preview-effect-help{margin:.55rem 0 0;color:#998f86;font-size:.7rem;line-height:1.45}.legacy-effect-option.is-preview-only{position:relative}.legacy-effect-option.is-preview-only.is-active{border-color:#e7653a;background:#2a1c16}.legacy-effect-option.is-preview-only.is-active::after{content:'ACTIVO';position:absolute;right:.4rem;top:.35rem;color:#e7a47f;font-size:.55rem;font-weight:800;letter-spacing:.06em}.legacy-effect-grid .legacy-effect-option{min-width:0}.legacy-effect-grid .legacy-effect-option strong,.legacy-effect-grid .legacy-effect-option small{min-width:0;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.legacy-preview-segment.legacy-effect-pulse,.legacy-preview-segment.legacy-effect-sparkle,.legacy-preview-segment.legacy-effect-marquee,.saved-legacy-segment.legacy-effect-pulse,.saved-legacy-segment.legacy-effect-sparkle,.saved-legacy-segment.legacy-effect-marquee{animation:none!important;background-position:50% 0!important}}

/* v4.0.34 · Los efectos globales sustituyen los colores previos */
.legacy-preview-segment.legacy-effect-pulse,.saved-legacy-segment.legacy-effect-pulse{color:#72e8ff!important;background-image:none!important}
.legacy-preview-segment.legacy-effect-sparkle,.saved-legacy-segment.legacy-effect-sparkle,.legacy-preview-segment.legacy-effect-marquee,.saved-legacy-segment.legacy-effect-marquee{color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}

/* v4.0.35 · códigos provisionales #!P / #!S / #!M */
.legacy-effect-option.is-unconfirmed{border-style:dashed;border-color:#8a684f;background:#241c17}.legacy-effect-option.is-unconfirmed:hover,.legacy-effect-option.is-unconfirmed:focus-visible{border-color:#e7a47f}.legacy-effect-option.is-unconfirmed strong{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-width:0}.legacy-unconfirmed-chip{display:inline-flex;align-items:center;min-height:18px;padding:.08rem .34rem;border:1px solid #8a684f;background:#302016;color:#efb184;font-size:.52rem;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.legacy-preview-effect-help code{color:#e7a47f}.saved-flag-kind--unconfirmed{border-color:#8a684f;background:#302016;color:#efb184}

/* v4.0.37 · bucles cromáticos continuos para efectos Prison Legacy */
.legacy-preview-segment.legacy-effect-fire_animated,
.saved-legacy-segment.legacy-effect-fire_animated{
  background-image:repeating-linear-gradient(90deg,#8a0000 0,#f00 30px,#f80 60px,#fff36a 90px,#f80 120px,#f00 150px,#8a0000 180px,#8a0000 210px);
  background-size:auto 100%;
  animation:legacyFireLoop 2.4s linear infinite;
}
.legacy-preview-segment.legacy-effect-rainbow,
.saved-legacy-segment.legacy-effect-rainbow{
  background-image:repeating-linear-gradient(90deg,#f00 0,#f80 40px,#ff0 80px,#0f0 120px,#0ff 160px,#04f 200px,#80f 240px,#f0c 280px,#f00 320px);
  background-size:auto 100%;
  animation:legacyRainbowLoop 3.2s linear infinite;
}
.legacy-preview-segment.legacy-effect-sparkle,
.saved-legacy-segment.legacy-effect-sparkle{
  background-image:repeating-linear-gradient(90deg,#00a8c8 0,#00a8c8 82px,#35e9ff 106px,#fff 120px,#35e9ff 134px,#00dfff 158px,#00a8c8 240px);
  background-size:auto 100%;
  animation:legacySparkleLoop 1.45s linear infinite;
}
.legacy-preview-segment.legacy-effect-marquee,
.saved-legacy-segment.legacy-effect-marquee{
  background-image:repeating-linear-gradient(90deg,#163842 0,#163842 78px,#2e7f91 110px,#63efff 150px,#2e7f91 190px,#163842 222px,#163842 300px);
  background-size:auto 100%;
  animation:legacyMarqueeLoop 2.2s linear infinite;
}
.legacy-preview-segment.legacy-effect-pulse,
.saved-legacy-segment.legacy-effect-pulse{
  animation:legacyPulseLoop 1.9s cubic-bezier(.45,0,.55,1) infinite;
}
@keyframes legacyFireLoop{from{background-position:0 0}to{background-position:210px 0}}
@keyframes legacyRainbowLoop{from{background-position:0 0}to{background-position:320px 0}}
@keyframes legacySparkleLoop{from{background-position:0 0}to{background-position:240px 0}}
@keyframes legacyMarqueeLoop{from{background-position:0 0}to{background-position:300px 0}}
@keyframes legacyPulseLoop{
  0%,100%{opacity:.58;filter:brightness(.9) saturate(1);text-shadow:0 0 7px rgba(80,220,255,.24)}
  25%,75%{opacity:.8;filter:brightness(1.08) saturate(1.08);text-shadow:0 0 10px rgba(80,220,255,.34)}
  50%{opacity:1;filter:brightness(1.38) saturate(1.16);text-shadow:0 0 14px rgba(130,240,255,.48)}
}
@media(prefers-reduced-motion:reduce){
  .legacy-preview-segment.legacy-effect-fire_animated,.saved-legacy-segment.legacy-effect-fire_animated,
  .legacy-preview-segment.legacy-effect-rainbow,.saved-legacy-segment.legacy-effect-rainbow,
  .legacy-preview-segment.legacy-effect-pulse,.saved-legacy-segment.legacy-effect-pulse,
  .legacy-preview-segment.legacy-effect-sparkle,.saved-legacy-segment.legacy-effect-sparkle,
  .legacy-preview-segment.legacy-effect-marquee,.saved-legacy-segment.legacy-effect-marquee{
    animation:none!important;
    background-position:0 0!important;
    opacity:1!important;
    filter:none!important;
  }
}


/* v4.0.39 · efectos Prison Legacy afinados según referencia visual */
.legacy-preview-segment.legacy-effect-word,
.saved-legacy-segment.legacy-effect-word{
  display:inline-flex;
  flex-wrap:nowrap;
  align-items:baseline;
  white-space:pre;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:inherit!important;
  filter:none!important;
  text-shadow:none!important;
}
.legacy-preview-segment.legacy-effect-word .legacy-effect-char,
.saved-legacy-segment.legacy-effect-word .legacy-effect-char{
  display:inline-block;
  white-space:pre;
  color:inherit;
  will-change:color,opacity,text-shadow,filter;
}
/* Fire: secuencia exacta #E → #D → #C → #B → #A, desplazándose L→R. */
.legacy-preview-segment.legacy-effect-fire_animated,
.saved-legacy-segment.legacy-effect-fire_animated{animation:none!important;color:#B50000!important}
.legacy-preview-segment.legacy-effect-fire_animated .legacy-effect-char,
.saved-legacy-segment.legacy-effect-fire_animated .legacy-effect-char{
  animation:legacyFirePrison 1.15s steps(1,end) infinite;
  animation-delay:var(--legacy-fire-delay,0s);
}
@keyframes legacyFirePrison{
  0%,100%{color:#B50000} /* #E */
  20%{color:#FF0000}     /* #D */
  40%{color:#943100}     /* #C */
  60%{color:#FF6300}     /* #B */
  80%{color:#FFC600}     /* #A */
}
/* Pulse: todo el tramo simultáneamente de negro a #J y vuelta a negro. */
.legacy-preview-segment.legacy-effect-pulse,
.saved-legacy-segment.legacy-effect-pulse{
  background:none!important;
  background-image:none!important;
  color:#000!important;
  animation:legacyPulsePrison 1.6s ease-in-out infinite!important;
  text-shadow:none!important;
}
.legacy-preview-segment.legacy-effect-pulse .legacy-effect-char,
.saved-legacy-segment.legacy-effect-pulse .legacy-effect-char{animation:none!important;color:inherit!important;opacity:1!important;filter:none!important;text-shadow:inherit!important}
@keyframes legacyPulsePrison{
  0%,100%{color:#000;text-shadow:0 0 0 rgba(0,148,255,0)}
  50%{color:#0094FF;text-shadow:0 0 5px rgba(0,148,255,.24)} /* #J */
}
/* Sparkle: base #L. Un destello #R nace en el centro y avanza en parejas hacia fuera cada 0,5 s. */
.legacy-preview-segment.legacy-effect-sparkle,
.saved-legacy-segment.legacy-effect-sparkle{animation:none!important;color:#00D6CE!important;background:none!important;background-image:none!important}
.legacy-preview-segment.legacy-effect-sparkle .legacy-effect-char,
.saved-legacy-segment.legacy-effect-sparkle .legacy-effect-char{
  color:#00D6CE;
  animation-name:legacySparklePrison;
  animation-duration:var(--legacy-sparkle-period,3s);
  animation-timing-function:steps(1,end);
  animation-iteration-count:infinite;
  animation-delay:var(--legacy-sparkle-delay,0s);
}
@keyframes legacySparklePrison{
  0%,100%{color:#00D6CE;text-shadow:none} /* #L */
  5%{color:#FFFFFF;text-shadow:0 0 4px rgba(255,255,255,.45)} /* #R */
  16%{color:#00D6CE;text-shadow:none}
}
/* Rainbow: colores más vivos y desplazamiento R→L. */
.legacy-preview-segment.legacy-effect-rainbow,
.saved-legacy-segment.legacy-effect-rainbow{animation:none!important;background:none!important;background-image:none!important;color:#FF005D!important}
.legacy-preview-segment.legacy-effect-rainbow .legacy-effect-char,
.saved-legacy-segment.legacy-effect-rainbow .legacy-effect-char{
  animation:legacyRainbowPrison 1.55s linear infinite;
  animation-delay:var(--legacy-rainbow-delay,0s);
}
@keyframes legacyRainbowPrison{
  0%,100%{color:#FF005D}
  12.5%{color:#FF3B00}
  25%{color:#FFD600}
  37.5%{color:#44FF00}
  50%{color:#00F0FF}
  62.5%{color:#0066FF}
  75%{color:#6E00FF}
  87.5%{color:#FF00D4}
}
/* Marquee: barrido rápido L→R, base azul oscuro y punta blanco/cian como en la referencia. */
.legacy-preview-segment.legacy-effect-marquee,
.saved-legacy-segment.legacy-effect-marquee{animation:none!important;background:none!important;background-image:none!important;color:#00006B!important}
.legacy-preview-segment.legacy-effect-marquee .legacy-effect-char,
.saved-legacy-segment.legacy-effect-marquee .legacy-effect-char{
  animation:legacyMarqueePrison .9s linear infinite;
  animation-delay:var(--legacy-marquee-delay,0s);
}
@keyframes legacyMarqueePrison{
  0%,100%{color:#00006B;text-shadow:none}
  22%{color:#004EAE;text-shadow:none}
  38%{color:#0094FF;text-shadow:0 0 2px rgba(0,148,255,.18)}
  48%{color:#00D6CE;text-shadow:0 0 3px rgba(0,214,206,.26)}
  55%{color:#FFFFFF;text-shadow:0 0 4px rgba(255,255,255,.38)}
  64%{color:#00D6CE;text-shadow:0 0 3px rgba(0,214,206,.24)}
  78%{color:#0094FF;text-shadow:none}
}
@media(prefers-reduced-motion:reduce){
  .legacy-preview-segment.legacy-effect-word,
  .saved-legacy-segment.legacy-effect-word,
  .legacy-preview-segment.legacy-effect-word .legacy-effect-char,
  .saved-legacy-segment.legacy-effect-word .legacy-effect-char{animation:none!important}
  .legacy-preview-segment.legacy-effect-fire_animated .legacy-effect-char,.saved-legacy-segment.legacy-effect-fire_animated .legacy-effect-char{color:#FF6300!important}
  .legacy-preview-segment.legacy-effect-pulse,.saved-legacy-segment.legacy-effect-pulse{color:#0094FF!important}
  .legacy-preview-segment.legacy-effect-sparkle .legacy-effect-char,.saved-legacy-segment.legacy-effect-sparkle .legacy-effect-char{color:#00D6CE!important}
  .legacy-preview-segment.legacy-effect-rainbow .legacy-effect-char,.saved-legacy-segment.legacy-effect-rainbow .legacy-effect-char{color:#00F0FF!important}
  .legacy-preview-segment.legacy-effect-marquee .legacy-effect-char,.saved-legacy-segment.legacy-effect-marquee .legacy-effect-char{color:#0094FF!important}
}


/* v4.0.41 · corrección real de la animación de color Pulse / Sparkle / Marquee */
/*
 * Importante: los caracteres NO declaran color con !important.
 * Una declaración !important de color gana a @keyframes y fue la causa de que
 * Pulse quedase negro y Sparkle/Marquee apenas cambiasen de color en v4.0.40.
 */

/* Pulse: todo el tramo simultáneamente, negro -> #J -> negro, ciclo completo ~1 s. */
.legacy-preview-segment.legacy-effect-pulse,
.saved-legacy-segment.legacy-effect-pulse{
  color:#000!important;
  background:none!important;
  background-image:none!important;
  animation:none!important;
  text-shadow:none!important;
}
.legacy-preview-segment.legacy-effect-pulse .legacy-effect-char,
.saved-legacy-segment.legacy-effect-pulse .legacy-effect-char{
  color:#000;
  opacity:1!important;
  filter:none!important;
  text-shadow:none;
  animation:legacyPulsePrison41 1s ease-in-out infinite!important;
  animation-delay:0s!important;
}
@keyframes legacyPulsePrison41{
  0%,100%{color:#000000;text-shadow:0 0 0 rgba(0,148,255,0)}
  50%{color:#0094FF;text-shadow:0 0 5px rgba(0,148,255,.22)} /* #J */
}

/* Sparkle: base #J, pares simétricos #R desde el centro hacia los extremos. Un recorrido = 0,5 s. */
.legacy-preview-segment.legacy-effect-sparkle,
.saved-legacy-segment.legacy-effect-sparkle{
  color:#0094FF!important; /* #J */
  background:none!important;
  background-image:none!important;
  animation:none!important;
}
.legacy-preview-segment.legacy-effect-sparkle .legacy-effect-char,
.saved-legacy-segment.legacy-effect-sparkle .legacy-effect-char{
  color:#0094FF;
  text-shadow:none;
  animation-name:legacySparklePrison41!important;
  animation-duration:.5s!important;
  animation-timing-function:steps(1,end)!important;
  animation-iteration-count:infinite!important;
  animation-delay:var(--legacy-sparkle-delay,0s)!important;
}
@keyframes legacySparklePrison41{
  0%,18%{color:#FFFFFF;text-shadow:0 0 5px rgba(255,255,255,.46)} /* #R */
  19%,100%{color:#0094FF;text-shadow:none} /* #J */
}

/* Marquee: cabeza #R seguida de #L/#J sobre base #K; recorre L->R cada 0,40 s. */
.legacy-preview-segment.legacy-effect-marquee,
.saved-legacy-segment.legacy-effect-marquee{
  color:#00006B!important; /* #K */
  background:none!important;
  background-image:none!important;
  animation:none!important;
}
.legacy-preview-segment.legacy-effect-marquee .legacy-effect-char,
.saved-legacy-segment.legacy-effect-marquee .legacy-effect-char{
  color:#00006B;
  text-shadow:none;
  animation-name:legacyMarqueePrison41!important;
  animation-duration:.4s!important;
  animation-timing-function:steps(1,end)!important;
  animation-iteration-count:infinite!important;
  animation-delay:var(--legacy-marquee-delay,0s)!important;
}
@keyframes legacyMarqueePrison41{
  0%,15%{color:#FFFFFF;text-shadow:0 0 4px rgba(255,255,255,.38)} /* #R */
  16%,31%{color:#00D6CE;text-shadow:0 0 3px rgba(0,214,206,.24)} /* #L */
  32%,50%{color:#0094FF;text-shadow:0 0 2px rgba(0,148,255,.14)} /* #J */
  51%,100%{color:#00006B;text-shadow:none} /* #K */
}

@media(prefers-reduced-motion:reduce){
  .legacy-preview-segment.legacy-effect-pulse .legacy-effect-char,
  .saved-legacy-segment.legacy-effect-pulse .legacy-effect-char{animation:none!important;color:#66AAFF!important}
  .legacy-preview-segment.legacy-effect-sparkle .legacy-effect-char,
  .saved-legacy-segment.legacy-effect-sparkle .legacy-effect-char{animation:none!important;color:#0094FF!important}
  .legacy-preview-segment.legacy-effect-marquee .legacy-effect-char,
  .saved-legacy-segment.legacy-effect-marquee .legacy-effect-char{animation:none!important;color:#0094FF!important}
}


/* v4.0.42 · Pulse/Sparkle/Marquee fieles a referencia, animados por JS */
.legacy-effect-word.legacy-effect-pulse .legacy-effect-char,
.legacy-effect-word.legacy-effect-sparkle .legacy-effect-char,
.legacy-effect-word.legacy-effect-marquee .legacy-effect-char{
  animation:none!important;
  transition:none!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  opacity:1!important;
  filter:none!important;
}


/* v4.0.43 · Pulse recalibrado desde los fotogramas de Prison Legacy: RGB12 #6AF, ciclo 1,5 s. */


/* v4.0.51 · efectos Prison Legacy confirmados y tarjetas estables */
.legacy-effect-grid .legacy-effect-option{
  width:100%;
  min-width:0;
  min-height:78px;
  align-content:start;
}
.legacy-effect-grid .legacy-effect-option strong,
.legacy-effect-grid .legacy-effect-option small{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.legacy-effect-grid .legacy-effect-option strong{
  white-space:nowrap;
}


/* v4.0.54 · Mis Banderas: gradientes idénticos a la previsualización Prison Legacy */
.saved-flag-stage__line .saved-legacy-segment.is-gradient{
  display:inline-block!important;white-space:pre!important;color:transparent!important;
  -webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;
  background-repeat:no-repeat!important;background-size:100% 100%!important;
  text-shadow:none!important;filter:none!important;
}
.saved-flag-stage__line .saved-legacy-segment.legacy-effect-word{
  display:inline-flex!important;white-space:pre!important;background:none!important;background-image:none!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:initial!important;
}
.saved-flag-stage__line .saved-legacy-segment.legacy-effect-word .legacy-effect-char{
  display:inline-block!important;white-space:pre!important;-webkit-text-fill-color:currentColor!important;
}

/* v4.0.55 · acción Copiar bandera unificada en ambos creadores */
.flag-editor-actions .flag-copy-action,.legacy-history-actions .flag-copy-action{min-width:auto;padding-inline:.85rem;white-space:nowrap;font-weight:800}
@media(max-width:640px){.flag-editor-actions{flex-wrap:wrap}.flag-editor-actions .flag-copy-action{flex:1 0 100%;width:100%}}
@media(max-width:680px){.legacy-linear-editor-card .legacy-history-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.legacy-linear-editor-card .legacy-history-actions .flag-copy-action{grid-column:1/-1;width:100%}}

/* v4.0.56 · Selector visual RGB12 de 4096 colores */
.rgb12-field{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:.4rem;align-items:stretch}.rgb12-picker-trigger{display:grid;place-items:center;min-width:42px;border:1px solid #51483f;background:#211e1a;cursor:pointer}.rgb12-picker-trigger span{display:block;width:24px;height:24px;border:1px solid rgba(255,255,255,.45);box-shadow:0 0 0 1px rgba(0,0,0,.7)}.rgb12-gradient-help{margin:.35rem 0 .2rem!important;color:#938a82!important;font-size:.7rem!important}.rgb12-picker-backdrop{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}.rgb12-picker-backdrop[hidden]{display:none}.rgb12-picker-open{overflow:hidden}.rgb12-picker{width:min(760px,96vw);max-height:min(900px,94vh);overflow:auto;border:1px solid #59483d;background:#171512;box-shadow:0 24px 70px rgba(0,0,0,.65)}.rgb12-picker__head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem 1.1rem;border-bottom:1px solid #3b342e}.rgb12-picker__head h2{margin:.15rem 0 0;font-size:1.5rem}.rgb12-picker__close{width:38px;height:38px;border:1px solid #51483f;background:#211e1a;color:#fff;font-size:1.5rem;cursor:pointer}.rgb12-picker__current{display:grid;grid-template-columns:92px minmax(130px,1fr) minmax(150px,.7fr);gap:.9rem;align-items:center;padding:1rem}.rgb12-picker__preview{height:68px;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5)}.rgb12-picker__current strong{display:block;font:800 1.25rem ui-monospace,monospace}.rgb12-picker__current small{display:block;margin-top:.2rem;color:#999}.rgb12-picker__current label{display:grid;gap:.3rem;font-size:.72rem;font-weight:700}.rgb12-picker__current input{width:100%;font:800 1rem ui-monospace,monospace;text-transform:uppercase}.rgb12-picker__blue{padding:0 1rem .8rem}.rgb12-picker__blue>span,.rgb12-picker__recent>span{display:block;margin-bottom:.4rem;color:#a89f96;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.rgb12-picker__blue>div{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}.rgb12-picker__blue button{min-width:0;height:30px;padding:0;border:1px solid #464039;background:#211e1a;color:#cfc4ba;font:700 .72rem ui-monospace,monospace;cursor:pointer}.rgb12-picker__blue button.is-active{border-color:#e7653a;background:#3a2118;color:#fff;box-shadow:inset 0 -2px 0 #e7653a}.rgb12-picker__axes{display:flex;justify-content:space-between;padding:0 1rem .25rem;color:#827970;font-size:.65rem}.rgb12-picker__grid{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;margin:0 1rem;padding:5px;border:1px solid #3d3630;background:#0d0c0b}.rgb12-cell{position:relative;aspect-ratio:1/1;min-width:20px;border:0;background:var(--rgb12);cursor:pointer}.rgb12-cell:hover,.rgb12-cell:focus-visible{z-index:2;outline:2px solid #fff;outline-offset:1px}.rgb12-cell.is-selected::after{content:'✓';position:absolute;inset:2px;display:grid;place-items:center;border:2px solid #e7653a;color:#fff;font-weight:900;text-shadow:0 1px 3px #000;box-shadow:inset 0 0 0 1px rgba(0,0,0,.65)}.rgb12-picker__recent{padding:1rem}.rgb12-picker__recent>div{display:flex;gap:.35rem;flex-wrap:wrap}.rgb12-picker__recent button{display:grid;grid-template-columns:16px auto;gap:.35rem;align-items:center;min-height:32px;padding:.3rem .45rem;border:1px solid #484039;background:#211e1a;color:#ddd;font:700 .68rem ui-monospace,monospace;cursor:pointer}.rgb12-picker__recent button span{width:16px;height:16px;background:var(--rgb12);border:1px solid rgba(255,255,255,.3)}.rgb12-picker__recent small{color:#81786f}.rgb12-picker__actions{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid #3b342e}.rgb12-picker :focus-visible{outline:2px solid #f09a5b;outline-offset:2px}@media(max-width:680px){.rgb12-picker-backdrop{padding:.35rem;align-items:end}.rgb12-picker{width:100%;max-height:92vh}.rgb12-picker__current{grid-template-columns:72px 1fr}.rgb12-picker__current label{grid-column:1/-1}.rgb12-picker__blue>div{gap:2px}.rgb12-picker__blue button{height:34px}.rgb12-picker__grid{gap:1px;margin-inline:.6rem}.rgb12-cell{min-width:0}.rgb12-picker__actions{position:sticky;bottom:0;background:#171512}.rgb12-picker__head,.rgb12-picker__current,.rgb12-picker__blue,.rgb12-picker__recent{padding-left:.7rem;padding-right:.7rem}}

/* v4.0.57 · Selector RGB12 unificado tipo Photoshop: 4096 colores en una sola paleta */
.rgb12-picker--photoshop{width:min(820px,96vw)}
.rgb12-picker--photoshop .rgb12-picker__body{display:grid;grid-template-columns:minmax(360px,1fr) 190px;gap:1rem;padding:1rem}
.rgb12-picker__visual{min-width:0}.rgb12-palette-wrap{position:relative;width:min(100%,560px);aspect-ratio:1/1;margin-inline:auto;border:1px solid #62584f;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);touch-action:none;user-select:none;overflow:hidden}
.rgb12-palette{display:block;width:100%;height:100%;cursor:crosshair;image-rendering:auto;outline:none;touch-action:none}
.rgb12-palette:focus-visible{box-shadow:inset 0 0 0 3px #f09a5b}
.rgb12-palette-cursor{position:absolute;width:18px;height:18px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #000,0 1px 5px rgba(0,0,0,.85),inset 0 0 0 1px rgba(0,0,0,.55)}
.rgb12-picker__hint{margin:.55rem auto 0;max-width:560px;color:#938a82;font-size:.7rem;line-height:1.4;text-align:center}
.rgb12-picker__side{display:grid;align-content:start;gap:.8rem;min-width:0}.rgb12-picker--photoshop .rgb12-picker__preview{height:108px;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)}
.rgb12-picker__codes strong{display:block;font:800 1.35rem ui-monospace,monospace}.rgb12-picker__codes small{display:block;margin-top:.18rem;color:#999}.rgb12-picker__manual{display:grid;gap:.3rem;font-size:.72rem;font-weight:700}.rgb12-picker__manual input{width:100%;font:800 1rem ui-monospace,monospace;text-transform:uppercase}
.rgb12-picker--photoshop .rgb12-picker__recent{padding:0}.rgb12-picker--photoshop .rgb12-picker__recent>div{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.rgb12-picker--photoshop .rgb12-picker__recent button{min-width:0}
.rgb12-picker--photoshop .rgb12-picker__blue,.rgb12-picker--photoshop .rgb12-picker__axes,.rgb12-picker--photoshop .rgb12-picker__grid,.rgb12-picker--photoshop .rgb12-picker__current{display:none!important}
@media(max-width:680px){.rgb12-picker--photoshop .rgb12-picker__body{grid-template-columns:1fr;padding:.7rem}.rgb12-palette-wrap{width:min(100%,520px)}.rgb12-picker__side{grid-template-columns:92px minmax(0,1fr);align-items:center}.rgb12-picker--photoshop .rgb12-picker__preview{height:76px}.rgb12-picker__manual,.rgb12-picker--photoshop .rgb12-picker__recent{grid-column:1/-1}.rgb12-picker--photoshop .rgb12-picker__recent>div{display:flex}.rgb12-picker__hint{text-align:left}}

/* v4.0.58 · Selector RGB12 con rueda de color tipo Photoshop */
.rgb12-picker--wheel{width:min(820px,96vw)}
.rgb12-picker__body--wheel{display:grid;grid-template-columns:minmax(390px,1fr) 190px;gap:1rem;padding:1rem}
.rgb12-wheel-area{display:grid;grid-template-columns:minmax(0,1fr) 42px;grid-template-rows:auto auto;gap:.8rem;align-items:stretch;min-width:0}
.rgb12-wheel-wrap{position:relative;width:min(100%,560px);aspect-ratio:1/1;margin-inline:auto;grid-column:1;grid-row:1;touch-action:none;user-select:none}
.rgb12-wheel{display:block;width:100%;height:100%;border-radius:50%;cursor:crosshair;outline:none;touch-action:none;box-shadow:0 0 0 1px #62584f,0 8px 26px rgba(0,0,0,.35)}
.rgb12-wheel:focus-visible{box-shadow:0 0 0 3px #f09a5b,0 8px 26px rgba(0,0,0,.35)}
.rgb12-wheel-cursor{position:absolute;width:19px;height:19px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #000,0 1px 5px rgba(0,0,0,.9),inset 0 0 0 1px rgba(0,0,0,.5)}
.rgb12-value-wrap{position:relative;grid-column:2;grid-row:1;width:34px;justify-self:center;touch-action:none;user-select:none}
.rgb12-value{display:block;width:34px;height:100%;min-height:280px;border:1px solid #62584f;cursor:ns-resize;outline:none;touch-action:none}
.rgb12-value:focus-visible{box-shadow:0 0 0 2px #f09a5b}
.rgb12-value-cursor{position:absolute;left:50%;width:44px;height:6px;border:2px solid #fff;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #000,0 1px 3px rgba(0,0,0,.8)}
.rgb12-picker--wheel .rgb12-picker__hint{grid-column:1/-1;grid-row:2;margin:.1rem 0 0;text-align:left}
.rgb12-picker--wheel .rgb12-picker__side{display:grid;align-content:start;gap:.8rem;min-width:0}
.rgb12-picker--wheel .rgb12-picker__preview{height:108px;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)}
.rgb12-picker--wheel .rgb12-picker__recent{padding:0}
.rgb12-picker--wheel .rgb12-picker__recent>div{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
.rgb12-picker--wheel .rgb12-picker__recent button{min-width:0}
.rgb12-picker--photoshop{display:none!important}
@media(max-width:680px){
 .rgb12-picker__body--wheel{grid-template-columns:1fr;padding:.7rem}
 .rgb12-wheel-area{grid-template-columns:minmax(0,1fr) 38px;gap:.55rem}
 .rgb12-wheel-wrap{width:min(100%,500px)}
 .rgb12-value-wrap,.rgb12-value{width:30px}
 .rgb12-value-cursor{width:38px}
 .rgb12-picker--wheel .rgb12-picker__side{grid-template-columns:92px minmax(0,1fr);align-items:center}
 .rgb12-picker--wheel .rgb12-picker__preview{height:76px}
 .rgb12-picker__manual,.rgb12-picker--wheel .rgb12-picker__recent{grid-column:1/-1}
 .rgb12-picker--wheel .rgb12-picker__recent>div{display:flex;flex-wrap:wrap}
}