:root{--color-primary: #7B2FBE;--color-primary-light: #f3e8ff;--color-danger: #ef4444;--color-danger-dark: #dc2626;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-text: #1a1a2e;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-bg: #f0f0f0;--color-surface: #fff;--color-border: #e5e5e5;--color-border-light: #f0f0f0;--color-input-bg: #f9fafb;--color-input-border: #d1d5db;--color-disabled-bg: #e5e7eb;--color-engrave-edge: rgb(255 255 255 / 15%);--color-snap-guide: rgb(255 255 255 / 15%)}.app-shell{display:flex;height:100vh;font-family:Inter,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);overflow:hidden}.loading-screen{display:flex;height:100vh;align-items:center;justify-content:center;font-family:Inter,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text-secondary);font-size:14px}.svg-filter-defs{position:absolute;width:0;height:0}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.canvas-area{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px;background:var(--color-bg);position:relative}.warning-bar{padding:10px 20px;flex-shrink:0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-danger-dark);transition:opacity .2s,background .2s}.warning-bar__icon{font-size:18px}.sidebar{width:260px;min-width:260px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.sidebar__section{padding:12px 14px;border-bottom:1px solid var(--color-border-light)}.sidebar__label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-primary);margin-bottom:8px;font-weight:600}.sidebar__input{width:100%;padding:6px 8px;background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-input-border);border-radius:6px;font-size:13px;outline:none;box-sizing:border-box;margin-bottom:8px}.sidebar__project-name{font-size:13px;font-weight:400;color:var(--color-text);cursor:default;padding:4px 0;-webkit-user-select:none;user-select:none}.sidebar__project-input{font-size:13px;font-weight:400}.sidebar__header{padding:16px 14px 10px;border-bottom:1px solid var(--color-border-light)}.sidebar__item-select{cursor:pointer;padding:8px 10px;font-size:13px;margin-bottom:0}.sidebar__item-desc{font-size:11px;color:var(--color-text-secondary);margin-top:4px}.sidebar__text-input{font-size:13px;margin-bottom:6px}.sidebar__text-row{display:flex;gap:6px}.sidebar__font-select{flex:1;margin-bottom:0}.sidebar__add-btn{padding:6px 14px;background:var(--color-primary);color:var(--color-surface);border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.sidebar__upload-row{display:flex;gap:6px}.sidebar__upload-label{flex:1;display:block;padding:8px 0;text-align:center;border:1px dashed var(--color-input-border);border-radius:6px;cursor:pointer;font-size:12px;color:var(--color-text-secondary)}.sidebar__upload-input{display:none}.transform__row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.transform__label{font-size:11px;color:var(--color-text-secondary);flex-shrink:0}.transform__label--spaced{font-size:11px;color:var(--color-text-secondary);flex-shrink:0;margin-left:4px}.transform__unit{font-size:10px;color:var(--color-text-muted)}.transform__size-input{width:65px;margin-bottom:0;text-align:center}.transform__rotation-row{display:flex;align-items:center;gap:8px;overflow:hidden}.transform__rotation-label{font-size:11px;color:var(--color-text-secondary);flex-shrink:0}.transform__rotation-input{width:70px;margin-bottom:0;text-align:center;flex-shrink:0}.transform__rotation-unit{font-size:11px;color:var(--color-text-muted);flex-shrink:0}.transform__rotation-slider{flex:1;min-width:0;accent-color:var(--color-primary);cursor:pointer}.text-props__curve-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.text-props__checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:var(--color-text)}.text-props__checkbox{accent-color:var(--color-primary)}.text-props__curve-angle-row{display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-secondary);margin-bottom:4px}.text-props__curve-slider{width:100%;accent-color:var(--color-primary);cursor:pointer}.toolbar{padding:10px 20px;flex-shrink:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:6px;height:38px;box-sizing:border-box}.toolbar__btn{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.toolbar__btn--save{border:none}.toolbar__btn--load{cursor:pointer;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-input-border)}.toolbar__spacer{flex:1}.zoom-controls{position:absolute;top:12px;right:12px;display:flex;gap:4px;z-index:20;background:var(--color-surface);border-radius:8px;padding:4px;box-shadow:0 2px 12px #00000014;border:1px solid var(--color-border)}.zoom-controls__btn{width:32px;height:32px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-input-border);border-radius:6px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.zoom-controls__display{width:48px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:11px;font-family:monospace}.zoom-controls__reset{height:32px;padding:0 8px;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-input-border);border-radius:6px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.canvas{position:relative;overflow:visible;flex-shrink:0;cursor:default;transform-origin:center center}.canvas__engrave-area{position:absolute;border:.5px solid var(--color-engrave-edge);pointer-events:none}.snap-guide{position:absolute;opacity:1;pointer-events:none;z-index:5}.snap-guide--vertical{width:0;border-left:.5px solid var(--color-snap-guide)}.snap-guide--horizontal{height:0;border-top:.5px solid var(--color-snap-guide)}.snap-guide--circle{border-radius:50%;border:.5px solid var(--color-snap-guide)}.overlay{position:absolute;-webkit-user-select:none;user-select:none;touch-action:none}.overlay__svg-content{width:100%;height:100%;color:#000;pointer-events:none}.overlay__edit-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.overlay__edit-input{width:90%;text-align:center;font-weight:700;color:var(--color-text);background:#fffffff2;border:2px solid var(--color-primary);border-radius:4px;outline:none;padding:4px 6px}.overlay__edit-select{width:auto;max-width:90%;padding:2px 6px;font-size:11px;background:#fffffff2;border:1px solid var(--color-primary);border-radius:3px;outline:none;color:var(--color-text)}.overlay__text-svg{pointer-events:none;overflow:visible}.overlay__selection-border{position:absolute;border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);pointer-events:none;z-index:9}.overlay__controls{position:absolute;pointer-events:none}.overlay__resize-handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;background:var(--color-primary);border-radius:3px;cursor:nwse-resize;box-shadow:0 1px 4px #0003;z-index:10;pointer-events:auto;display:flex;align-items:center;justify-content:center}.overlay__handle-icon{width:10px;height:10px;filter:brightness(0) invert(1)}.overlay__rotate-wrapper{position:absolute;top:-24px;left:50%;margin-left:-7px;display:flex;flex-direction:column;align-items:center;z-index:10}.overlay__rotate-handle{width:14px;height:14px;border-radius:50%;background:var(--color-primary);cursor:grab;box-shadow:0 1px 4px #0003;pointer-events:auto;display:flex;align-items:center;justify-content:center}.overlay__rotate-stem{width:1px;height:8px;background:var(--color-primary)}.overlay__delete-btn{position:absolute;top:-8px;right:-8px;width:16px;height:16px;background:var(--color-danger);border:none;border-radius:50%;cursor:pointer;padding:0;z-index:10;pointer-events:auto;display:flex;align-items:center;justify-content:center}.overlay__rotation-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:9px;color:var(--color-primary);font-family:monospace;white-space:nowrap}.canvas__bg-image{position:absolute;left:50%;top:50%;pointer-events:none;z-index:0}.layer-bar{padding:0 20px;height:48px;flex-shrink:0;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;gap:8px;overflow-x:auto;align-items:center}.layer-bar__title{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);margin-right:4px;flex-shrink:0}.layer-bar__btn{padding:5px 12px;border-radius:6px;font-size:11px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;gap:4px}.designs__header{padding:12px 14px 8px}.designs__filter-row{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.designs__filter-btn{padding:3px 10px;border-radius:20px;font-size:10px;cursor:pointer;background:var(--color-input-bg);color:var(--color-text-secondary);border:1px solid var(--color-input-border);font-weight:400}.designs__filter-btn--active{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary);font-weight:700}.designs__grid{flex:1;overflow-y:auto;padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.designs__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:none;transition:box-shadow .15s,border-color .15s}.designs__card-preview{width:80px;height:60px;overflow:hidden}.designs__card-loading{width:80px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:10px}.designs__card-name{font-size:10px;color:var(--color-text-secondary)}.load-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009}.load-modal__content{background:var(--color-surface);border-radius:12px;width:90vw;max-width:720px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d}.load-modal__content--wide{max-width:1200px}.load-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.load-modal__title{margin:0;font-size:18px;color:var(--color-text)}.load-modal__close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-text-secondary);padding:4px 8px;border-radius:4px}.load-modal__close:hover{background:var(--color-border-light)}.load-modal__filters{display:flex;gap:4px;flex-wrap:wrap;padding:12px 20px 0}.load-modal__body{padding:20px;overflow-y:auto}.load-modal__status{text-align:center;color:var(--color-text-secondary);margin:40px 0}.load-modal__group{margin-bottom:16px}.load-modal__group:last-child{margin-bottom:0}.load-modal__group-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);margin:0 0 8px}.load-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.load-modal__card{display:flex;flex-direction:column;background:var(--color-input-bg);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;padding:0;text-align:left;transition:border-color .15s;overflow:hidden}.load-modal__card:hover:not(:disabled){border-color:var(--color-primary)}.load-modal__card:disabled{opacity:.6;cursor:wait}.load-modal__thumbnail{width:80%;aspect-ratio:1;object-fit:contain;margin:10% auto 0;background:transparent}.load-modal__thumbnail--empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:13px}.load-modal__info{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.load-modal__session-name{font-weight:700;font-size:14px;color:var(--color-text)}.load-modal__item-name{font-weight:600;font-size:13px;color:var(--color-text)}.load-modal__date{font-size:11px;color:var(--color-text-secondary)}.load-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--color-border)}.load-modal__action{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--color-input-border);background:var(--color-surface);color:var(--color-text)}.load-modal__action:disabled{opacity:.5;cursor:default}.load-modal__action--delete{color:var(--color-danger);border-color:var(--color-danger-border)}.load-modal__action--load{border:none}.load-modal__action--cancel{margin-right:auto;background:var(--color-surface);color:var(--color-text)}.load-modal__action--delete-confirm{border:none}.load-modal--confirm{z-index:10000}.load-modal__confirm-content{max-width:400px}.load-modal__confirm-text{margin:0;color:var(--color-text);font-size:14px}.save-modal__content{max-width:400px}.save-modal__body{padding:20px;display:flex;flex-direction:column;gap:12px}.save-modal__label{font-size:13px;font-weight:600;color:var(--color-text)}.save-modal__input{padding:8px 12px;font-size:14px;border:1px solid var(--color-input-border);border-radius:6px;background:var(--color-input-bg);color:var(--color-text);outline:none}.save-modal__input:focus{border-color:var(--color-primary)}.save-modal__btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.save-modal__btn:disabled{cursor:default}