@font-face{font-family:Adman;src:url(assets/adman-regular.ttf)}@font-face{font-family:Adman;src:url(assets/adman-bold.ttf);font-weight:700}*{box-sizing:border-box}body{margin:0;background:#f1f2eb;color:#1b3c2e;font-family:Adman,sans-serif;font-size:18px}header{display:flex;align-items:center;gap:24px;background:#173c2b;color:white;padding:12px 20px}header a{color:white}header strong{flex:1}main{display:grid;grid-template-columns:minmax(220px,280px) minmax(280px,1fr) minmax(220px,280px);gap:18px;padding:18px;align-items:start}.panel{background:white;padding:18px;border:1px solid #cad5c9;border-radius:8px}.panel h1,.panel h2{margin:0 0 8px}.panel p{line-height:1.35}.panel label{display:block;margin:10px 0}input,select,textarea,button{font:inherit}select,textarea,input:not([type=checkbox]):not([type=color]):not([type=file]){width:100%;padding:6px;border:1px solid #a6b6a7;border-radius:4px}button,.file{border:1px solid #315f42;border-radius:4px;padding:7px 10px;background:#e5eee3;color:#183c2b;cursor:pointer}button:hover{background:#d0e4cf}#export{background:#fff;color:#173c2b}.stage{text-align:center;min-width:0}.stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:72vh;margin:auto;background:white;box-shadow:0 2px 12px #0002;touch-action:none;cursor:move}.stage p{margin:8px}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.actions{display:flex;flex-wrap:wrap;gap:5px}.sources{font-size:15px}.file input{display:block;width:100%;font-size:15px;margin-top:5px}a{color:#286043}button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e6a738;outline-offset:2px}@media(max-width:850px){main{grid-template-columns:1fr}.stage{grid-row:1}header{flex-wrap:wrap}.stage canvas{max-height:60vh}}

.ci-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.ci-grid button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:4px;padding:8px 4px;background:#f8faf6;font-size:15px;line-height:1.1;overflow-wrap:anywhere}.ci-grid svg,.ci-grid img{width:100%;height:105px;max-width:none;display:block;object-fit:cover;flex:none;color:#245a3c;background:#f4f0e6}.ci-grid button:hover{background:#d0e4cf}@media(max-width:850px){.ci-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}}




@media(min-width:851px){header{position:sticky;top:0;z-index:3}main{height:calc(100dvh - 65px);align-items:stretch}.panel{overflow-y:auto;min-height:0}.stage{overflow:auto;min-height:0}}
@media(max-width:850px){.panel{max-height:42vh;overflow-y:auto}.stage{grid-row:1}.stage canvas{max-height:50vh}}
#context-menu{position:fixed;z-index:10;background:white;border:1px solid #789381;box-shadow:0 4px 15px #0003;padding:5px;border-radius:4px;min-width:155px}#context-menu[hidden]{display:none}#context-menu button{display:block;width:100%;text-align:left;border:0;background:white}#context-menu button:hover{background:#e5eee3}


#ci-library img{width:100%;height:105px;object-fit:contain}
#ci-library svg{display:block;width:100%;height:105px;object-fit:cover;background:#f6f4ea}
#ci-library svg,#ci-library img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}