:root{--ia-primary:var(--main-primary);--ia-text:#1e293b;--ia-text-muted:#64748b;--ia-bg:#fff;--ia-bg-secondary:#f8fafc;--ia-border:#e2e8f0;--ia-border-hover:#cbd5e1;--ia-canvas-bg:#1e293b;--ia-toolbar-bg:#fff;--ia-radius:var(--main-radius);--ia-radius-lg:var(--main-radius-lg)}._ia-container{flex-direction:column;min-height:500px;display:flex}._ia-editor{min-height:500px}._ia-layout{border-style:solid;border-width:1px;border-color:var(--ia-border);border-radius:var(--ia-radius-lg);gap:0;min-height:500px;display:flex;overflow:hidden}._ia-center{flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:768px){._ia-container{padding-left:1rem;padding-right:1rem}._ia-layout{flex-direction:column}}._ia-upload{border-style:dashed;border-width:2px;border-color:var(--ia-border);border-radius:var(--ia-radius-lg);background:var(--ia-bg);cursor:pointer;justify-content:center;align-items:center;min-height:350px;transition:border-color .2s;display:flex}._ia-upload:hover{border-color:var(--ia-primary)}._ia-upload.dragover{border-color:var(--ia-primary);background:#6366f10a}._ia-upload-inner{text-align:center;padding:var(--main-space-8)}._ia-upload-icon{color:var(--ia-text-muted);margin-bottom:var(--main-space-4);opacity:.5}._ia-upload-text{font-size:var(--main-text-base);color:var(--ia-text);margin-bottom:var(--main-space-2);font-weight:500}._ia-upload-hint{font-size:var(--main-text-xs);color:var(--ia-text-muted)}._ia-toolbar{padding:var(--main-space-2);gap:var(--main-space-1);background:var(--ia-toolbar-bg);border-right-style:solid;border-right-width:1px;border-right-color:var(--ia-border);flex-direction:column;align-items:center;display:flex}._ia-toolbar-group{flex-direction:column;gap:2px;display:flex}._ia-toolbar-divider{background:var(--ia-border);width:28px;height:1px;margin:var(--main-space-1) 0}._ia-divider-v{background:var(--ia-border);width:1px;height:20px;margin:0 var(--main-space-1)}._ia-tool-btn{border-radius:var(--ia-radius);width:36px;height:36px;color:var(--ia-text-muted);cursor:pointer;background:0 0;border-width:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}._ia-tool-btn:hover{background:var(--ia-bg-secondary);color:var(--ia-text)}._ia-tool-btn.active{color:var(--ia-primary);background:#6366f11a}@media (max-width:768px){._ia-toolbar{border-bottom-style:solid;border-bottom-width:1px;border-right-width:0;border-bottom-color:var(--ia-border);padding:var(--main-space-1) var(--main-space-2);flex-direction:row;overflow-x:auto}._ia-toolbar-group{flex-direction:row}._ia-toolbar-divider{width:1px;height:28px;margin:0 var(--main-space-1)}._ia-tool-btn{width:32px;height:32px}}._ia-canvas-area{background:var(--ia-canvas-bg);flex:1;justify-content:center;align-items:center;min-height:70vh;display:flex;position:relative;overflow:hidden}._ia-canvas-wrapper{border-radius:2px;display:inline-block;position:relative;box-shadow:0 4px 24px #0000004d}#_ia-canvas-bg,#_ia-canvas-draw{max-width:calc(100vw - 120px);max-height:75vh;display:block}#_ia-canvas-draw{cursor:crosshair;position:absolute;top:0;left:0}#_ia-canvas-draw[data-tool=select]{cursor:default}#_ia-canvas-draw[data-tool=text]{cursor:text}#_ia-canvas-draw._ia-hovering{cursor:move}._ia-bottom-bar{padding:var(--main-space-2) var(--main-space-3);background:var(--ia-toolbar-bg);border-top-style:solid;border-top-width:1px;border-top-color:var(--ia-border);justify-content:space-between;align-items:center;gap:var(--main-space-3);display:flex}._ia-img-info{font-size:var(--main-text-xs);color:var(--ia-text-muted);font-family:var(--main-font-mono);white-space:nowrap}._ia-bottom-actions{align-items:center;gap:var(--main-space-2);display:flex}._ia-download-group{align-items:center;gap:var(--main-space-1);display:flex}._ia-btn-primary{border-radius:var(--ia-radius);background:var(--ia-primary);color:#fff;font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;border-width:0;align-items:center;gap:6px;padding:7px 16px;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #6366f140}._ia-btn-primary:hover{opacity:.9}._ia-btn-secondary{border-style:solid;border-width:1px;border-color:var(--ia-border);border-radius:var(--ia-radius);color:var(--ia-text);font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}._ia-btn-secondary:hover{background:var(--ia-bg-secondary)}._ia-format-select{width:auto;min-width:70px}._ia-text-input{z-index:10;border-style:solid;border-width:2px;border-color:var(--ia-primary);color:#1e293b;resize:none;background:#fffffff2;border-radius:3px;outline:none;min-width:60px;max-width:80%;padding:4px 8px;font-weight:700;line-height:1.3;position:absolute;overflow:hidden;box-shadow:0 2px 8px #0003}@media (max-width:768px){._ia-canvas-area{min-height:300px}#_ia-canvas-bg,#_ia-canvas-draw{max-width:100%;max-height:50vh}._ia-bottom-bar{gap:var(--main-space-2);flex-direction:column}._ia-bottom-actions{justify-content:space-between;width:100%}}._ia-options{padding:var(--main-space-2) var(--main-space-3);background:var(--ia-toolbar-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ia-border);justify-content:space-between;align-items:center;gap:var(--main-space-4);flex-wrap:wrap;min-height:44px;display:flex}._ia-options-left{align-items:center;gap:var(--main-space-4);flex-wrap:wrap;display:flex}._ia-options-right{align-items:center;gap:2px;display:flex}._ia-opt-group{align-items:center;gap:var(--main-space-2);display:flex}._ia-opt-label{font-size:var(--main-text-xs);color:var(--ia-text-muted);white-space:nowrap;font-weight:500}._ia-color-swatches{align-items:center;gap:4px;display:flex}._ia-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;transition:box-shadow .15s}._ia-swatch:hover{box-shadow:0 0 0 2px #6366f14d}._ia-swatch.active{border-color:var(--ia-primary);box-shadow:0 0 0 2px #6366f133}._ia-color-picker{border-style:solid;border-width:1px;border-color:var(--ia-border);cursor:pointer;background:var(--ia-bg);border-radius:50%;width:22px;height:22px;padding:1px}._ia-stroke-btns{gap:2px;display:flex}._ia-stroke-btn{border-style:solid;border-width:1px;border-color:var(--ia-border);min-width:28px;height:26px;color:var(--ia-text-muted);font-size:11px;font-family:var(--main-font-mono);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}._ia-stroke-btn:hover{background:var(--ia-bg-secondary);color:var(--ia-text)}._ia-stroke-btn.active{color:var(--ia-primary);border-color:var(--ia-primary);background:#6366f11a}._ia-arrow-style-btns{gap:2px;display:flex}._ia-arrow-style-btn{border-style:solid;border-width:1px;border-color:var(--ia-border);min-width:32px;height:26px;color:var(--ia-text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:14px;display:inline-flex}._ia-arrow-style-btn:hover{background:var(--ia-bg-secondary);color:var(--ia-text)}._ia-arrow-style-btn.active{color:var(--ia-primary);border-color:var(--ia-primary);background:#6366f11a}._ia-style-btn{border-style:solid;border-width:1px;border-color:var(--ia-border);min-width:28px;height:26px;color:var(--ia-text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-family:serif;font-size:13px;font-weight:700;display:inline-flex}._ia-style-btn:hover{background:var(--ia-bg-secondary);color:var(--ia-text)}._ia-style-btn.active{color:var(--ia-primary);border-color:var(--ia-primary);background:#6366f11a}._ia-action-btn{border-radius:var(--ia-radius);width:30px;height:30px;color:var(--ia-text-muted);cursor:pointer;background:0 0;border-width:0;justify-content:center;align-items:center;display:inline-flex}._ia-action-btn:hover:not(:disabled){background:var(--ia-bg-secondary);color:var(--ia-text)}._ia-action-btn:disabled{opacity:.35;cursor:default}._ia-select{border-style:solid;border-width:1px;border-color:var(--ia-border);border-radius:var(--ia-radius);font-size:var(--main-text-xs);color:var(--ia-text);background:var(--ia-bg);cursor:pointer;padding:4px 8px}._ia-switch{width:32px;height:18px;display:inline-block;position:relative}._ia-switch input{opacity:0;width:0;height:0}._ia-switch-slider{cursor:pointer;background:var(--ia-border);border-radius:18px;transition:background .2s;position:absolute;top:0;bottom:0;left:0;right:0}._ia-switch-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;bottom:2px;left:2px}._ia-switch input:checked+._ia-switch-slider{background:var(--ia-primary)}._ia-switch input:checked+._ia-switch-slider:before{left:16px}@media (max-width:768px){._ia-options{padding:var(--main-space-1) var(--main-space-2);gap:var(--main-space-2)}._ia-options-left{gap:var(--main-space-2)}}