:root{--ink: #25282d;--muted: #70757d;--line: #d7d9dd;--soft-line: #e7e8eb;--page: #f2f3f4;--panel: #ffffff;--panel-soft: #fafafa;--blue: #1f9ed8;--blue-dark: #1479ab;--shadow: 0 12px 30px rgba(29, 34, 41, .09);--box-0: #20a5df;--box-1: #26bd62;--box-2: #9b4de4;--box-3: #ef4164}*{box-sizing:border-box}html{scroll-behavior:smooth;zoom:.8}body{margin:0;min-width:320px;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,label.file-action{-webkit-tap-highlight-color:transparent}.site-header{position:sticky;top:0;z-index:50;background:#fffffff0;border-bottom:1px solid var(--soft-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{width:min(1420px,calc(100% - 32px));min-height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:750;letter-spacing:-.02em}.brand-grid{display:grid;grid-template-columns:repeat(2,10px);gap:3px}.brand-grid i{width:10px;height:10px;border-radius:2px;background:var(--blue)}.brand-grid i:nth-child(2){background:var(--box-1)}.brand-grid i:nth-child(3){background:var(--box-2)}.brand-grid i:nth-child(4){background:var(--box-3)}.header-nav{display:flex;align-items:center;gap:8px}.header-nav a{color:var(--muted);text-decoration:none;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:650}.header-nav a:hover,.header-nav a.active{color:var(--ink);background:#f1f3f5}.page-shell{width:min(1420px,calc(100% - 32px));margin:24px auto 64px;display:grid;gap:18px}.builder-toolbar,.program-card,.box-controls,.macro-panel{background:var(--panel);border:1px solid var(--soft-line);border-radius:14px;box-shadow:var(--shadow)}.builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px}.toolbar-group{display:flex;align-items:center;gap:10px}.toolbar-label{color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.055em}.segmented{display:inline-flex;align-items:center;gap:3px;padding:3px;background:#eff1f3;border-radius:8px}.segmented button{border:0;border-radius:6px;background:transparent;color:#646970;padding:8px 11px;cursor:pointer;font-size:13px;font-weight:650}.segmented button:hover{color:var(--ink)}.segmented button.active{background:#fff;color:var(--blue-dark);box-shadow:0 1px 5px #00000017}.select-control,.field-label input,.field-label select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:9px 10px;outline:none}.select-control{min-width:205px}.select-control:focus,.field-label input:focus,.field-label select:focus,.box-source:focus,.number-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1f9ed81f}.program-card{padding:16px}.program-stage{position:relative;width:min(100%,1280px);aspect-ratio:16 / 9;margin-inline:auto;background:#111419;overflow:hidden;border-radius:10px;border:1px solid #15181c}#programCanvas{display:block;width:100%;height:100%;outline:none;touch-action:none;-webkit-user-select:none;user-select:none}#programCanvas:focus-visible{box-shadow:inset 0 0 0 3px #1f9ed8b3}.program-badge{position:absolute;top:calc(5.5556% + 12px);left:calc(5.5556% + 12px);pointer-events:none;padding:5px 8px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#0b0e12a6;color:#ffffffb8;font-size:10px;font-weight:800;letter-spacing:.09em}.program-actions{display:flex;align-items:center;gap:8px;padding-top:13px;flex-wrap:wrap}.action-spacer{flex:1}.action-button,.primary-button,.secondary-button,.card-action{border:1px solid var(--line);border-radius:8px;background:#fff;color:#555a61;padding:9px 12px;cursor:pointer;transition:.15s ease;font-size:13px;font-weight:650}.action-button:hover,.secondary-button:hover,.card-action:hover{background:#f3f4f5;border-color:#bec2c7}.action-button.subtle{color:#83878d}.action-button:disabled{opacity:.45;cursor:not-allowed}.file-action{display:inline-flex;align-items:center}.box-controls,.macro-panel{padding:20px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.compact-heading{align-items:flex-end}.section-kicker{display:block;color:var(--blue-dark);font-size:11px;line-height:1;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.section-heading h1,.section-heading h2{margin:0;font-size:22px;letter-spacing:-.025em}.section-heading p{margin:0;color:var(--muted);font-size:13px;max-width:520px}.box-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.box-card{--box-color: var(--box-0);overflow:hidden;min-width:0;border:1px solid #d8dade;border-radius:10px;background:#f8f8f9;box-shadow:0 7px 18px #1f232814}.box-card[data-box="1"]{--box-color: var(--box-1)}.box-card[data-box="2"]{--box-color: var(--box-2)}.box-card[data-box="3"]{--box-color: var(--box-3)}.box-card.inactive .box-body{opacity:.64}.box-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:10px 14px;background:var(--box-color);color:#fff}.box-title-wrap{display:grid;gap:2px;min-width:0}.box-title-wrap strong{font-size:17px;line-height:1.1}.box-title-wrap small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;opacity:.82}.switch-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.switch-label input{width:17px;height:17px;accent-color:white}.box-body{padding:14px;transition:opacity .15s ease}.control-block{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #dddee1}.control-block:last-child{padding:0;margin:0;border-bottom:0}.control-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:#6b7077;font-size:11px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.control-caption small{color:#a0a4a9;font-size:9px}.box-source{width:100%;padding:9px 10px;border:1px solid #ccd0d4;border-radius:7px;background:#fff;color:#30343a;outline:none}.xy-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.small-field{display:grid;grid-template-columns:14px 1fr;align-items:center;gap:5px;color:#777c82;font-size:12px}.number-input{width:100%;min-width:0;padding:7px 8px;border:1px solid #cfd2d6;border-radius:7px;background:#fff;color:#2e3237;font-family:SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;outline:none}.range-row{display:grid;grid-template-columns:1fr 70px;gap:9px;align-items:center}.range-input{width:100%;accent-color:var(--box-color)}.crop-block{padding-top:1px}.crop-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}.crop-heading-line{height:1px;flex:1;background:#d9dadd}.crop-heading .switch-label{flex:0 0 auto;color:#777c82;font-size:10px}.crop-heading input{accent-color:var(--box-color)}.crop-values{display:grid;gap:14px}.crop-pair{display:grid;gap:7px}.crop-pair-labels,.crop-pair-controls,.crop-pair-values{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;column-gap:9px}.crop-pair-labels{color:#777a80;font-size:11px}.crop-pair-labels span:last-child{grid-column:3}.crop-pair-controls{min-height:24px}.crop-range{width:100%;min-width:0;height:18px;margin:0;accent-color:#1976ed}.crop-range:disabled{opacity:.42;accent-color:#c9cbce}.link-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:7px;background:transparent;color:#a1a4a8;cursor:pointer;transition:color .15s ease,background .15s ease}.link-button:hover{background:#f0f1f2;color:#55595e}.link-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.link-button.active{color:#4f5358}.crop-pair-values{align-items:start}.crop-number{width:100%;min-width:0;padding:0 2px;border:0;background:transparent;color:#292c31;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-variant-numeric:tabular-nums;outline:none;-moz-appearance:textfield}.crop-number::-webkit-inner-spin-button,.crop-number::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.crop-number:focus{border-radius:4px;box-shadow:0 0 0 2px #1f9ed82e}.crop-number:disabled{color:#a6a8ab}.crop-values.disabled{opacity:.42;pointer-events:none}.card-actions{display:flex;gap:7px;flex-wrap:wrap}.card-action{padding:7px 9px;font-size:11px}.card-action.paste-ready{color:var(--blue-dark);border-color:#1f9ed873;background:#1f9ed814}.macro-actions{display:flex;gap:8px;flex-wrap:wrap}.primary-button{color:#fff;border-color:var(--blue);background:var(--blue)}.primary-button:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.secondary-button{background:#fff}.macro-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.macro-settings{display:grid;align-content:start;gap:13px}.field-label{display:grid;gap:6px;color:#63686f;font-size:12px;font-weight:700}.media-settings-card{display:grid;gap:11px;padding:13px;border:1px solid var(--soft-line);border-radius:10px;background:var(--panel-soft)}.media-settings-heading{display:flex;justify-content:space-between;gap:12px}.media-settings-heading div{display:grid;gap:3px}.media-settings-heading strong{color:var(--ink);font-size:13px}.media-settings-heading small{color:var(--muted);font-size:10px;line-height:1.4}.compact-toggle{padding:10px 11px;background:#fff}.field-label input:disabled,.field-label select:disabled{background:#f1f2f4;color:#9aa0a7;cursor:not-allowed}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border:1px solid var(--soft-line);border-radius:9px;background:var(--panel-soft)}.toggle-row span{display:grid;gap:3px}.toggle-row strong{font-size:13px}.toggle-row small{color:var(--muted);font-size:10px;font-weight:500}.toggle-row input{width:19px;height:19px;accent-color:var(--blue);flex:0 0 auto}.macro-help{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.macro-help code{color:#4f5e71;background:#eef0f2;padding:1px 4px;border-radius:4px}.macro-code-wrap{min-width:0}#macroOutput{width:100%;min-height:390px;resize:vertical;border:1px solid #252a31;border-radius:10px;background:#15191f;color:#b9d9f3;padding:14px;outline:none;font:12px/1.55 SFMono-Regular,Consolas,monospace;white-space:pre;tab-size:2}#macroOutput:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1f9ed821}#macroOutput::selection{background:#1f9ed852;color:inherit}.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,12px);opacity:0;pointer-events:none;border-radius:9px;background:#111419;color:#fff;padding:10px 14px;box-shadow:0 14px 35px #00000040;font-size:13px;font-weight:700;transition:.18s ease}.toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:1150px){.box-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.header-inner,.builder-toolbar,.section-heading{align-items:flex-start}.header-inner,.builder-toolbar,.section-heading{flex-direction:column}.header-nav{display:none}.guides-group{width:100%;justify-content:space-between}.macro-layout{grid-template-columns:1fr}.action-spacer{display:none}}@media(max-width:620px){.page-shell,.header-inner{width:min(100% - 18px,1420px)}.builder-toolbar,.program-card,.box-controls,.macro-panel{border-radius:10px}.toolbar-group{width:100%;align-items:flex-start;flex-direction:column}.segmented{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.segmented button{padding-inline:4px;font-size:11px}.select-control{width:100%;min-width:0}.program-card{padding:8px}.program-actions{padding:10px 2px 2px}.box-grid{grid-template-columns:1fr}.box-controls,.macro-panel{padding:15px}.section-heading p{display:none}.macro-actions{width:100%}.macro-actions button{flex:1}}.header-inner{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center}.header-left{display:flex;align-items:center;gap:14px;min-width:0}.language-toggle{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#8a8f95;cursor:pointer;font-size:11px;font-weight:750;transition:.15s ease}.language-toggle:hover{border-color:#b9bdc2;background:#f5f6f7}.language-toggle svg{width:16px;height:16px;margin-right:2px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.language-option{transition:color .15s ease}.language-option.active{color:var(--blue-dark);font-weight:850}.language-divider{color:#c2c5c9}.header-nav{justify-self:center}.header-macro-fields{display:grid;grid-template-columns:minmax(190px,260px) 92px;gap:9px;align-items:end}.header-field{display:grid;gap:4px;min-width:0;color:#747980;font-size:9px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.header-field input{width:100%;min-width:0;height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:none;font-size:12px;font-weight:650;text-transform:none;letter-spacing:normal}.header-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1f9ed81f}.header-index-field input{font-family:SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.macro-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.macro-settings{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));align-items:start;gap:13px}.macro-settings .media-settings-card{min-height:100%}.macro-settings .macro-help{grid-column:1 / -1}.macro-code-wrap{width:100%;min-width:0;grid-column:1 / -1}#macroOutput{display:block;width:100%;min-height:470px}@media(max-width:1240px){.header-inner{grid-template-columns:auto 1fr;padding-block:9px}.header-nav{display:none}.header-macro-fields{justify-self:end}}@media(max-width:900px){.header-inner{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.header-left{flex:1 1 auto}.header-macro-fields{width:100%;grid-template-columns:minmax(0,1fr) 100px}.macro-settings{grid-template-columns:repeat(2,minmax(210px,1fr))}}@media(max-width:620px){.header-left{width:100%}.brand{min-width:0}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-macro-fields{grid-template-columns:minmax(0,1fr) 86px}.macro-settings{grid-template-columns:minmax(0,1fr)}.macro-settings .macro-help{grid-column:1}#macroOutput{min-height:420px}}.macro-output-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.macro-import-area{display:flex;align-items:center;gap:11px;min-width:0}.macro-import-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;cursor:pointer}.macro-import-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.imported-file-info{min-width:0;max-width:min(42vw,520px);overflow:hidden;color:var(--muted);font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.macro-output-footer .macro-actions{display:flex;justify-content:flex-end;gap:8px;flex:0 0 auto}@media(max-width:720px){.macro-output-footer{align-items:stretch;flex-direction:column}.macro-import-area{justify-content:space-between}.imported-file-info{max-width:55vw}.macro-output-footer .macro-actions{width:100%}.macro-output-footer .macro-actions button{flex:1}}.imported-file-info.loaded{color:#2f7f55}.macro-pool-card{grid-column:3;display:grid;align-content:start;gap:14px;min-width:0;padding:16px;border:1px solid #2d2f34;border-radius:12px;background:#111214;color:#f4f5f7;box-shadow:inset 0 0 0 1px #ffffff04}.macro-pool-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.macro-pool-heading>div{display:grid;gap:4px}.macro-pool-heading strong{font-size:15px;color:#fff}.macro-pool-heading small{max-width:270px;color:#9b9da3;font-size:10px;line-height:1.4}.macro-pool-count{flex:0 0 auto;padding:4px 7px;border:1px solid #31343a;border-radius:999px;color:#aeb1b8;background:#181a1e;font:700 9px/1 SFMono-Regular,Consolas,monospace}.macro-pool-toolbar{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:10px;max-width:280px;margin-inline:auto}.macro-pool-nav,.macro-pool-page{height:36px;border:1px solid #303238;border-radius:8px;background:#17181b;color:#f3f4f6}.macro-pool-nav{display:grid;place-items:center;padding:0;font-size:22px;line-height:1}.macro-pool-nav:hover:not(:disabled){border-color:#555963;background:#202226}.macro-pool-nav:disabled{opacity:.32;cursor:not-allowed}.macro-pool-page{width:100%;padding:0 10px;font-size:11px;font-weight:700}.macro-pool-grid{display:grid;grid-template-columns:repeat(10,minmax(24px,1fr));gap:6px}.macro-slot{position:relative;min-width:0;height:39px;padding:0;border:1px solid #34363b;border-radius:4px;background:#17181a;color:#b7bac1;font:700 10px/1 SFMono-Regular,Consolas,monospace}.macro-slot:hover{border-color:#656a75;background:#202226;color:#fff}.macro-slot.selected{border-color:#ff3658;box-shadow:inset 0 0 0 1px #ff3658;color:#ff4967}.macro-slot:after{content:"";position:absolute;right:4px;bottom:4px;width:5px;height:5px;border-radius:50%;opacity:0}.macro-slot.content:after{opacity:1;background:#28d66f}.macro-slot.modified:after{opacity:1;background:#ffb000}.macro-slot.invalid:after{opacity:1;background:#ff4057}.macro-slot.invalid{border-color:#ff4057b8}.macro-pool-legend{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;color:#d6d7db;font-size:10px}.macro-pool-legend>span{display:inline-flex;align-items:center;gap:6px}.pool-dot{width:8px;height:8px;border-radius:50%}.pool-dot.content{background:#28d66f}.pool-dot.modified{background:#ffb000}.pool-dot.invalid{background:#ff4057}.macro-pool-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.macro-pool-actions button{min-width:0;padding:9px 10px;font-size:10px}.macro-pool-actions .secondary-button{border-color:#373a40;background:#1a1c20;color:#e5e7eb}.macro-pool-actions .secondary-button:hover:not(:disabled){background:#24272c}.macro-pool-actions button:disabled{opacity:.42;cursor:not-allowed}@media(max-width:1100px){.macro-pool-card{grid-column:1 / -1}.macro-pool-grid{grid-template-columns:repeat(10,minmax(32px,1fr))}}@media(max-width:620px){.macro-pool-card{grid-column:1}.macro-pool-grid{grid-template-columns:repeat(5,minmax(36px,1fr))}.macro-pool-toolbar{max-width:none}.macro-pool-legend{justify-content:flex-start;gap:13px}}.macro-pool-top{grid-column:auto;grid-template-columns:minmax(220px,1fr) auto minmax(260px,.9fr);grid-template-areas:"heading toolbar actions" "grid grid grid" "legend legend legend";align-items:center;padding:18px 20px}.macro-pool-top .macro-pool-heading{grid-area:heading}.macro-pool-top .macro-pool-toolbar{grid-area:toolbar;width:280px;max-width:none;margin:0}.macro-pool-top .macro-pool-grid{grid-area:grid}.macro-pool-top .macro-pool-legend{grid-area:legend}.macro-pool-top .macro-pool-actions{grid-area:actions;grid-template-columns:repeat(2,minmax(130px,1fr));justify-self:end;width:min(100%,330px)}.header-inner{grid-template-columns:auto minmax(250px,1fr) auto auto;gap:18px}.header-import-area{display:grid;justify-items:stretch;gap:3px;width:190px;min-width:170px}.header-import-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:34px;padding:7px 12px;border:1px solid #07940d;border-radius:7px;background:#08a610;color:#fff;cursor:pointer;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 2px 6px #08a6102e;transition:background .15s ease,border-color .15s ease,transform .15s ease}.header-import-button:hover{background:#078e0d;border-color:#067d0b}.header-import-button:active{transform:translateY(1px)}.header-import-button svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.header-imported-file-info{width:100%;overflow:hidden;color:#8a8f95;font-size:8px;font-weight:700;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.header-imported-file-info.loaded{color:#2f7f55}.macro-output-footer{justify-content:flex-end}@media(max-width:1240px){.header-inner{grid-template-columns:auto auto minmax(280px,1fr)}.header-import-area{justify-self:center}.macro-pool-top{grid-template-columns:minmax(220px,1fr) auto;grid-template-areas:"heading toolbar" "grid grid" "legend actions"}}@media(max-width:900px){.header-import-area{flex:1 1 190px;width:auto;max-width:260px}.macro-pool-top{grid-template-columns:1fr;grid-template-areas:"heading" "toolbar" "grid" "legend" "actions";align-items:stretch}.macro-pool-top .macro-pool-toolbar{width:100%;max-width:360px;margin-inline:auto}.macro-pool-top .macro-pool-actions{width:100%;max-width:420px;justify-self:center}}@media(max-width:620px){.header-import-area{order:3;width:100%;max-width:none}.header-imported-file-info{text-align:left}.macro-pool-top{padding:15px}.macro-pool-top .macro-pool-actions{grid-template-columns:1fr}}.history-group{flex:0 0 auto}.history-actions{display:inline-flex;gap:6px}.history-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#555b63;cursor:pointer;font-size:11px;font-weight:750;transition:background .15s ease,border-color .15s ease,color .15s ease}.history-button:hover:not(:disabled){border-color:#b6bbc1;background:#f4f5f6;color:#25282d}.history-button:disabled{opacity:.38;cursor:not-allowed}.history-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.macro-pool-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:7px}.macro-slot{display:flex;align-items:center;justify-content:flex-start;gap:5px;height:40px;padding:0 20px 0 10px;overflow:hidden;white-space:nowrap;text-align:left}.macro-slot-index{flex:0 0 auto;min-width:25px;color:inherit;font-weight:800;font-variant-numeric:tabular-nums}.macro-slot-separator{flex:0 0 auto;opacity:.55}.macro-slot-name{min-width:0;overflow:hidden;color:#f0f1f3;font-family:Inter,ui-sans-serif,sans-serif;font-size:10px;font-weight:720;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.macro-slot.empty .macro-slot-name{color:#8c9097}.macro-slot.selected .macro-slot-name{color:#fff}.macro-pool-actions{grid-template-columns:repeat(3,minmax(115px,1fr))}.macro-pool-actions .single-macro-file-action{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:9px 10px;text-align:center;font-size:10px;line-height:1.15;cursor:pointer}.macro-pool-top .macro-pool-actions{grid-template-columns:repeat(3,minmax(110px,1fr));width:min(100%,500px)}.single-macro-dialog{width:min(520px,calc(100vw - 34px));padding:0;border:1px solid #d8dadd;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 24px 70px #14181e47}.single-macro-dialog::backdrop{background:#13171d8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.single-macro-form{display:grid;gap:17px;padding:22px}.single-macro-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.single-macro-dialog-head h2{margin:0;font-size:21px;letter-spacing:-.025em}.dialog-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #dedfe2;border-radius:8px;background:#f7f8f9;color:#6c7178;cursor:pointer;font-size:22px;line-height:1}.dialog-close:hover{background:#eef0f2;color:#25282d}.single-macro-dialog-copy{margin:-4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.single-macro-fields{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px}.single-macro-conflict{margin:0;padding:10px 12px;border:1px solid #f2c66a;border-radius:8px;background:#fff8e8;color:#8a5a00;font-size:11px;font-weight:650;line-height:1.4}.single-macro-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}@media(max-width:1100px){.macro-pool-grid{grid-template-columns:repeat(4,minmax(115px,1fr))}.builder-toolbar{flex-wrap:wrap}}@media(max-width:760px){.macro-pool-grid{grid-template-columns:repeat(2,minmax(115px,1fr))}.macro-pool-top .macro-pool-actions,.macro-pool-actions{grid-template-columns:1fr}.history-group{width:100%;justify-content:space-between}.history-actions{flex:1;justify-content:flex-end}}@media(max-width:520px){.single-macro-fields{grid-template-columns:1fr}.single-macro-dialog-actions{flex-direction:column-reverse}.single-macro-dialog-actions button{width:100%}}.macro-pool-grid{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;grid-template-rows:repeat(2,48px)!important;grid-auto-flow:row!important;gap:6px 9px!important;width:100%!important;min-width:0!important;overflow:visible!important}.macro-slot{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:0 7px!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;overflow:hidden!important;white-space:nowrap!important;text-align:center!important}.macro-slot-index{min-width:auto!important;flex:0 0 auto!important}.macro-slot-name{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.macro-slot-separator{flex:0 0 auto!important}@media(max-width:1100px){.macro-pool-grid{grid-template-columns:repeat(10,56px)!important;grid-template-rows:repeat(2,48px)!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:5px!important}}@media(max-width:760px){.macro-pool-grid{grid-template-columns:repeat(10,56px)!important}}.box-controls-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}.box-controls-heading-actions p{max-width:560px;margin:0}.configure-sources-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;white-space:nowrap}.configure-sources-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.source-manager-dialog{width:min(760px,calc(100vw - 34px));max-height:min(780px,calc(100vh - 40px));padding:0;border:1px solid #d8dadd;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 24px 75px #14181e4d;overflow:hidden}.source-manager-dialog::backdrop{background:#13171d94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.source-manager-form{display:grid;grid-template-rows:auto auto auto minmax(160px,1fr) auto auto auto;gap:13px;max-height:min(780px,calc(100vh - 40px));padding:21px}.source-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.source-manager-head h2{margin:2px 0 0;font-size:21px;letter-spacing:-.025em}.source-manager-copy{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.source-manager-columns,.source-manager-row{display:grid;grid-template-columns:minmax(170px,.85fr) minmax(220px,1.15fr) 36px;gap:9px;align-items:center}.source-manager-columns{padding:0 4px;color:#767c84;font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.source-manager-list{display:grid;align-content:start;gap:7px;min-height:160px;max-height:430px;padding:3px 5px 3px 1px;overflow-y:auto;overscroll-behavior:contain}.source-manager-row{padding:7px;border:1px solid #e0e2e5;border-radius:9px;background:#f8f9fa}.source-manager-row input{width:100%;min-width:0;padding:9px 10px;border:1px solid #d6d9dd;border-radius:7px;background:#fff;color:#272b30;font:inherit;font-size:12px;outline:none}.source-manager-row input:focus{border-color:#68a9e8;box-shadow:0 0 0 3px #20a5df21}.source-xml-input{font-family:SFMono-Regular,Consolas,monospace!important;font-size:11px!important}.source-remove-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #e3c8cc;border-radius:7px;background:#fff5f6;color:#c44758;cursor:pointer}.source-remove-button:hover{border-color:#d99aa4;background:#ffecee}.source-remove-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.source-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.source-manager-count{color:var(--muted);font-size:11px;font-weight:700}.source-manager-error{margin:0;padding:10px 12px;border:1px solid #e8a5ae;border-radius:8px;background:#fff0f2;color:#a83446;font-size:11px;font-weight:700}.source-manager-actions{display:flex;align-items:center;gap:8px;padding-top:4px;border-top:1px solid #eceef0}.source-manager-action-spacer{flex:1}@media(max-width:760px){.box-controls-heading{align-items:flex-start;flex-direction:column}.box-controls-heading-actions{width:100%;align-items:flex-start;flex-direction:column}.source-manager-columns{display:none}.source-manager-form{grid-template-rows:auto auto minmax(160px,1fr) auto auto auto}.source-manager-row{grid-template-columns:1fr 42px}.source-manager-row .source-xml-input,.source-manager-row .source-label-input{grid-column:1}.source-manager-row .source-remove-button{grid-column:2;grid-row:1 / span 2;align-self:center}.source-manager-actions{align-items:stretch;flex-wrap:wrap}.source-manager-action-spacer{display:none}.source-manager-actions button{flex:1 1 140px}}.version-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;padding:2px 6px;border:1px solid #d9dde3;border-radius:999px;background:#f4f6f8;color:#69717c;font-size:8px;font-weight:800;letter-spacing:.04em;line-height:1.2}
.admin-brand-icon{width:26px;height:26px;object-fit:contain;flex:0 0 auto}.admin-panel-link{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#666d76;text-decoration:none;font-size:16px}.admin-panel-link:hover{background:#f2f4f6;color:#22272d}@media(max-width:900px){.admin-panel-link{margin-left:auto}}

/* Header navigation cleanup and administrator access placement */
.header-nav{display:none!important}.header-left{gap:9px!important}.admin-panel-link-header{margin-left:0!important;flex:0 0 auto}.admin-panel-link-header svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-inner{grid-template-columns:auto minmax(170px,auto) minmax(300px,1fr)!important}.header-import-area{justify-self:center}.header-macro-fields{justify-self:end}
@media(max-width:900px){.header-inner{display:flex!important;flex-wrap:wrap!important}.header-left{order:1}.header-import-area{order:2;margin-left:auto}.header-macro-fields{order:3;width:100%;justify-content:flex-end}}

/* Administrator shortcut icon */
.admin-panel-link-header {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  padding: 5px !important;
  overflow: hidden !important;
  border: 1px solid #d7dce2 !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(29, 48, 72, .08) !important;
}
.admin-panel-link-header:hover {
  border-color: #73b9ee !important;
  background: #f3f9ff !important;
}
.admin-panel-link-header img {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  object-fit: contain !important;
  background: transparent !important;
}
.admin-brand-icon {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  object-fit: contain !important;
  background: transparent !important;
}

/* Administrator access icon: far right */
.header-admin-link{margin-left:auto!important;order:999!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:34px!important;height:34px!important;padding:4px!important;border:1px solid #d9dde2!important;border-radius:7px!important;background:#fff!important;text-decoration:none!important}.header-admin-link img{display:block!important;width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important}.header-admin-link:hover{background:#f6f8fa!important;border-color:#c7ccd2!important}

/* Final administrator shortcut placement */
.header-inner{grid-template-columns:auto minmax(170px,auto) minmax(300px,1fr) 38px!important}
.admin-panel-link-header{grid-column:4!important;justify-self:end!important;margin-left:0!important;order:999!important}
@media(max-width:900px){.admin-panel-link-header{margin-left:auto!important;order:4!important}.header-inner{display:flex!important}}

/* =========================================================
   FLOATING BOX CONTROL — additive UI only
   The original Box Controls section remains unchanged.
   ========================================================= */
.floating-box-control {
  --floating-box-color: #20a5df;
  position: fixed;
  z-index: 1200;
  width: min(300px, calc(100vw - 24px));
  max-height: calc(100vh - 28px);
  overflow: hidden;
  border: 1px solid #cfd4da;
  border-radius: 8px;
  background: #f7f8f9;
  box-shadow: 0 18px 48px rgba(20, 28, 38, .24);
  opacity: 0;
  transform: translateY(4px) scale(.985);
  transition: opacity .14s ease, transform .14s ease;
}
.floating-box-control[hidden] { display: none !important; }
.floating-box-control.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.floating-box-control.is-pinned {
  top: 50% !important;
  right: 14px !important;
  left: auto !important;
  transform: translateY(-50%) scale(1);
  max-height: calc(100vh - 28px);
}
.floating-box-windowbar {
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px 0 10px;
  background: #d7d9dc;
  cursor: move;
  user-select: none;
  touch-action: none;
}
.floating-box-control.is-pinned .floating-box-windowbar { cursor: default; }
.floating-box-control.is-dragging { transition: none; }
.floating-window-title {
  overflow: hidden;
  color: #4f555d;
  font-size: 9px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-window-actions { display: flex; align-items: center; gap: 6px; }
.floating-window-dot {
  width: 11px;
  height: 11px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}
.floating-pin { background: #f5c400; }
.floating-pin.is-active { box-shadow: 0 0 0 2px rgba(245,196,0,.22), inset 0 0 0 1px rgba(0,0,0,.08); }
.floating-close { background: #f23838; }
.floating-box-content {
  max-height: calc(100vh - 50px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px;
}
.floating-box-content .box-card.floating-cloned-card {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.floating-box-content .box-card .box-body { padding-bottom: 10px; }
.floating-box-content .box-card .box-head { position: sticky; top: 0; z-index: 2; }

@media (max-width: 720px) {
  .floating-box-control,
  .floating-box-control.is-pinned {
    width: min(310px, calc(100vw - 18px));
    right: 9px !important;
  }
}

.clear-all-macros-button{border-color:#e4b8bf!important;background:#fff5f6!important;color:#b73549!important;font-weight:750!important}.clear-all-macros-button:hover{border-color:#d58e99!important;background:#ffecee!important}.macro-pool-actions{grid-template-columns:repeat(4,minmax(105px,1fr))!important}.floating-box-control[hidden]{display:none!important}
@media(max-width:900px){.macro-pool-actions{grid-template-columns:repeat(2,minmax(120px,1fr))!important}}
@media(max-width:560px){.macro-pool-actions{grid-template-columns:1fr!important}}


/* Smoother, reliably releasable floating panel drag */
.floating-box-control {
  will-change: left, top;
}
.floating-box-windowbar {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
}
.floating-box-control.is-dragging .floating-box-windowbar {
  cursor: grabbing;
}
.floating-box-control.is-dragging {
  transition: none !important;
  transform: none !important;
}
html.floating-panel-drag-active,
html.floating-panel-drag-active body {
  cursor: grabbing !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

/* v1.2 — calculated layout presets and precision controls */
.layout-presets-card {
  padding: 16px;
  border: 1px solid var(--soft-line);
  border-radius: 14px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.layout-presets-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.layout-presets-heading strong {
  display: block;
  font-size: 14px;
}
.layout-presets-heading small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
}
.layout-presets-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(120px, 1fr));
  gap: 10px;
}
.layout-preset {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 8px;
  border: 1px solid #dfe2e5;
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  text-align: left;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.layout-preset:hover {
  transform: translateY(-1px);
  border-color: #9ecce2;
  box-shadow: 0 6px 16px rgba(24, 36, 48, .09);
}
.preset-preview {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 4px;
  background: #edf2f6;
}
.preset-box {
  position: absolute;
  display: block;
  background: var(--box-0);
}
.preset-box-1 { background: var(--box-1); }
.preset-box-2 { background: var(--box-2); }
.preset-box-3 { background: var(--box-3); }
.preset-name {
  overflow: hidden;
  color: #5e646b;
  font-size: 10px;
  font-weight: 720;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .layout-presets-grid { grid-template-columns: repeat(5, minmax(115px, 1fr)); }
}
@media (max-width: 820px) {
  .layout-presets-grid { grid-template-columns: repeat(3, minmax(110px, 1fr)); }
}
@media (max-width: 520px) {
  .layout-presets-grid { grid-template-columns: repeat(2, minmax(100px, 1fr)); }
}

/* v1.3 enhancements */
.layout-presets-toggle{width:100%;border:0;background:transparent;cursor:pointer;text-align:left}.preset-collapse-icon{font-size:18px;transition:transform .18s ease}.layout-presets-card.is-collapsed .preset-collapse-icon{transform:rotate(180deg)}.layout-presets-panel[hidden]{display:none}.layout-presets-card.is-collapsed{padding-bottom:14px}.copy-selected-pt,.project-label-pt,.project-title-pt,.project-copy-pt,.project-name-pt,.project-warning-pt,.project-open-pt,.project-create-pt{display:none}html:lang(pt) .copy-selected-en,html:lang(pt) .project-label-en,html:lang(pt) .project-title-en,html:lang(pt) .project-copy-en,html:lang(pt) .project-name-en,html:lang(pt) .project-warning-en,html:lang(pt) .project-open-en,html:lang(pt) .project-create-en{display:none}html:lang(pt) .copy-selected-pt,html:lang(pt) .project-label-pt,html:lang(pt) .project-title-pt,html:lang(pt) .project-copy-pt,html:lang(pt) .project-name-pt,html:lang(pt) .project-warning-pt,html:lang(pt) .project-open-pt,html:lang(pt) .project-create-pt{display:inline}.macro-pool-actions{grid-template-columns:repeat(5,minmax(100px,1fr))!important}.project-access-button{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 11px;cursor:pointer;font-weight:700}.project-access-dialog{width:min(520px,calc(100vw - 32px));border:1px solid var(--line);border-radius:14px;padding:0;box-shadow:0 24px 70px rgba(20,24,30,.28)}.project-access-dialog::backdrop{background:rgba(19,23,29,.55);backdrop-filter:blur(3px)}.project-access-form{display:grid;gap:15px;padding:22px}.project-access-head{display:flex;justify-content:space-between;align-items:flex-start}.project-access-head h2{margin:0}.project-access-copy,.project-expiry-warning{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.project-expiry-warning{padding:10px 12px;border:1px solid #efcf84;border-radius:8px;background:#fff8e8;color:#805900}.project-access-status{margin:0;padding:9px 11px;border-radius:7px;background:#fff0f2;color:#a83446;font-size:12px}.project-access-actions{display:flex;justify-content:flex-end;gap:8px}.floating-box-control.is-pinned .floating-box-windowbar{cursor:default}.floating-box-control.is-pinned{right:14px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important}@media(max-width:900px){.macro-pool-actions{grid-template-columns:repeat(2,minmax(120px,1fr))!important}.project-access-group{width:100%}}


/* v1.3.1 — polished collapsible presets and compact project access dialog */
.layout-presets-card {
  overflow: hidden !important;
}
.layout-presets-toggle {
  width: 100% !important;
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.layout-presets-toggle:hover { background: transparent !important; }
.layout-presets-toggle > div { min-width: 0 !important; }
.layout-presets-toggle .preset-collapse-icon {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #616871 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  box-shadow: 0 1px 2px rgba(20,24,30,.05) !important;
}
.layout-presets-panel { padding-top: 12px !important; }
.layout-presets-card.is-collapsed { padding-bottom: 10px !important; }
.layout-presets-card.is-collapsed .layout-presets-toggle { min-height: 42px !important; }
.layout-presets-card.is-collapsed .preset-collapse-icon { transform: rotate(180deg) !important; }

.project-access-button {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  max-width: 190px !important;
  padding: 7px 11px !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--ink) !important;
  font: inherit !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  box-shadow: 0 1px 2px rgba(20,24,30,.04) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.project-access-dialog {
  width: min(440px, calc(100vw - 32px)) !important;
  max-width: 440px !important;
  margin: auto !important;
  padding: 0 !important;
  border: 1px solid #d9dde2 !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: var(--ink) !important;
  box-shadow: 0 24px 70px rgba(20,24,30,.25) !important;
  overflow: hidden !important;
}
.project-access-dialog[open] { display: block !important; }
.project-access-dialog::backdrop { background: rgba(18,22,28,.48) !important; backdrop-filter: blur(4px) !important; }
.project-access-form {
  display: grid !important;
  gap: 14px !important;
  padding: 22px !important;
}
.project-access-head { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:16px !important; }
.project-access-head h2 { margin: 2px 0 0 !important; font-size: 20px !important; line-height:1.15 !important; }
.project-access-dialog .section-kicker { display:block !important; margin-bottom:4px !important; }
.project-access-copy,.project-expiry-warning { margin:0 !important; font-size:11px !important; line-height:1.5 !important; }
.project-access-dialog .field-label { gap:6px !important; }
.project-access-dialog .field-label input { width:100% !important; min-height:38px !important; padding:9px 11px !important; border:1px solid #d8dde3 !important; border-radius:8px !important; background:#fff !important; }
.project-expiry-warning { padding:10px 12px !important; border:1px solid #efcf84 !important; border-radius:9px !important; background:#fff8e8 !important; color:#805900 !important; }
.project-access-actions { display:flex !important; justify-content:flex-end !important; gap:8px !important; }
.project-access-actions button { min-height:36px !important; border-radius:8px !important; }
.project-access-head .dialog-close { width:32px !important; height:32px !important; flex:0 0 auto !important; border-radius:8px !important; }

[hidden] { display: none !important; }

/* v1.3.2 — Macro Pool copy/paste and stable language switching */
.paste-selected-pt { display: none; }
html:lang(pt) .paste-selected-en, html:lang(pt-BR) .paste-selected-en { display: none !important; }
html:lang(pt) .paste-selected-pt, html:lang(pt-BR) .paste-selected-pt { display: inline !important; }
html:lang(en) .paste-selected-en { display: inline !important; }
html:lang(en) .paste-selected-pt { display: none !important; }
.macro-pool-actions { grid-template-columns: repeat(6, minmax(96px, 1fr)) !important; }
.copy-selected-macro-button,
.paste-selected-macro-button { white-space: nowrap; }
@media (max-width: 1100px) {
  .macro-pool-actions { grid-template-columns: repeat(3, minmax(120px, 1fr)) !important; }
}
@media (max-width: 720px) {
  .macro-pool-actions { grid-template-columns: repeat(2, minmax(120px, 1fr)) !important; }
}
@media (max-width: 480px) {
  .macro-pool-actions { grid-template-columns: 1fr !important; }
}


/* v1.3.3 — Macro Pool action alignment */
.macro-pool-top {
  grid-template-columns: minmax(150px, .75fr) minmax(260px, 320px) minmax(0, 2fr) !important;
  grid-template-areas:
    "heading toolbar actions"
    "grid grid grid"
    "legend legend legend" !important;
  column-gap: 16px !important;
  row-gap: 14px !important;
  align-items: center !important;
}
.macro-pool-top .macro-pool-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(104px, 1fr)) !important;
  align-items: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.macro-pool-top .macro-pool-actions > button,
.macro-pool-top .macro-pool-actions > .single-macro-file-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 7px 9px !important;
  border-radius: 8px !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}
.macro-pool-top .macro-pool-toolbar {
  width: 100% !important;
  max-width: 320px !important;
  min-width: 0 !important;
}
.macro-pool-top .macro-pool-page { min-width: 0 !important; }
.copy-selected-macro-button { display: none !important; }
@media (max-width: 1280px) {
  .macro-pool-top {
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 320px) !important;
    grid-template-areas:
      "heading toolbar"
      "actions actions"
      "grid grid"
      "legend legend" !important;
  }
  .macro-pool-top .macro-pool-actions {
    grid-template-columns: repeat(5, minmax(110px, 1fr)) !important;
  }
}
@media (max-width: 820px) {
  .macro-pool-top {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "heading"
      "toolbar"
      "actions"
      "grid"
      "legend" !important;
  }
  .macro-pool-top .macro-pool-toolbar { margin-inline: auto !important; }
  .macro-pool-top .macro-pool-actions { grid-template-columns: repeat(2, minmax(120px, 1fr)) !important; }
}
@media (max-width: 480px) {
  .macro-pool-top .macro-pool-actions { grid-template-columns: 1fr !important; }
}

/* Macro tester and per-box image overlays */
.box-images-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;border-radius:inherit}.program-badge{z-index:3}.macro-tester-button{border-color:#238fca;color:#1479ab;background:#f4fbff}.macro-tester-button:hover{background:#e8f7ff}.tester-pt{display:none}html[lang="pt"] .tester-en{display:none!important}html[lang="pt"] .tester-pt{display:inline!important}
.box-images-dialog,.macro-tester-dialog{padding:0;border:1px solid #d8dade;border-radius:14px;background:#fff;box-shadow:0 26px 80px rgba(20,25,32,.3)}.box-images-dialog::backdrop,.macro-tester-dialog::backdrop{background:rgba(15,18,23,.58);backdrop-filter:blur(3px)}.box-images-dialog{width:min(780px,calc(100vw - 32px))}.box-images-form{padding:20px}.box-images-head,.macro-tester-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.box-images-head h2,.macro-tester-head h2{margin:0;font-size:21px}.box-images-help,.macro-tester-help{color:#70757d;font-size:12px;line-height:1.5}.box-images-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0}.box-image-card{display:grid;gap:8px;padding:10px;border:1px solid #e0e2e5;border-radius:10px;background:#fafafa}.box-image-preview{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#e9edf0;color:#8b9198;font-weight:800}.box-image-preview img{width:100%;height:100%;object-fit:cover}.box-image-card .secondary-button{justify-content:center;text-align:center}.box-images-actions{display:flex;justify-content:flex-end;gap:8px}
.macro-tester-dialog{width:min(1000px,calc(100vw - 28px))}.macro-tester-window{padding:18px}.macro-tester-head small{display:block;margin-top:4px;color:#70757d}.macro-tester-stage{position:relative;margin-top:15px;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#15191e;border:1px solid #242a31}.macro-tester-stage canvas{display:block;width:100%;height:100%}.macro-tester-empty{position:absolute;inset:0;display:grid;place-items:center;color:#aab0b7;font-size:14px}.macro-tester-keys{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin-top:12px}.macro-tester-key{display:grid;gap:3px;min-width:0;padding:8px 5px;border:1px solid #d8dade;border-radius:8px;background:#fff;color:#30343a;cursor:pointer}.macro-tester-key:hover,.macro-tester-key.active{border-color:#1f9ed8;background:#eef9fe;box-shadow:0 0 0 2px rgba(31,158,216,.12)}.macro-tester-key kbd{font-size:9px;color:#747a82}.macro-tester-key strong{font-size:12px}.macro-tester-key small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777d84;font-size:9px}
@media(max-width:760px){.box-images-grid{grid-template-columns:repeat(2,1fr)}.macro-tester-keys{grid-template-columns:repeat(5,1fr)}}

/* Input-source image library */
.source-images-button{border-color:#6d7fd3;color:#5266bd;background:#f7f8ff}.source-images-button:hover{background:#eef0ff}.source-images-dialog{width:min(980px,calc(100vw - 32px))}.source-images-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));max-height:min(58vh,620px);overflow:auto;padding-right:4px}.source-image-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-image-xml{display:block;overflow:hidden;color:#858b93;font:600 9px/1.3 "SFMono-Regular",Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.source-images-empty{grid-column:1/-1;margin:0;padding:30px;border:1px dashed #d6d9dd;border-radius:9px;color:#777d84;text-align:center}.program-actions{flex-wrap:wrap;row-gap:7px}
@media(max-width:760px){.source-images-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}
@media(max-width:480px){.source-images-grid{grid-template-columns:1fr}}