:root{--arc-primary:var(--main-primary);--arc-text:#1f2937;--arc-text-muted:#6b7280;--arc-bg:#fff;--arc-bg-hover:#f9fafb;--arc-border:#e5e7eb;--arc-border-hover:#d1d5db;--arc-shadow:0 1px 3px #0000001a;--arc-radius:.5rem;--arc-radius-lg:.75rem;--arc-checkerboard:repeating-conic-gradient(#e5e7eb 0% 25%, #fff 0% 50%) 50% / 16px 16px}._arc-container{gap:var(--main-space-6);flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex}._arc-layout{gap:var(--main-space-6);grid-template-columns:320px 1fr;align-items:start;display:grid}@media (max-width:900px){._arc-layout{grid-template-columns:1fr}._arc-settings{order:2}._arc-preview-area{order:1}}@media (max-width:768px){._arc-container{padding-left:1rem;padding-right:1rem}}._arc-settings{gap:var(--main-space-4);flex-direction:column;display:flex}._arc-section{background:var(--arc-bg);border-radius:var(--arc-radius-lg);padding:var(--main-space-4);box-shadow:var(--arc-shadow)}._arc-section-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--arc-text);margin-bottom:var(--main-space-4);font-weight:600;display:flex}._arc-section-title svg{color:var(--arc-primary)}._arc-manager-btn{align-items:center;gap:var(--main-space-1);padding:var(--main-space-1) var(--main-space-2);border-radius:var(--arc-radius);color:var(--arc-text-muted);font-size:var(--main-text-xs);cursor:pointer;background:0 0;border:none;margin-left:auto;transition:all .15s;display:flex}._arc-manager-btn:hover{background:var(--arc-bg-hover);color:var(--arc-text)}._arc-manager-btn svg{color:inherit}._arc-preset-wrapper{margin-bottom:var(--main-space-3)}._arc-preset-select{width:100%;padding:var(--main-space-2) var(--main-space-3);background:var(--arc-bg);border-style:solid;border-width:1px;border-color:var(--arc-border);border-radius:var(--arc-radius);font-size:var(--main-text-sm);color:var(--arc-text);cursor:pointer}._arc-preset-select:focus{border-color:var(--arc-primary);outline:none}._arc-preset-select optgroup{color:var(--arc-text);font-weight:600}._arc-preset-select option{font-weight:400}._arc-favorites{gap:var(--main-space-2);margin-bottom:var(--main-space-3);flex-wrap:wrap;display:flex}._arc-fav-item{align-items:center;gap:var(--main-space-1);padding:var(--main-space-1) var(--main-space-2);background:var(--arc-bg);border-style:solid;border-width:1px;border-color:var(--arc-border);border-radius:var(--arc-radius);font-size:var(--main-text-xs);color:var(--arc-text);cursor:pointer;transition:all .15s;display:flex}._arc-fav-item:hover{border-color:var(--arc-primary);color:var(--arc-primary)}._arc-fav-item.active{border-color:var(--arc-primary);color:var(--arc-primary);background:#6366f11a}._arc-fav-name{font-weight:500}._arc-fav-size{color:var(--arc-text-muted);font-size:10px}._arc-custom-size{margin-bottom:var(--main-space-3)}._arc-size-row{align-items:center;gap:var(--main-space-2);display:flex}._arc-size-field{background:var(--arc-bg);border-style:solid;border-width:1px;border-color:var(--arc-border);border-radius:var(--arc-radius);flex:1;align-items:center;display:flex;overflow:hidden}._arc-size-input{width:100%;min-width:0;padding:var(--main-space-2);font-size:var(--main-text-sm);color:var(--arc-text);text-align:center;background:0 0;border:none;flex:1}._arc-size-input:focus{outline:none}._arc-size-field:focus-within{border-color:var(--arc-primary)}._arc-size-unit{padding:0 var(--main-space-2);font-size:var(--main-text-xs);color:var(--arc-text-muted);background:var(--arc-bg-hover);font-weight:600}._arc-modal-overlay{z-index:9999;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}._arc-modal-overlay.active{opacity:1;visibility:visible}._arc-modal{background:var(--arc-bg);border-radius:var(--arc-radius-lg);width:100%;max-width:500px;max-height:80vh;margin:var(--main-space-4);flex-direction:column;transition:transform .2s;display:flex;transform:scale(.95);box-shadow:0 20px 40px #0000004d}._arc-modal-overlay.active ._arc-modal{transform:scale(1)}._arc-modal-header{padding:var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--arc-border);justify-content:space-between;align-items:center;display:flex}._arc-modal-header h3{font-size:var(--main-text-base);color:var(--arc-text);margin:0;font-weight:600}._arc-modal-close{border-radius:var(--arc-radius);width:32px;height:32px;color:var(--arc-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}._arc-modal-close:hover{background:var(--arc-bg-hover);color:var(--arc-text)}._arc-modal-body{padding:var(--main-space-4);flex:1;overflow-y:auto}._arc-modal-add{gap:var(--main-space-2);margin-bottom:var(--main-space-4);padding-bottom:var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--arc-border);flex-direction:column;display:flex}._arc-modal-add-row{align-items:center;gap:var(--main-space-2);display:flex}._arc-modal-add-row:first-child ._arc-modal-input{width:100%}._arc-modal-input{padding:var(--main-space-2) var(--main-space-3);background:var(--arc-bg);border-style:solid;border-width:1px;border-color:var(--arc-border);border-radius:var(--arc-radius);font-size:var(--main-text-sm);color:var(--arc-text);flex:1}._arc-modal-input:focus{border-color:var(--arc-primary);outline:none}._arc-modal-input::placeholder{color:var(--arc-text-muted)}._arc-modal-input-sm{text-align:center;flex:1}._arc-modal-x{color:var(--arc-text-muted);font-size:var(--main-text-sm);flex-shrink:0}._arc-modal-add-btn{justify-content:center;align-items:center;gap:var(--main-space-1);padding:var(--main-space-2) var(--main-space-3);background:var(--arc-primary);border-radius:var(--arc-radius);color:#fff;font-size:var(--main-text-sm);cursor:pointer;border:none;flex-shrink:0;font-weight:500;transition:opacity .15s;display:flex}._arc-modal-add-btn:hover{opacity:.9}._arc-modal-list{gap:var(--main-space-2);flex-direction:column;display:flex}._arc-size-item{align-items:center;gap:var(--main-space-3);padding:var(--main-space-3);background:var(--arc-bg-hover);border-radius:var(--arc-radius);transition:background .15s;display:flex}._arc-size-item:hover{background:var(--arc-border)}._arc-size-fav{width:24px;height:24px;color:var(--arc-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}._arc-size-fav:hover,._arc-size-fav.active{color:var(--main-warning)}._arc-size-info{flex:1;min-width:0}._arc-size-name{font-size:var(--main-text-sm);color:var(--arc-text);margin-bottom:2px;font-weight:500}._arc-size-dims{font-size:var(--main-text-xs);color:var(--arc-text-muted)}._arc-size-actions{gap:var(--main-space-1);display:flex}._arc-size-btn{border-radius:var(--arc-radius);width:28px;height:28px;color:var(--arc-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}._arc-size-btn:hover{background:var(--arc-bg);color:var(--arc-text)}._arc-size-btn.delete:hover{color:var(--main-error)}._arc-size-item.editing{background:var(--arc-border)}._arc-size-item.editing ._arc-size-info{gap:var(--main-space-2);align-items:center;display:flex}._arc-size-edit-input{padding:var(--main-space-1) var(--main-space-2);background:var(--arc-bg);border-style:solid;border-width:1px;border-color:var(--arc-border);border-radius:var(--arc-radius);font-size:var(--main-text-sm);color:var(--arc-text)}._arc-size-edit-input:focus{border-color:var(--arc-primary);outline:none}._arc-size-edit-name{flex:1;min-width:80px}._arc-size-edit-dim{text-align:center;width:60px}._arc-size-group{margin-bottom:var(--main-space-4)}._arc-size-group:last-child{margin-bottom:0}._arc-size-group-title{font-size:var(--main-text-xs);color:var(--arc-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--main-space-2);padding-left:var(--main-space-2);font-weight:600}._arc-modal-footer{margin-top:var(--main-space-4);padding-top:var(--main-space-4);border-top-style:solid;border-top-width:1px;border-top-color:var(--arc-border);justify-content:center;display:flex}._arc-reset-default-btn{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--arc-border);border-radius:var(--arc-radius);color:var(--arc-text-muted);font-size:var(--main-text-sm);cursor:pointer;background:0 0;transition:all .15s;display:flex}._arc-reset-default-btn:hover{border-color:var(--main-warning);color:var(--main-warning)}._arc-label{font-size:var(--main-text-xs);color:var(--arc-text-muted);margin-bottom:var(--main-space-1);font-weight:500;display:block}._arc-lock-btn{background:var(--arc-bg);border-style:solid;border-width:1px;border-color:var(--arc-border);border-radius:var(--arc-radius);width:32px;height:32px;color:var(--arc-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}._arc-lock-btn:hover{border-color:var(--arc-border-hover);color:var(--arc-text)}._arc-lock-btn.active{background:var(--arc-primary);border-color:var(--arc-primary);color:#fff}._arc-option-row{padding:var(--main-space-2) 0;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--arc-border);justify-content:space-between;align-items:center;display:flex}._arc-option-row:last-child{border-bottom:none;padding-bottom:0}._arc-option-row:first-child{padding-top:0}._arc-select{padding:var(--main-space-2) var(--main-space-3);background:var(--arc-bg);border-style:solid;border-width:1px;border-color:var(--arc-border);border-radius:var(--arc-radius);font-size:var(--main-text-sm);color:var(--arc-text);cursor:pointer;min-width:140px}._arc-select:focus{border-color:var(--arc-primary);outline:none}._arc-checkbox{align-items:center;gap:var(--main-space-2);cursor:pointer;font-size:var(--main-text-sm);color:var(--arc-text);display:flex}._arc-checkbox input{display:none}._arc-checkmark{border-style:solid;border-width:2px;border-color:var(--arc-border);border-radius:4px;width:18px;height:18px;transition:all .15s;position:relative}._arc-checkbox input:checked+._arc-checkmark{background:var(--arc-primary);border-color:var(--arc-primary)}._arc-checkbox input:checked+._arc-checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}._arc-bg-options{align-items:center;gap:var(--main-space-3);display:flex}._arc-color-picker{border-style:solid;border-width:2px;border-color:var(--arc-border);border-radius:var(--arc-radius);cursor:pointer;width:36px;height:36px;padding:0;overflow:hidden}._arc-color-picker::-webkit-color-swatch-wrapper{padding:0}._arc-color-picker::-webkit-color-swatch{border:none;border-radius:4px}._arc-rotate-btns{gap:var(--main-space-2);display:flex}._arc-rotate-btn{background:var(--arc-bg);border-style:solid;border-width:1px;border-color:var(--arc-border);border-radius:var(--arc-radius);width:36px;height:36px;color:var(--arc-text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}._arc-rotate-btn:hover{border-color:var(--arc-border-hover);color:var(--arc-text)}._arc-quality-control{align-items:center;gap:var(--main-space-3);flex:1;max-width:200px;display:flex}._arc-slider{background:var(--arc-border);cursor:pointer;-webkit-appearance:none;border-radius:3px;outline:none;flex:1;height:6px}._arc-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--arc-primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #6366f14d}._arc-quality-value{min-width:40px;font-size:var(--main-text-sm);color:var(--arc-primary);text-align:right;font-weight:600}._arc-preview-area{flex-direction:column;min-height:500px;display:flex}._arc-upload-zone{background:var(--arc-bg);border-style:dashed;border-width:2px;border-color:var(--arc-border);border-radius:var(--arc-radius-lg);cursor:pointer;flex:1;justify-content:center;align-items:center;min-height:400px;transition:all .2s;display:flex}._arc-upload-zone:hover{border-color:var(--arc-primary);background:#6366f105}._arc-upload-zone.dragover{border-color:var(--arc-primary);background:#6366f10d}._arc-upload-content{text-align:center;padding:var(--main-space-8)}._arc-upload-content svg{color:var(--arc-text-muted);margin-bottom:var(--main-space-4)}._arc-upload-text{font-size:var(--main-text-lg);color:var(--arc-text);margin-bottom:var(--main-space-2);font-weight:600}._arc-upload-hint{font-size:var(--main-text-sm);color:var(--arc-text-muted);margin-bottom:var(--main-space-2)}._arc-upload-formats{font-size:var(--main-text-xs);color:var(--arc-text-muted)}._arc-canvas-wrapper{gap:var(--main-space-3);flex-direction:column;flex:1;display:flex}._arc-canvas-container{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}._arc-canvas-inner{line-height:0;display:inline-block;position:relative}._arc-canvas-inner canvas{cursor:move;max-width:100%;max-height:500px;box-shadow:var(--arc-shadow);display:block}._arc-guides-overlay{pointer-events:none;display:none;position:absolute;top:0;bottom:0;left:0;right:0}._arc-guides-overlay.active{display:block}._arc-guide-h,._arc-guide-v{background:0 0;position:absolute}._arc-guide-h{border-top:1px dashed #ffffff80;height:0;left:0;right:0}._arc-guide-h1{top:33.33%}._arc-guide-h2{top:66.66%}._arc-guide-v{border-left:1px dashed #ffffff80;width:0;top:0;bottom:0}._arc-guide-v1{left:33.33%}._arc-guide-v2{left:66.66%}._arc-img-handles{pointer-events:none;border-style:dashed;border-width:2px;border-color:var(--arc-primary);box-sizing:border-box;position:absolute}._arc-img-handle{background:var(--arc-primary);pointer-events:auto;z-index:10;border:2px solid #fff;transition:transform .1s;position:absolute;box-shadow:0 1px 3px #0000004d}._arc-img-handle:hover{transform:scale(1.15)}._arc-img-corner{border-radius:2px;width:12px;height:12px}._arc-img-handle-nw{cursor:nw-resize;top:-6px;left:-6px}._arc-img-handle-ne{cursor:ne-resize;top:-6px;right:-6px}._arc-img-handle-se{cursor:se-resize;bottom:-6px;right:-6px}._arc-img-handle-sw{cursor:sw-resize;bottom:-6px;left:-6px}._arc-img-edge{border-radius:3px}._arc-img-handle-n,._arc-img-handle-s{width:24px;height:8px;margin-left:-12px;left:50%}._arc-img-handle-n{cursor:n-resize;top:-4px}._arc-img-handle-s{cursor:s-resize;bottom:-4px}._arc-img-handle-e,._arc-img-handle-w{width:8px;height:24px;margin-top:-12px;top:50%}._arc-img-handle-e{cursor:e-resize;right:-4px}._arc-img-handle-w{cursor:w-resize;left:-4px}._arc-canvas-footer{justify-content:space-between;align-items:center;gap:var(--main-space-4);padding-top:var(--main-space-3);display:flex}._arc-canvas-info{align-items:center;gap:var(--main-space-3);font-size:var(--main-text-sm);color:var(--arc-text-muted);display:flex}._arc-center-btn{background:var(--arc-bg);border-style:solid;border-width:1px;border-color:var(--arc-border);border-radius:var(--arc-radius);width:32px;height:32px;color:var(--arc-text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}._arc-center-btn:hover{border-color:var(--arc-border-hover);color:var(--arc-text)}._arc-reset-btn{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);background:var(--arc-bg);border-style:solid;border-width:1px;border-color:var(--arc-border);border-radius:var(--arc-radius);color:var(--arc-text-muted);font-size:var(--main-text-sm);cursor:pointer;transition:all .15s;display:flex}._arc-reset-btn:hover{border-color:var(--main-error);color:var(--main-error)}@media (max-width:600px){._arc-preview-area,._arc-upload-zone{min-height:300px}._arc-canvas-inner canvas{max-height:350px}._arc-canvas-footer{align-items:stretch;gap:var(--main-space-3);flex-direction:column}._arc-canvas-info{justify-content:center}}._arc-btn{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-3) var(--main-space-6);border-radius:var(--arc-radius);font-size:var(--main-text-sm);cursor:pointer;font-weight:500;transition:all .15s;display:inline-flex}._arc-btn:disabled{opacity:.5;cursor:not-allowed}._arc-btn-primary{background:var(--arc-primary);color:#fff;border:none;box-shadow:0 2px 8px #6366f140}._arc-btn-primary:hover:not(:disabled){opacity:.9}._arc-btn-secondary{background:var(--arc-bg);border-style:solid;border-width:1px;border-color:var(--arc-border);color:var(--arc-text)}._arc-btn-secondary:hover:not(:disabled){border-color:var(--arc-border-hover);background:var(--arc-bg-hover)}@media (max-width:480px){._arc-btn{width:100%}}