.tool-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-tab{gap:8px;font-size:13px}.tool-tab small{font-size:9px}.tab-icon{flex-shrink:0}.bg-options{display:flex;align-items:end;gap:12px;margin:22px 0 12px}.bg-options>div{flex:1}.bg-options label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.bg-options select{width:100%;font-size:12px}.bg-options input[type=color]{width:48px;height:45px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:3px;cursor:pointer}.model-note{font-size:11px;line-height:2;background:#f2f6ed;border:1px solid #dce7d1;border-radius:10px;padding:12px 15px;color:#566b4b}.bg-source-info{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);line-height:1.9;margin-top:20px}.bg-source-info span{min-width:0;overflow-wrap:anywhere}.bg-source-info button{flex-shrink:0}.bg-canvas-wrap{position:relative;display:flex;justify-content:center;align-items:center;border:1px solid var(--border);border-radius:13px;overflow:hidden;min-height:120px;background-color:#fff;background-image:conic-gradient(#e5e9e5 25%,transparent 0 50%,#e5e9e5 0 75%,transparent 0);background-size:20px 20px}#bg-canvas{display:block;max-width:100%;max-height:520px;width:auto;height:auto;user-select:none}.bg-view-labels{position:absolute;inset:12px 12px auto;display:flex;justify-content:space-between;direction:ltr;pointer-events:none}.bg-view-labels span{font-size:10px;line-height:1.7;background:#ffffffed;color:#234d3d;border-radius:6px;padding:5px 9px;box-shadow:0 1px 6px #00000018}.bg-progress-area{padding:20px 0 3px}.bg-progress-area progress{display:block;width:100%;height:9px;accent-color:var(--green);border-radius:6px}.bg-progress-area p{font-size:12px;color:var(--muted);line-height:2;margin:12px 0 0}.bg-controls{margin-top:22px;border:1px solid var(--border);border-radius:13px;padding:18px}.bg-modes{display:flex;flex-wrap:wrap;gap:7px}.bg-modes button,.bg-edit-actions button{border:1px solid #d2dfce;border-radius:8px;background:white;color:#365d48;font-size:11px;padding:9px 13px;min-height:40px}.bg-modes button[aria-pressed=true]{background:#e6f2dc;border-color:#9fbd8b;color:#1d4b29;font-weight:700}.bg-range{margin-top:19px}.bg-range label{font-size:11px;line-height:1.9;display:block;margin-bottom:12px}.bg-range input{width:100%;accent-color:var(--green);min-height:25px}.bg-edit-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.bg-edit-actions button{font-size:10px;background:#f8faf5}.bg-result{border-radius:13px;background:#f1f8eb;border:1px solid #d5e7c8;margin-top:20px;padding:20px}.bg-result h3{font-size:14px;margin:0 0 9px}.bg-result p{font-size:11px;line-height:1.9;color:#52694c;margin:0 0 14px}.bg-result .downloads{margin-top:12px;gap:10px}.bg-result .downloads a{flex:1}.bg-result #bg-save-status:empty{margin:0}.bg-result #bg-save-status{margin:14px 0 0}
@media(max-width:680px){.tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.tool-tab{flex-direction:row;justify-content:start;text-align:right;padding:11px 9px;font-size:11px;gap:8px}.tool-tab small{font-size:8px}.bg-options{margin-top:17px}.bg-options label{font-size:11px}.bg-options select{font-size:11px}.model-note{font-size:10px;padding:11px 12px}.bg-source-info{font-size:9px;align-items:start}.bg-source-info .text-button{font-size:10px}.bg-controls,.bg-result{padding:14px}.bg-modes button{font-size:10px;padding:8px 11px;flex:1}.bg-range label{font-size:10px}.bg-progress-area p{font-size:11px}.bg-result h3{font-size:13px}.bg-result p{font-size:10px}.bg-result .downloads{flex-direction:column}.bg-view-labels{inset:8px 8px auto}.bg-view-labels span{font-size:9px;padding:4px 7px}#bg-canvas{max-height:430px}.footer>div{flex-wrap:wrap;gap:14px}}