#launcher{--al-canvas: #f3f5f6;--al-primary: #166534;--al-ink: #172522;--al-sub: #5c6b66;--al-line: #e3e8e5;max-width:1600px;margin:0 auto;padding:28px;background:var(--al-canvas);color:var(--al-ink);font-family:inherit}.al-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border:1px solid #dbe2de;border-radius:11px;background:#fff;color:var(--al-ink);font:inherit;font-size:14px;font-weight:650;line-height:1.2;cursor:pointer}.al-button:hover{border-color:#b9d3c3;background:#f1f7f3}.al-button:active{background:#e8f1ec}.al-button:disabled{opacity:.5;cursor:not-allowed}.al-button.primary{background:#166534;border-color:#166534;color:#fff}.al-button.primary:hover{background:#0f4527;border-color:#0f4527}.al-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.al-error{color:#b91c1c}.al-hint{color:#5c6b66;font-size:13px;line-height:1.5}.al-hint a{color:#166534}.al-field{display:flex;flex-direction:column;gap:6px;margin:0}.al-field>span{font-size:12.5px;font-weight:650;color:#5c6b66}#launcher input:not([type=range]):not([type=checkbox]):not([type=color]),#launcher select,#launcher textarea,.al-export input:not([type=range]):not([type=checkbox]),.al-export select{width:100%;min-height:40px;padding:9px 12px;border:1px solid #dbe2de;border-radius:10px;background:#fff;color:#172522;font:inherit;font-size:14px}#launcher textarea,.al-export textarea{resize:vertical}#launcher input[type=range]{width:100%;accent-color:#166534}#launcher input[type=color]{width:100%;height:40px;padding:3px;border:1px solid #dbe2de;border-radius:10px;background:#fff;cursor:pointer}#launcher .al-field input[type=checkbox],.al-export .al-field input[type=checkbox]{width:auto;min-height:0}#launcher :focus-visible,.al-dialog :focus-visible,.al-export :focus-visible{outline:3px solid #166534;outline-offset:2px}#launcher [hidden],.al-dialog [hidden],.al-export [hidden]{display:none!important}.al-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.al-heading h1{font-size:30px;font-weight:800;letter-spacing:-.6px}.al-heading p{color:var(--al-sub);font-size:15px;margin-top:3px}#al-status{min-height:20px;margin:10px 0 4px;color:var(--al-sub);font-size:14px}.al-saved,.al-templates{margin-top:26px}.al-section-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px}.al-section-title h2{font-size:18px;font-weight:750}.al-section-title span{color:var(--al-sub);font-size:12.5px}.al-projects{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px}.al-project{flex:0 0 200px;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--al-line);border-radius:14px;padding:10px}.al-project-open{display:flex;flex-direction:column;gap:8px;width:100%;padding:0;border:0;background:none;text-align:left;font:inherit;color:var(--al-ink);cursor:pointer}.al-project-open canvas{width:100%;height:108px;border-radius:9px;background:#eef1f0;object-fit:cover}.al-project-open b{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-project-open span{color:var(--al-sub);font-size:12px}.al-project-actions{display:flex;gap:8px}.al-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#fff;border:1.5px dashed #c9d6ce;border-radius:16px;padding:40px 22px}.al-empty b{font-size:16px;font-weight:750}.al-empty p{color:var(--al-sub);font-size:14px}.al-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.al-filter[aria-pressed=true]{background:#166534;border-color:#166534;color:#fff}.al-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.al-template{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--al-line);border-radius:16px;background:#fff;text-align:left;font:inherit;color:var(--al-ink);cursor:pointer}.al-template:hover{border-color:#b9d3c3}.al-template canvas{display:block;width:100%;height:auto;aspect-ratio:250 / 440;border-radius:10px;background:#eef1f0}.al-template>div{display:flex;flex-direction:column;gap:2px;padding:0 2px 2px}.al-template b{font-size:14px;font-weight:750}.al-template span{color:var(--al-sub);font-size:12.5px}.al-editor-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px}.al-editor-head>div{flex:1 1 220px;min-width:0}.al-editor-head>.al-actions{flex:0 0 auto}.al-project-name{font-weight:700}.al-editor-head small{display:block;color:var(--al-sub);font-size:12px;margin-top:3px}.al-workbench{display:grid;grid-template-columns:140px minmax(0,1fr) 280px;gap:16px;align-items:start;margin-top:14px}.al-rail{display:flex;flex-direction:column;gap:10px;min-width:0}.al-rail>.al-button{width:100%}#al-slides{display:flex;flex-direction:column;gap:10px}.al-slide{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1px solid var(--al-line);border-radius:12px;background:#fff;font:inherit;cursor:pointer}.al-slide[aria-pressed=true]{border-color:#166534;box-shadow:0 0 0 2px #1665342e}.al-slide canvas{display:block;width:100%;height:auto;aspect-ratio:90 / 160;border-radius:7px;background:#eef1f0}.al-slide span{font-size:11.5px;font-weight:700;color:var(--al-sub)}.al-stage{display:flex;flex-direction:column;gap:12px;min-width:0;background:var(--al-canvas);border:1px solid var(--al-line);border-radius:16px;padding:14px}.al-preview-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.al-preview-tools select{width:auto;flex:1 1 150px;min-width:0}#al-dimensions{color:var(--al-sub);font-size:12.5px;font-weight:650;margin-left:auto}.al-canvas-wrap{display:grid;place-items:center;background:#e9edec;border-radius:12px;padding:14px;overflow:auto}#al-canvas{max-width:100%;max-height:640px;width:auto;height:auto;border-radius:6px;box-shadow:0 6px 20px #17252224;touch-action:none}.al-stage .al-hint{margin:0}.al-inspector{display:flex;flex-direction:column;gap:12px;min-width:0;background:#fff;border:1px solid var(--al-line);border-radius:16px;padding:14px}.al-inspector .al-section-title{margin-bottom:0}.al-control-section{border:1px solid #e9edea;border-radius:12px;padding:0 12px;background:#fafbfa}.al-control-section>summary{cursor:pointer;padding:12px 22px 12px 0;font-size:13.5px;font-weight:700;color:var(--al-ink);list-style:none;position:relative}.al-control-section>summary::-webkit-details-marker{display:none}.al-control-section>summary:after{content:"+";position:absolute;right:0;color:#166534;font-weight:400}.al-control-section[open]>summary{border-bottom:1px solid #e9edea;margin-bottom:12px}.al-control-section[open]>summary:after{content:"–"}.al-control-section>*:not(summary){margin-bottom:12px}.al-control-section .al-button{width:100%}.al-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.al-check{display:flex;align-items:center;gap:8px;min-height:40px;font-size:13.5px;font-weight:600}.al-check input{width:auto}.al-screen-actions{display:flex;flex-wrap:wrap;gap:8px}.al-screen-actions .al-button{flex:1 1 auto}.al-dialog{width:calc(100% - 32px);max-width:660px;max-height:90dvh;overflow:auto;border:0;border-radius:16px;padding:22px;background:#fff;color:#172522;box-shadow:0 24px 70px #00000059}.al-dialog::backdrop{background:#0f172a8c}.al-dialog h2{font-size:21px;font-weight:800;margin-bottom:8px}.al-dialog p{color:#5c6b66;font-size:14px;margin-bottom:16px}.al-dialog>.al-button+.al-button{margin-left:10px}.al-dialog .al-actions{margin-top:16px;justify-content:flex-end}.al-export-sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.al-export-choice{display:flex;align-items:flex-start;gap:10px;min-height:40px;padding:10px 12px;border:1px solid #e3e8e5;border-radius:12px;cursor:pointer}.al-export-choice:hover{border-color:#b9d3c3}.al-export-choice:has(input:checked){border-color:#166534;background:#f0f7f3}.al-export-choice input{width:auto;margin-top:2px;accent-color:#166534}.al-export-choice b{display:block;font-size:13.5px;font-weight:700}.al-export-choice small{color:#5c6b66;font-size:11.5px}.al-custom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.al-export progress{width:100%;height:10px;margin:12px 0;accent-color:#166534}.al-export #al-export-message{color:#172522;font-size:13.5px;margin:6px 0;min-height:18px}@media (max-width: 1200px){.al-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.al-workbench{grid-template-columns:140px minmax(0,1fr) 250px}}@media (max-width: 900px){#launcher{padding:22px}.al-workbench{grid-template-columns:110px minmax(0,1fr)}.al-inspector{grid-column:1 / -1}}@media (max-width: 600px){#launcher{padding:16px}.al-heading h1{font-size:24px}.al-heading .al-actions{width:100%}.al-heading .al-actions .al-button{flex:1 1 auto}.al-editor-head{gap:8px}.al-editor-head>div{flex:1 1 100%}.al-editor-head>.al-actions{flex:1 1 100%}.al-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.al-workbench{grid-template-columns:minmax(0,1fr)}.al-rail{flex-direction:row;align-items:center;overflow-x:auto;padding-bottom:6px}#al-slides{flex-direction:row;flex:1 1 auto}.al-slide{flex:0 0 auto}.al-slide canvas{width:70px;height:120px}.al-inspector{grid-column:auto}.al-custom,.al-export-sizes{grid-template-columns:minmax(0,1fr)}.al-dialog{padding:18px}}.al-filter{min-height:40px;padding:8px 18px;border:1px solid #dbe2de;border-radius:24px;background:#fff;color:#172522;font:inherit;cursor:pointer}.al-project-open b{max-width:100%}.al-dialog{margin:auto}#al-status.al-error{color:#b91c1c}@media (min-width: 901px){.al-stage,.al-rail{position:sticky;top:82px}.al-rail{max-height:calc(100dvh - 100px);overflow-y:auto;padding:3px}.al-inspector{max-height:calc(100dvh - 165px);overflow-y:auto}}@media (max-width: 600px){.al-stage{position:sticky;top:68px;z-index:3;padding:10px}#al-canvas{max-height:32dvh}.al-canvas-wrap{padding:8px}.al-stage .al-hint{display:none}.al-preview-tools{gap:6px}#launcher .al-preview-tools select{flex:1 1 100px;font-size:12px;padding:6px}.al-rail>.al-button{width:auto;flex:0 0 106px}}#launcher .al-saved,#launcher .al-templates{padding:0}.al-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 30px}.al-mode{display:flex;align-items:center;text-align:left;gap:15px;min-width:0;padding:16px;border:1px solid #dbe2de;border-radius:12px;background:#fff;color:#172522;font:inherit;cursor:pointer}.al-mode:hover{border-color:#166534}.al-mode canvas{width:70px;height:86px;object-fit:contain;background:#f3f5f6;border-radius:5px}.al-mode b,.al-mode span{display:block}.al-mode b{font-size:15px}.al-mode span{font-size:12px;color:#5c6b66;margin-top:5px}@media (max-width: 700px){.al-modes{grid-template-columns:1fr}.al-mode canvas{width:52px;height:62px}.al-mode{padding:10px 14px}}.al-colors .al-field>span{font-size:11px;overflow-wrap:anywhere}