:root{font-family:system-ui,-apple-system,"Apple SD Gothic Neo",sans-serif;color:#35473d;background:#f7f5ed;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button,a,select,input{touch-action:manipulation}button,select{border:1px solid #dedfd5;background:#fffefa;border-radius:9px;padding:8px 11px}button:hover{background:#f0f2e9}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #c5a44e;outline-offset:2px}a{color:inherit}button.primary{background:#526f5d;color:#fff;border-color:#526f5d}.brandbar{height:75px;display:flex;align-items:center;padding:12px 28px;gap:20px;border-bottom:1px solid #dddccc}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand b{letter-spacing:2px;font-size:16px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:5px}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.badge{font-size:11px;background:#e9eddf;padding:6px 10px;border-radius:30px}.forest{position:relative;height:clamp(75px,10vw,142px);overflow:hidden;background:#faf7ed}.forest svg{height:100%;width:100%;display:block}.forest-sign{position:absolute;left:30px;top:24%;padding:12px 18px;background:#fffdf2e8;border:1px solid #e2ddc6;border-radius:8px;text-decoration:none;font-weight:600;box-shadow:0 3px 12px #536f5812}.forest-sign small{display:block;color:#859176;font-size:8px;letter-spacing:2px;margin-bottom:5px}.workspace{display:grid;grid-template-columns:170px 290px minmax(0,1fr);min-height:650px;height:calc(100dvh - 217px)}.library-sidebar{padding:20px 14px;overflow:auto;border-right:1px solid #dfdfd4}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#83917b}.nav-row{width:100%;text-align:left;border:0;background:transparent;margin-bottom:5px}.nav-row.active{background:#e5ebdf;font-weight:600}.folder-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 6px 8px}.folder-heading button{padding:1px 8px}.folder-row{display:flex;gap:2px;align-items:center}.folder-row .nav-row{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row button.small{border:0;background:transparent;padding:4px;font-size:12px}.membership{margin-top:26px;background:#edeee4;border-radius:12px;padding:12px;font-size:11px;line-height:1.7}.membership a{color:#617748}.storage-note{font-size:10px;line-height:1.6;color:#8a8d7f;margin-top:20px}.library{padding:18px 16px;background:#fffdf6;border-right:1px solid #dfdfd4;overflow:auto;position:relative}.library-title{display:flex;align-items:center;justify-content:space-between}.library-title h1{font-size:16px;margin:0 0 15px}.library-title span{font-size:10px;color:#7c8a76}.search{display:flex;border:1px solid #dedfd5;border-radius:8px;padding:8px;background:white;gap:8px}.search input{border:0;outline:none;width:100%;min-width:0}.filters{display:flex;gap:6px;margin:9px 0}.filters select{min-width:0;width:50%;font-size:11px}.selection-bar{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.selection-bar button,.selection-bar select{font-size:10px;padding:5px 7px}.selection-bar select{max-width:100%}#drop-area{border:1px dashed #a9b99c;border-radius:11px;background:#f4f6ed;text-align:center;padding:20px 4px;margin:12px 0;cursor:pointer}#drop-area small{display:block;font-size:9px;margin-top:7px;color:#8b9583}#drop-area.dragging{background:#deead3;outline:2px solid #7b956b}#image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative;min-height:30px;user-select:none}.image-card{position:relative;border:2px solid transparent;border-radius:10px;background:#f4f1e8;padding:5px;min-width:0}.image-card.selected{border-color:#8ca27c;background:#eaf0e0}.image-card.current{box-shadow:0 0 0 1px #506e54}.image-open{border:0;background:none;padding:0;width:100%;text-align:left;border-radius:5px}.image-open img{width:100%;height:96px;object-fit:contain;background:#fffdf6;border-radius:5px;pointer-events:none}.image-open span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 0}.image-card .remove{position:absolute;right:5px;top:5px;border:0;border-radius:50%;padding:0;background:#fffdf1ed;width:21px;height:21px;font-size:16px}.card-meta{display:flex;align-items:center;gap:5px;font-size:9px;color:#89927d}.card-meta button{padding:0;border:0;background:transparent;margin-left:auto}.card-meta input{margin:0;accent-color:#607755}.editor{display:flex;flex-direction:column;min-width:0;min-height:0}.editor-toolbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;gap:10px}.tabs{display:flex;border-radius:9px;background:#e8ecdf;padding:3px}.tabs button{border:0;background:transparent;padding:6px 16px}.tabs button[aria-pressed=true]{background:#fffdf6;box-shadow:0 1px 3px #0001}#setting-label{font-size:11px;color:#78846d}.editor-wrap{flex:1;position:relative;min-height:450px;background:#f1f3ee}iframe{border:0;width:100%;height:100%;display:block}#editor-cover{position:absolute;inset:0;background:#f8f7eea6;z-index:2;display:grid;place-items:center}#editor-cover[hidden]{display:none}.exportbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 18px;background:#fffdf6;border-top:1px solid #dedfd5}.export-summary{min-width:0}.export-summary small{display:block;font-size:10px;color:#8a927d;margin:5px 0;max-width:270px}#status{font-size:11px;color:#6e785f;display:block;max-width:350px}.export-actions{flex-shrink:0}.export-actions>div{display:flex;justify-content:flex-end;gap:6px;margin:5px 0}.export-actions select{font-size:11px;max-width:180px}#cancel{color:#9b5345}dialog{border:1px solid #d8decc;border-radius:18px;max-width:min(430px,90vw);padding:28px;background:#fffdf5;color:#35473d;box-shadow:0 20px 80px #27362930}dialog::backdrop{background:#30423155}dialog p{line-height:1.8}dialog a{display:inline-block;margin:12px;color:#4a7053}.selection-rect{position:fixed;pointer-events:none;border:1px solid #6e8f63;background:#93b37c33;z-index:10}body.busy #editor-frame{pointer-events:none}body.busy .library,body.busy .library-sidebar{pointer-events:none;opacity:.7}body.busy #import-top{pointer-events:none}body.busy #language,body.busy .tabs{pointer-events:none}
@media(max-width:1150px){.workspace{grid-template-columns:140px 230px minmax(0,1fr)}.brandbar{padding:12px 18px}.image-open img{height:76px}.exportbar{align-items:flex-end;flex-direction:column}.export-summary{width:100%}.export-summary small{max-width:none}.editor-toolbar{padding:8px}.tabs button{padding:6px 10px}}
@media(max-width:800px){.brandbar{height:auto;min-height:65px;flex-wrap:wrap;gap:8px}.brand b{font-size:13px}.brand small{font-size:7px}.header-actions{gap:6px}.badge{display:none}.workspace{height:auto;grid-template-columns:1fr}.library-sidebar{display:none}.library{max-height:320px;border-bottom:1px solid #ddd}.library-title h1{margin-bottom:5px}.library .search,.library .filters{display:inline-flex;width:48%;margin:7px 0}#drop-area{padding:8px;margin:4px 0}#image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.editor-wrap{height:700px;flex:none}.editor-toolbar{height:50px}.exportbar{position:sticky;bottom:0;z-index:3}.export-summary small{display:none}.forest-sign{left:15px;padding:8px}.forest{height:85px}.header-actions a{display:none}}
@media print{body>*{display:none!important}}
@media(max-width:800px){.library-sidebar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:8px 14px;border-bottom:1px solid #dedfd5}.library-sidebar>.nav-row{width:auto;margin:0}.library-sidebar>.eyebrow,.library-sidebar>.membership,.library-sidebar>.storage-note{display:none}.folder-heading{margin:0 5px 0 auto;gap:6px}#folders{display:flex;flex-wrap:wrap}.folder-row{max-width:160px}.folder-row .nav-row{margin:0}.workspace{display:flex;flex-direction:column}.library{min-height:250px}.editor{overflow:visible}}

.download-list{max-height:80vh;overflow:auto;width:min(560px,90vw)}.download-list .download-item{display:block;width:100%;margin:8px 0;text-align:left;overflow-wrap:anywhere}
