@import "https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap";:root{--font-text:"Inconsolata", monospace;--bg-color:#fff;--text-color:#000;--accent-color:#00bfff;--border-main:solid 2px var(--text-color);--border-radius:0px}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-text);box-sizing:border-box;margin:0;padding:0}*,:before,:after{box-sizing:inherit}.igrama-app{flex-direction:column;height:100vh;display:flex}.breadcrumbs{align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;display:flex}.crumb{font-family:var(--font-text);cursor:pointer;color:#999;background:0 0;border:none;padding:0;font-size:1rem;font-weight:700}.crumb:hover{color:var(--accent-color)}.crumb-active{color:var(--text-color);pointer-events:none}.igrama-layout{flex-grow:1;gap:0;width:100%;display:flex;overflow:hidden}.igrama-workspace{flex-grow:1;justify-content:center;align-items:flex-start;padding:2rem;display:flex;overflow:auto}.igrama-toolbar{border-left:var(--border-main);background:var(--bg-color);z-index:5;flex-direction:column;flex-shrink:0;width:300px;display:flex}.toolbar-header{border-bottom:var(--border-main);background:var(--text-color);color:var(--bg-color);padding:1.5rem}.toolbar-header h2,.toolbar-header h3{margin:0;font-size:1.2rem}.toolbar-content{flex-direction:column;flex-grow:1;gap:1.2rem;padding:1.5rem;display:flex;overflow-y:auto}.toolbar-footer{background:var(--text-color);border-top:var(--border-main);color:var(--bg-color);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.btn{background:var(--bg-color);color:var(--text-color);border:var(--border-main);font-family:var(--font-text);cursor:pointer;padding:.4rem .2rem;font-size:.9rem;transition:all .2s}.btn:hover,.btn-active{background:var(--text-color);color:var(--bg-color)}.btn-primary{background:var(--text-color);color:var(--bg-color);margin-top:auto;font-size:1rem}.btn-primary:hover{background:var(--accent-color);color:var(--text-color);border-color:var(--text-color)}.btn-group{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem;display:grid}.control-group{flex-direction:column;gap:.4rem;display:flex}input,select{font-family:var(--font-text);border:var(--border-main);background:var(--bg-color);color:var(--text-color);padding:.4rem}.canvas-container{border:var(--border-main);flex-shrink:0;position:relative;box-shadow:4px 4px #0000001a}canvas{touch-action:none;position:absolute;top:0;left:0}.section-box{border:dashed 2px var(--text-color);box-sizing:border-box;touch-action:none;position:absolute}.section-box-active{border-color:var(--accent-color);z-index:10}.section-label{background:var(--text-color);color:var(--bg-color);padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:-24px;left:-2px}.resize-handle{background:var(--text-color);cursor:se-resize;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px}.section-box:hover .resize-handle{background:var(--accent-color)}.topbar.svelte-1h259us{border-bottom:var(--border-main);background:var(--bg-color);flex-shrink:0;justify-content:space-between;align-items:center;height:3rem;padding:0 1rem;display:flex}.lang-btn.svelte-1h259us{background:var(--bg-color);color:var(--text-color);padding:.1rem .4rem}.lang-btn.svelte-1h259us:hover{background:var(--text-color);color:var(--bg-color)}.lang-btn.active.svelte-1h259us{background:var(--accent-color);color:var(--text-color);border-color:var(--text-color)}.lang-btn.active.svelte-1h259us:hover{background:var(--bg-color)}.hub-layout.svelte-ajs033{justify-content:center;align-items:center}.hub-container.svelte-ajs033{flex-direction:column;gap:1rem;width:100%;max-width:400px;display:flex}.hub-title.svelte-ajs033{text-align:center;text-transform:lowercase;margin:0;font-size:2rem}.start-btn.svelte-ajs033{text-transform:uppercase;width:100%;font-size:1rem}.divider.svelte-ajs033{text-align:center;font-weight:700;position:relative}.divider.svelte-ajs033:before,.divider.svelte-ajs033:after{content:"";border-bottom:var(--border-main);width:40%;position:absolute;top:50%}.divider.svelte-ajs033:before{left:0}.divider.svelte-ajs033:after{right:0}.drop-zone.svelte-ajs033{border:dashed 2px var(--text-color);text-align:center;background:var(--bg-color);padding:1rem;transition:all .2s}.drop-zone.svelte-ajs033 h3:where(.svelte-ajs033){margin:0 0 .5rem}.drop-zone.svelte-ajs033 p:where(.svelte-ajs033){margin:0;font-size:.9rem}.dragging.svelte-ajs033{background:var(--text-color);color:var(--bg-color)}.save-option-btn.svelte-1qgwbs1{background:var(--accent-color)}.color-btn.svelte-1qgwbs1{border:var(--border-main);cursor:pointer;border-radius:0;height:35px;padding:0;transition:transform .1s}.color-btn.svelte-1qgwbs1:hover{transform:scale(1.05)}.color-active.svelte-1qgwbs1{outline:3px solid var(--accent-color);outline-offset:2px;z-index:2}.result-wrapper.svelte-u0tk5h{border:var(--border-main);background:url(../checkers.png) 0 0/cover;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:4px 4px #0000001a}.result-image.svelte-u0tk5h{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.loading-state.svelte-u0tk5h{font-family:var(--font-text);background:var(--bg-color);border:var(--border-main);padding:.5rem 1rem;font-weight:700}.text-overlay.svelte-u0tk5h{border:var(--border-main);text-align:center;z-index:20;background:#ffffffe6;padding:.5rem;font-weight:700;position:absolute;bottom:10px;left:10px;right:10px}