:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#4f46e5;--color-primary-600:#4338ca;--color-primary-700:#3730a3;--color-primary:var(--color-primary-500);--color-primary-hover:var(--color-primary-600);--color-primary-light:var(--color-primary-100);--color-primary-lighter:var(--color-primary-50);--color-secondary-400:#7763ff;--color-secondary-500:#9c82ff;--color-secondary-600:#c1a1ff;--color-secondary-700:#e5c2ff;--color-secondary:var(--color-secondary-400);--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success:var(--color-success-500);--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning:var(--color-warning-500);--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger:var(--color-danger-500);--color-info-50:#f0f9ff;--color-info-100:#e0f2fe;--color-info-500:#0ea5e9;--color-info-600:#0284c7;--color-info:var(--color-info-500);--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-bg-canvas:#e8e8e8;--color-bg-overlay:rgba(0,0,0,.5);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-text-muted:var(--color-gray-400);--color-text-inverse:#fff;--color-border:var(--color-gray-200);--color-border-light:var(--color-gray-100);--color-border-dark:var(--color-gray-300);--color-border-focus:var(--color-primary-500);--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:24px;--font-size-3xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-toolbar:0 2px 12px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);--shadow-dropdown:0 10px 40px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.04);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);--animation-duration-fast:0.15s;--animation-duration-base:0.2s;--animation-duration-slow:0.3s;--z-dropdown:100;--z-sticky:200;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toolbar:1000;--size-icon-sm:16px;--size-icon-md:20px;--size-icon-lg:24px;--size-button-sm:28px;--size-button-md:32px;--size-button-lg:36px;--size-input-height:36px;--size-toolbar-height:48px;--size-topbar-height:48px;--size-sidebar-width:72px;--size-panel-width:300px;--size-layers-panel-width:240px}@keyframes theme__slideInFromLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes theme__slideOutToLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes theme__toolbarAppear{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes theme__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes theme__fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes theme__dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes theme__spin{to{transform:rotate(1turn)}}@keyframes theme__pulse{0%,to{opacity:1}50%{opacity:.5}}.theme__animate-slide-in-left{animation:theme__slideInFromLeft var(--animation-duration-slow) ease-out}.theme__animate-toolbar-appear{animation:theme__toolbarAppear var(--animation-duration-base) ease-out}.theme__animate-fade-in{animation:theme__fadeIn var(--animation-duration-base) ease-out}.theme__animate-fade-in-scale{animation:theme__fadeInScale var(--animation-duration-base) ease-out}.theme__animate-dropdown{animation:theme__dropdownFadeIn var(--animation-duration-fast) ease}.theme__animate-spin{animation:theme__spin .8s linear infinite}.theme__animate-pulse{animation:theme__pulse 2s ease-in-out infinite}.Toolbar-module__toolbar{display:flex;align-items:center;gap:var(--spacing-2,8px);padding:var(--spacing-3,10px) var(--spacing-4,16px);background:linear-gradient(to bottom,var(--color-bg-primary,#fff),var(--color-gray-50,#f8f9fa));border-bottom:1px solid var(--color-border,#e0e0e0);flex-wrap:wrap}.Toolbar-module__toolGroup{display:flex;align-items:center;gap:var(--spacing-1,4px)}.Toolbar-module__groupLabel{font-size:var(--font-size-xs,11px);color:var(--color-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin-right:var(--spacing-1,4px)}.Toolbar-module__toolButton{width:var(--size-button-lg,36px);height:var(--size-button-lg,36px);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-300,#ddd);border-radius:var(--radius-md,6px);background:var(--color-bg-primary,#fff);cursor:pointer;font-size:var(--font-size-xl,18px);transition:all var(--transition-fast,.15s ease)}.Toolbar-module__toolButton:hover:not(:disabled){background:var(--color-gray-100,#f0f0f0);border-color:var(--color-gray-400,#ccc);transform:scale(1.05)}.Toolbar-module__toolButton:active:not(:disabled){transform:scale(.95)}.Toolbar-module__toolButton:disabled{opacity:.4;cursor:not-allowed}.Toolbar-module__toolButton.Toolbar-module__active{background:var(--color-primary,#3498db);border-color:var(--color-primary-600,#2980b9);color:var(--color-text-inverse,#fff)}.Toolbar-module__separator{width:1px;height:var(--size-button-md,32px);background:var(--color-border,#e0e0e0);margin:0 var(--spacing-2,8px)}.Toolbar-module__select{padding:var(--spacing-2,8px) var(--spacing-3,12px);border:1px solid var(--color-gray-300,#ddd);border-radius:var(--radius-md,6px);background:var(--color-bg-primary,#fff);font-size:var(--font-size-base,13px);cursor:pointer;min-width:140px;transition:all var(--transition-fast,.15s ease)}.Toolbar-module__select:hover{border-color:var(--color-gray-400,#ccc)}.Toolbar-module__select:focus{outline:none;border-color:var(--color-primary,#4f46e5);box-shadow:0 0 0 2px rgba(79,70,229,.15)}.Toolbar-module__colorPicker{width:var(--size-button-lg,36px);height:var(--size-button-lg,36px);padding:2px;border:1px solid var(--color-gray-300,#ddd);border-radius:var(--radius-md,6px);cursor:pointer;background:var(--color-bg-primary,#fff);transition:all var(--transition-fast,.15s ease)}.Toolbar-module__colorPicker:hover{border-color:var(--color-gray-400,#ccc);transform:scale(1.05)}.Toolbar-module__colorPicker::-webkit-color-swatch-wrapper{padding:2px}.Toolbar-module__colorPicker::-webkit-color-swatch{border:none;border-radius:var(--radius-sm,4px)}.Toolbar-module__exportButton{padding:var(--spacing-2,8px) var(--spacing-3,14px);border:1px solid var(--color-success,#27ae60);border-radius:var(--radius-md,6px);background:var(--color-success,#27ae60);color:var(--color-text-inverse,#fff);font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-semibold,600);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.Toolbar-module__exportButton:hover{background:var(--color-success-600,#219a52);border-color:var(--color-success-600,#219a52);transform:translateY(-1px);box-shadow:var(--shadow-sm,0 2px 4px rgba(0,0,0,.1))}.Toolbar-module__exportButton:active{transform:translateY(0)}.Toolbar-module__dangerButton{padding:var(--spacing-2,8px) var(--spacing-3,14px);border:1px solid var(--color-danger,#e74c3c);border-radius:var(--radius-md,6px);background:transparent;color:var(--color-danger,#e74c3c);font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-semibold,600);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.Toolbar-module__dangerButton:hover{background:var(--color-danger,#e74c3c);color:var(--color-text-inverse,#fff);transform:translateY(-1px)}.Toolbar-module__dangerButton:active{transform:translateY(0)}.Toolbar-module__spacer{flex:1}@media (max-width:768px){.Toolbar-module__toolbar{padding:var(--spacing-2,6px) var(--spacing-2,8px);gap:var(--spacing-1,4px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.Toolbar-module__toolbar::-webkit-scrollbar{display:none}.Toolbar-module__toolGroup{flex-shrink:0;gap:2px}.Toolbar-module__groupLabel{display:none}.Toolbar-module__toolButton{width:32px;height:32px;font-size:var(--font-size-md,14px)}.Toolbar-module__separator{height:24px;margin:0 var(--spacing-1,4px)}.Toolbar-module__select{min-width:110px;padding:var(--spacing-1,4px) var(--spacing-2,8px);font-size:var(--font-size-sm,12px)}.Toolbar-module__colorPicker{width:32px;height:32px}.Toolbar-module__dangerButton,.Toolbar-module__exportButton{padding:var(--spacing-1,4px) var(--spacing-2,10px);font-size:var(--font-size-xs,11px)}.Toolbar-module__spacer{display:none}}.LayersPanel-module__panel{display:flex;flex-direction:column;width:var(--size-layers-panel-width,240px);background:var(--color-bg-primary,#fff);border-left:1px solid var(--color-border,#e0e0e0);height:100%}.LayersPanel-module__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3,12px) var(--spacing-4,16px);border-bottom:1px solid var(--color-border,#e0e0e0);background:linear-gradient(to bottom,var(--color-bg-primary,#fff),var(--color-gray-50,#f8f9fa))}.LayersPanel-module__title{margin:0;font-size:var(--font-size-md,14px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#333)}.LayersPanel-module__count{background:var(--color-gray-200,#e0e0e0);color:var(--color-text-secondary,#666);font-size:var(--font-size-xs,11px);padding:2px var(--spacing-2,8px);border-radius:var(--radius-full,10px)}.LayersPanel-module__list{flex:1;overflow-y:auto;padding:var(--spacing-2,8px)}.LayersPanel-module__layer{display:flex;align-items:center;gap:var(--spacing-2,8px);padding:var(--spacing-2,8px) var(--spacing-3,10px);border-radius:var(--radius-md,6px);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.LayersPanel-module__layer:hover{background:var(--color-gray-100,#f5f5f5)}.LayersPanel-module__layer.LayersPanel-module__selected{background:var(--color-primary-50,#e3f2fd)}.LayersPanel-module__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100,#f0f0f0);border-radius:var(--radius-sm,4px);font-size:var(--font-size-sm,12px)}.LayersPanel-module__name{flex:1;font-size:var(--font-size-base,13px);color:var(--color-text-primary,#333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.LayersPanel-module__actions{display:flex;gap:2px}.LayersPanel-module__actionBtn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm,4px);cursor:pointer;font-size:var(--font-size-sm,12px);opacity:.6;transition:all var(--transition-fast,.15s ease)}.LayersPanel-module__actionBtn:hover{opacity:1;background:rgba(0,0,0,.05);transform:scale(1.1)}.LayersPanel-module__actionBtn.LayersPanel-module__inactive{opacity:.3}.LayersPanel-module__actionBtn.LayersPanel-module__locked{color:var(--color-danger,#e74c3c);opacity:.8}.LayersPanel-module__selectedActions{display:flex;gap:var(--spacing-1,4px);padding:var(--spacing-3,12px);border-top:1px solid var(--color-border,#e0e0e0);background:var(--color-gray-50,#f8f9fa)}.LayersPanel-module__smallBtn{width:var(--size-button-md,32px);height:var(--size-button-md,32px);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-300,#ddd);background:var(--color-bg-primary,#fff);border-radius:var(--radius-md,6px);cursor:pointer;font-size:var(--font-size-sm,12px);transition:all var(--transition-fast,.15s ease)}.LayersPanel-module__smallBtn:hover{background:var(--color-gray-100,#f0f0f0);border-color:var(--color-gray-400,#ccc);transform:scale(1.05)}.LayersPanel-module__smallBtn:active{transform:scale(.95)}.LayersPanel-module__smallBtn.LayersPanel-module__danger:hover{background:var(--color-danger-50,#fee);border-color:var(--color-danger,#e74c3c);color:var(--color-danger,#e74c3c)}.LayersPanel-module__actionSpacer{flex:1}.LayersPanel-module__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-gray-400,#999);padding:var(--spacing-5,20px);text-align:center}.LayersPanel-module__empty p{margin:var(--spacing-1,4px) 0}.LayersPanel-module__hint{font-size:var(--font-size-sm,12px);color:var(--color-gray-300,#bbb)}@media (max-width:768px){.LayersPanel-module__panel{display:none}}.Editor-module__editor{display:flex;flex-direction:column;height:100%;min-height:600px;background:var(--color-gray-100,#f5f5f5);font-family:var(
    --font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif
  )}.Editor-module__workspace{display:flex;flex:1;overflow:hidden}.Editor-module__canvasContainer{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6,24px);overflow:auto;background:linear-gradient(45deg,var(--color-gray-200,#e8e8e8) 25%,transparent 25%),linear-gradient(-45deg,var(--color-gray-200,#e8e8e8) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-gray-200,#e8e8e8) 75%),linear-gradient(-45deg,transparent 75%,var(--color-gray-200,#e8e8e8) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:var(--color-gray-100,#f0f0f0)}@media (max-width:768px){.Editor-module__editor{min-height:100vh;min-height:100dvh;padding-bottom:calc(56px + env(safe-area-inset-bottom, 0))}.Editor-module__workspace{flex-direction:column}.Editor-module__canvasContainer{padding:var(--spacing-2,8px);padding-bottom:var(--spacing-4,16px)}}.CustomEditor-module__editor{display:flex;flex-direction:column;height:100%;background:var(--color-bg-canvas,#f0f0f0);font-family:var(
    --font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
  )}.CustomEditor-module__main{display:flex;flex:1;overflow:hidden;min-height:0;height:0}.CustomEditor-module__canvasArea{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;background-color:var(--color-bg-canvas,#e8e8e8);position:relative}.CustomEditor-module__canvasCenter{flex:1;overflow-y:auto;overflow-x:auto;scrollbar-gutter:stable;min-height:0;display:block;padding:0;-moz-user-select:none;user-select:none;-webkit-user-select:none;background-color:#e8e8e8;position:relative;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.CustomEditor-module__canvasWrapper{position:relative;width:-moz-fit-content;width:fit-content;margin:0 auto;animation:CustomEditor-module__fadeIn var(--animation-duration-base,.2s) ease-out}@keyframes CustomEditor-module__fadeIn{0%{opacity:0}to{opacity:1}}.CustomEditor-module__pageWrapper{position:relative;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);overflow:visible}.CustomEditor-module__pageWrapper:hover .page-controls-container{opacity:1;pointer-events:auto}@media (max-width:768px){.CustomEditor-module__editor{height:100%;height:100vh;height:100dvh;position:relative}.CustomEditor-module__main{flex:1 1 auto;height:calc(100% - 48px);min-height:0;box-sizing:border-box}.CustomEditor-module__canvasArea{flex:1 1 auto;min-height:0;height:100%}.CustomEditor-module__canvasCenter{flex:1 1 auto;min-height:0;display:block;overflow-y:auto;overflow-x:auto;touch-action:pan-x pan-y}.CustomEditor-module__canvasWrapper{position:relative;width:-moz-fit-content;width:fit-content;margin:0 auto}}.ConfigValidator-module__container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ConfigValidator-module__card{background:#fff;border-radius:16px;padding:48px;max-width:480px;width:90%;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.1)}.ConfigValidator-module__spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;margin:0 auto 24px;animation:ConfigValidator-module__spin .8s linear infinite}@keyframes ConfigValidator-module__spin{to{transform:rotate(1turn)}}.ConfigValidator-module__errorIcon{font-size:48px;margin-bottom:16px}.ConfigValidator-module__title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 12px}.ConfigValidator-module__message{font-size:15px;color:#6b7280;margin:0 0 24px;line-height:1.6}.ConfigValidator-module__codeBlock{background:#f3f4f6;border-radius:8px;padding:16px;margin-bottom:24px;text-align:left;overflow-x:auto}.ConfigValidator-module__codeBlock code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;color:#374151;white-space:pre;line-height:1.5}.ConfigValidator-module__retryButton{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s ease}.ConfigValidator-module__retryButton:hover{background:#4f46e5}.ConfigValidator-module__retryButton:active{background:#4338ca}.panels-module__sectionLabel{font-size:var(--font-size-xs,11px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin:var(--spacing-4,16px) 0 var(--spacing-2,8px) 0}.panels-module__sectionLabel:first-child{margin-top:0}.panels-module__textOptions{display:flex;flex-direction:column;gap:var(--spacing-2,8px)}.panels-module__textButton{display:block;width:100%;padding:var(--spacing-4,16px);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);background:var(--color-bg-primary,#fff);text-align:left;cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__textButton:hover{background:var(--color-gray-50,#f9f9f9);border-color:var(--color-gray-300,#d0d0d0);transform:translateX(4px)}.panels-module__headerText{font-size:var(--font-size-3xl,28px);font-weight:var(--font-weight-bold,700);color:var(--color-text-primary,#333)}.panels-module__subheaderText{font-size:var(--font-size-xl,18px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#333)}.panels-module__bodyText{font-size:var(--font-size-md,14px);color:var(--color-text-primary,#333)}.panels-module__shapeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2,8px)}.panels-module__shapeButton{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1,4px);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);background:var(--color-bg-primary,#fff);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__shapeButton:hover{background:var(--color-gray-100,#f5f5f5);border-color:var(--color-gray-300,#d0d0d0);transform:scale(1.05)}.panels-module__shapeButton:active{transform:scale(.95)}.panels-module__shapeLabel{font-size:var(--font-size-xs,10px);color:var(--color-text-secondary,#666)}.panels-module__shapeRect{width:32px;height:24px;background:var(--color-gray-500,#666);border-radius:2px}.panels-module__shapeCircle{width:28px;height:28px;background:var(--color-gray-500,#666);border-radius:50%}.panels-module__shapeTriangle{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:24px solid var(--color-gray-500,#666)}.panels-module__shapeLine{width:32px;height:3px;background:var(--color-gray-500,#666);transform:rotate(-30deg)}.panels-module__shapeArrow,.panels-module__shapePolygon,.panels-module__shapeStar{font-size:var(--font-size-2xl,24px);color:var(--color-gray-500,#666)}.panels-module__shapesPanel{display:flex;flex-direction:column;gap:var(--spacing-2,8px)}.panels-module__shapeCategory{border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);overflow:hidden}.panels-module__categoryHeader{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2,8px) var(--spacing-3,12px);background:var(--color-gray-50,#f9fafb);border:none;cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__categoryHeader:hover{background:var(--color-gray-100,#f3f4f6)}.panels-module__categoryName{font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#333)}.panels-module__categoryToggle{font-size:var(--font-size-lg,16px);color:var(--color-gray-500,#666);font-weight:var(--font-weight-medium,500)}.panels-module__shapePreview{display:block}.panels-module__drawOptions{display:flex;flex-direction:column}.panels-module__tabGroup{display:flex;gap:0;margin-bottom:var(--spacing-4,16px);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);overflow:hidden}.panels-module__tabButton{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1,4px);padding:var(--spacing-2,8px) var(--spacing-3,12px);background:var(--color-bg-primary,#fff);border:none;font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary,#666);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__tabButton:not(:last-child){border-right:1px solid var(--color-border,#e5e5e5)}.panels-module__tabButton:hover{background:var(--color-gray-100,#f5f5f5)}.panels-module__tabButton.panels-module__tabActive{background:var(--color-primary,#4f46e5);color:var(--color-text-inverse,#fff)}.panels-module__sliderRow{display:flex;align-items:center;gap:var(--spacing-2,8px);margin-bottom:var(--spacing-4,16px)}.panels-module__sliderRow .panels-module__slider{flex:1;margin:0}.panels-module__sliderInput{width:56px;padding:var(--spacing-2,6px) var(--spacing-2,8px);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-sm,4px);font-size:var(--font-size-sm,12px);text-align:center;color:var(--color-text-primary,#333);background:var(--color-gray-100,#f5f5f5)}.panels-module__sliderInput:focus{outline:none;border-color:var(--color-primary,#4f46e5)}.panels-module__sliderInput::-webkit-inner-spin-button,.panels-module__sliderInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.panels-module__sliderInput[type=number]{-moz-appearance:textfield}.panels-module__colorRow{display:flex;flex-direction:column;gap:var(--spacing-2,8px);margin-bottom:var(--spacing-4,16px)}.panels-module__colorPickerWrapper{position:relative;width:100%;height:36px;border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);overflow:hidden}.panels-module__colorPreviewLarge{position:absolute;inset:0;pointer-events:none}.panels-module__colorPickerInput{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.panels-module__disabledLabel{opacity:.4}.panels-module__disabledControl{opacity:.4;pointer-events:none}.panels-module__disabledControl .panels-module__colorPickerInput,.panels-module__disabledControl .panels-module__colorSwatch,.panels-module__disabledControl .panels-module__slider,.panels-module__disabledControl .panels-module__sliderInput{cursor:not-allowed}.panels-module__slider{width:100%;margin:var(--spacing-2,8px) 0}.panels-module__sliderValue{font-size:var(--font-size-sm,12px);color:var(--color-text-secondary,#666);margin-bottom:var(--spacing-4,16px)}.panels-module__colorGrid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:var(--spacing-4,16px)}.panels-module__colorSwatch{width:100%;aspect-ratio:1;border:none;border-radius:var(--radius-sm,4px);cursor:pointer;transition:transform var(--transition-fast,.15s ease)}.panels-module__colorSwatch:hover{transform:scale(1.15)}.panels-module__colorSwatch.panels-module__activeColor{box-shadow:0 0 0 2px var(--color-bg-primary,#fff),0 0 0 4px var(--color-primary,#4f46e5)}.panels-module__colorInput{width:100%;height:var(--size-button-lg,36px);padding:0;border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);cursor:pointer}.panels-module__uploadArea{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10,40px) var(--spacing-5,20px);text-align:center}.panels-module__hiddenInput{display:none}.panels-module__uploadButton{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3,12px);padding:var(--spacing-8,32px) var(--spacing-12,48px);border:2px dashed var(--color-gray-300,#d0d0d0);border-radius:var(--radius-lg,8px);background:var(--color-gray-50,#f9f9f9);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__uploadButton:hover{border-color:var(--color-primary,#4f46e5);background:var(--color-primary-50,#f5f5ff);transform:scale(1.02)}.panels-module__uploadIcon{font-size:var(--font-size-3xl,32px)}.panels-module__uploadHint{margin-top:var(--spacing-4,16px);font-size:var(--font-size-sm,12px);color:var(--color-gray-400,#999)}.panels-module__layersHint{font-size:var(--font-size-sm,12px);color:var(--color-text-secondary,#666);margin-bottom:var(--spacing-3,12px)}.panels-module__emptyMessage{font-size:var(--font-size-base,13px);color:var(--color-gray-400,#999);text-align:center;padding:var(--spacing-5,20px)}.panels-module__layersList{display:flex;flex-direction:column;gap:2px}.panels-module__layerRow{display:flex;align-items:center;gap:var(--spacing-2,8px);padding:var(--spacing-2,8px);border-radius:var(--radius-md,6px);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__layerRow:hover{background:var(--color-gray-100,#f5f5f5)}.panels-module__layerRow.panels-module__selectedLayer{background:var(--color-primary-50,#e8f0fe)}.panels-module__dragHandle{font-size:var(--font-size-md,14px);color:var(--color-gray-400,#999);cursor:grab}.panels-module__layerIcon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100,#f0f0f0);border-radius:var(--radius-sm,4px);font-size:var(--font-size-sm,12px)}.panels-module__layerName{flex:1;font-size:var(--font-size-base,13px);color:var(--color-text-primary,#333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panels-module__layerActions{display:flex;gap:2px}.panels-module__layerAction{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm,4px);cursor:pointer;font-size:var(--font-size-sm,12px);opacity:.5;transition:all var(--transition-fast,.15s ease)}.panels-module__layerAction:hover{opacity:1;background:rgba(0,0,0,.05);transform:scale(1.1)}.panels-module__layerAction.panels-module__inactive{opacity:.2}.panels-module__layerAction.panels-module__lockedLayer{opacity:.8;color:var(--color-danger,#e74c3c)}.panels-module__draggingLayer{opacity:.5;background:var(--color-gray-200,#e0e0e0)!important}.panels-module__dragOverLayer{border-top:2px solid var(--color-primary,#4f46e5)!important}.panels-module__layerNameEditable{cursor:text;border-radius:var(--radius-sm,4px);padding:2px 4px;margin:-2px -4px;transition:background-color var(--transition-fast,.15s ease)}.panels-module__layerNameEditable:hover{background:rgba(0,0,0,.05)}.panels-module__layerNameInput{flex:1;font-size:var(--font-size-base,13px);color:var(--color-text-primary,#333);background:var(--color-bg-primary,#fff);border:1px solid var(--color-primary,#4f46e5);border-radius:var(--radius-sm,4px);padding:2px 6px;margin:-3px 0;outline:none;min-width:0;box-shadow:0 0 0 2px rgba(79,70,229,.2)}.panels-module__resizeInputs{display:flex;flex-direction:column;gap:var(--spacing-3,12px);margin-bottom:var(--spacing-6,24px)}.panels-module__inputGroup{display:flex;flex-direction:column;gap:var(--spacing-1,4px)}.panels-module__inputGroup label{font-size:var(--font-size-sm,12px);color:var(--color-text-secondary,#666)}.panels-module__inputWithUnit{display:flex;align-items:center;border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);overflow:hidden;transition:border-color var(--transition-fast,.15s ease)}.panels-module__inputWithUnit:focus-within{border-color:var(--color-primary,#4f46e5)}.panels-module__inputWithUnit input{flex:1;padding:var(--spacing-3,10px) var(--spacing-3,12px);border:none;font-size:var(--font-size-md,14px);outline:none}.panels-module__inputWithUnit span{padding:var(--spacing-3,10px) var(--spacing-3,12px);background:var(--color-gray-100,#f5f5f5);color:var(--color-text-secondary,#666);font-size:var(--font-size-base,13px);border-left:1px solid var(--color-border,#e5e5e5)}.panels-module__presetGroup{margin-bottom:var(--spacing-4,16px)}.panels-module__presetGroupName{font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#333);margin-bottom:var(--spacing-2,8px)}.panels-module__presetList{display:flex;flex-direction:column;gap:var(--spacing-1,4px)}.panels-module__presetButton{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3,10px) var(--spacing-3,12px);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);background:var(--color-bg-primary,#fff);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__presetButton:hover{background:var(--color-gray-50,#f9f9f9);border-color:var(--color-gray-300,#d0d0d0);transform:translateX(4px)}.panels-module__presetName{font-size:var(--font-size-base,13px);color:var(--color-text-primary,#333)}.panels-module__presetSize{font-size:var(--font-size-sm,12px);color:var(--color-gray-400,#999)}.panels-module__primaryButton{width:100%;padding:var(--spacing-3,12px);background:var(--color-primary,#4f46e5);color:var(--color-text-inverse,#fff);border:none;border-radius:var(--radius-md,6px);font-size:var(--font-size-md,14px);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__primaryButton:hover{background:var(--color-primary-600,#4338ca);transform:translateY(-1px);box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.1))}.panels-module__primaryButton:active{transform:translateY(0)}.panels-module__searchInput{width:100%;padding:var(--spacing-3,10px) var(--spacing-3,12px);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);font-size:var(--font-size-md,14px);outline:none;margin-bottom:var(--spacing-2,8px);transition:border-color var(--transition-fast,.15s ease)}.panels-module__searchInput:focus{border-color:var(--color-primary,#4f46e5)}.panels-module__attribution{font-size:var(--font-size-xs,11px);color:var(--color-gray-400,#999);margin-bottom:var(--spacing-3,12px)}.panels-module__photosPanelLayout{display:flex;flex-direction:column;height:100%;margin:0 -16px -16px}.panels-module__photosPanelHeader{flex-shrink:0;padding:0 var(--spacing-4,16px) var(--spacing-2,8px) var(--spacing-4,16px);background:var(--color-bg-primary,#fff);position:sticky;top:0;z-index:10}@media (max-width:768px){.panels-module__photosPanelHeader{padding:var(--spacing-4,16px) var(--spacing-4,16px) var(--spacing-2,8px) var(--spacing-4,16px);top:-12px}}.panels-module__photosPanelContent{flex:1;overflow-y:auto;padding:0 var(--spacing-4,16px) var(--spacing-4,16px) var(--spacing-4,16px)}.panels-module__photosSearchWrapper{position:relative;margin-bottom:var(--spacing-2,8px)}.panels-module__photosSearchIcon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400,#9ca3af);font-size:var(--font-size-lg,16px);pointer-events:none}.panels-module__photosSearchInput{width:100%;padding:var(--spacing-3,10px) var(--spacing-3,12px) var(--spacing-3,10px) 40px;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,8px);font-size:var(--font-size-md,14px);outline:none;background:var(--color-gray-50,#f9fafb);transition:all var(--transition-fast,.15s ease);box-sizing:border-box}.panels-module__photosSearchInput:focus{border-color:var(--color-primary,#6366f1);background:var(--color-bg-primary,#fff);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.panels-module__photosSearchInput::-moz-placeholder{color:var(--color-gray-400,#9ca3af)}.panels-module__photosSearchInput::placeholder{color:var(--color-gray-400,#9ca3af)}.panels-module__photosAttribution{font-size:var(--font-size-xs,11px);color:var(--color-gray-500,#6b7280);margin:0 0 var(--spacing-3,12px) 0;padding:0}.panels-module__photosAttribution a{color:var(--color-primary,#6366f1);text-decoration:none;font-weight:var(--font-weight-medium,500)}.panels-module__photosAttribution a:hover{text-decoration:underline}.panels-module__photoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2,8px)}.panels-module__photoItem{aspect-ratio:1.5;border:none;border-radius:var(--radius-md,6px);overflow:hidden;cursor:pointer;background:var(--color-gray-100,#f5f5f5);padding:0;transition:all var(--transition-fast,.15s ease)}.panels-module__photoItem:hover{transform:scale(1.03);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.1))}.panels-module__photoItem img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.panels-module__searchContainer{position:relative;margin-bottom:var(--spacing-2,8px)}.panels-module__searchIconInline{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400,#9ca3af);font-size:var(--font-size-lg,16px)}.panels-module__searchInputWithIcon{width:100%;padding:var(--spacing-3,10px) var(--spacing-3,12px) var(--spacing-3,10px) 40px;border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);font-size:var(--font-size-md,14px);outline:none;transition:border-color var(--transition-fast,.15s ease)}.panels-module__searchInputWithIcon:focus{border-color:var(--color-primary,#4f46e5)}.panels-module__unsplashLink{color:var(--color-primary,#6366f1);text-decoration:none}.panels-module__unsplashLink:hover{text-decoration:underline}.panels-module__loadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10,40px) var(--spacing-5,20px);gap:var(--spacing-3,12px);color:var(--color-gray-500,#6b7280)}.panels-module__loadingSpinner{width:32px;height:32px;border:3px solid var(--color-gray-200,#e5e7eb);border-top-color:var(--color-primary,#6366f1);border-radius:50%;animation:panels-module__spin .8s linear infinite}@keyframes panels-module__spin{to{transform:rotate(1turn)}}.panels-module__errorContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10,40px) var(--spacing-5,20px);text-align:center;color:var(--color-gray-500,#6b7280)}.panels-module__retryButton{margin-top:var(--spacing-3,12px);padding:var(--spacing-2,8px) var(--spacing-4,16px);background:var(--color-primary,#4f46e5);color:var(--color-text-inverse,#fff);border:none;border-radius:var(--radius-md,6px);font-size:var(--font-size-base,13px);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__retryButton:hover{background:var(--color-primary-600,#4338ca);transform:translateY(-1px)}.panels-module__pagination{gap:var(--spacing-3,12px);padding:var(--spacing-4,16px) 0 var(--spacing-2,8px);margin-top:var(--spacing-2,8px);border-top:1px solid var(--color-border,#e5e7eb)}.panels-module__pageButton,.panels-module__pagination{display:flex;align-items:center;justify-content:center}.panels-module__pageButton{width:var(--size-button-md,32px);height:var(--size-button-md,32px);background:var(--color-gray-100,#f3f4f6);border:none;border-radius:var(--radius-md,6px);cursor:pointer;color:var(--color-gray-700,#374151);transition:all var(--transition-fast,.15s ease)}.panels-module__pageButton:hover:not(:disabled){background:var(--color-gray-200,#e5e7eb);transform:scale(1.05)}.panels-module__pageButton:disabled{opacity:.4;cursor:not-allowed}.panels-module__pageInfo{font-size:var(--font-size-base,13px);color:var(--color-gray-500,#6b7280);min-width:60px;text-align:center}.panels-module__masonryContainer{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--spacing-4,16px)}.panels-module__masonryGrid{display:flex;gap:var(--spacing-2,8px);padding:0 2px}.panels-module__masonryColumn{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2,8px)}.panels-module__masonryItem{display:block;width:100%;border:none;border-radius:var(--radius-lg,8px);overflow:hidden;cursor:pointer;padding:0;transition:all var(--transition-fast,.15s ease);background:var(--color-gray-100,#f0f0f0)}.panels-module__masonryItem:hover{transform:scale(1.02);box-shadow:var(--shadow-lg,0 4px 12px rgba(0,0,0,.15))}.panels-module__masonryItem img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.panels-module__loadMoreTrigger{padding:var(--spacing-4,16px);min-height:60px}.panels-module__loadMoreTrigger,.panels-module__loadingMore{display:flex;align-items:center;justify-content:center}.panels-module__loadingSpinnerSmall{width:24px;height:24px;border:2px solid var(--color-gray-200,#e5e7eb);border-top-color:var(--color-primary,#6366f1);border-radius:50%;animation:panels-module__spin .8s linear infinite}.panels-module__templatesContainer{display:flex;flex-direction:column;gap:var(--spacing-3,12px)}.panels-module__templatesHint{font-size:var(--font-size-sm,12px);color:var(--color-text-secondary,#666);margin-bottom:var(--spacing-3,12px)}.panels-module__templatesGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3,12px)}.panels-module__templateCard{display:flex;flex-direction:column;align-items:center;border:2px solid var(--color-border,#e5e5e5);border-radius:var(--radius-lg,8px);cursor:pointer;transition:all var(--transition-base,.2s ease);background:var(--color-gray-50,#fafafa)}.panels-module__templateCard:hover{border-color:var(--color-primary,#4f46e5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,.15)}.panels-module__templatePreviewCanvas{border-radius:var(--radius-sm,4px);background:var(--color-bg-primary,#fff);box-shadow:var(--shadow-sm,0 1px 4px rgba(0,0,0,.1))}.panels-module__templateInfo{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--spacing-2,8px);background:hsla(0,0%,100%,.9);padding:var(--spacing-1,4px) var(--spacing-2,8px);border-radius:var(--radius-sm,4px)}.panels-module__templateName{font-size:var(--font-size-xs,11px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#333)}.panels-module__templateSize{font-size:var(--font-size-xs,10px);color:var(--color-text-secondary,#666)}.panels-module__templatePreviewImage{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm,4px)}.panels-module__templatesLoading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-10,40px) var(--spacing-5,20px);color:var(--color-text-secondary,#666);font-size:var(--font-size-base,13px)}.panels-module__templateApplying{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:var(--color-text-inverse,#fff);padding:var(--spacing-2,8px) var(--spacing-3,12px);border-radius:var(--radius-md,6px);font-size:var(--font-size-xs,11px);white-space:nowrap}.panels-module__templateGrid{text-align:center;padding:var(--spacing-10,40px) var(--spacing-5,20px)}.panels-module__comingSoon{font-size:var(--font-size-md,14px);color:var(--color-text-secondary,#666);margin-bottom:var(--spacing-2,8px)}.panels-module__hint{font-size:var(--font-size-sm,12px);color:var(--color-gray-400,#999)}.panels-module__transparentButton{display:flex;align-items:center;gap:var(--spacing-3,12px);width:100%;padding:var(--spacing-3,12px) var(--spacing-4,16px);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);background:var(--color-bg-primary,#fff);cursor:pointer;font-size:var(--font-size-base,13px);margin-bottom:var(--spacing-4,16px);transition:all var(--transition-fast,.15s ease)}.panels-module__transparentButton:hover{background:var(--color-gray-50,#f9f9f9);border-color:var(--color-gray-300,#d0d0d0)}.panels-module__transparentButton.panels-module__activeTransparent{border-color:var(--color-primary,#4f46e5);background:var(--color-primary-50,#f0f0ff)}.panels-module__checkerboard{width:32px;height:32px;border-radius:var(--radius-sm,4px);background-image:linear-gradient(45deg,var(--color-gray-300) 25%,transparent 25%),linear-gradient(-45deg,var(--color-gray-300) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-gray-300) 75%),linear-gradient(-45deg,transparent 75%,var(--color-gray-300) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e5e5)}.panels-module__tabContainer{display:flex;gap:0;margin-bottom:var(--spacing-4,16px);border-bottom:1px solid var(--color-border,#e5e5e5)}.panels-module__tab{flex:1;padding:var(--spacing-3,12px) var(--spacing-4,16px);background:transparent;border:none;border-bottom:2px solid transparent;font-size:var(--font-size-md,14px);font-weight:var(--font-weight-medium,500);color:var(--color-gray-500,#6b7280);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__tab:hover{color:var(--color-gray-700,#374151)}.panels-module__activeTab{color:var(--color-primary,#4f46e5);border-bottom-color:var(--color-primary,#4f46e5)}.panels-module__myFontsContent{display:flex;flex-direction:column;gap:var(--spacing-4,16px)}.panels-module__uploadFontButton{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2,8px);width:100%;padding:var(--spacing-3,12px) var(--spacing-4,16px);background:linear-gradient(135deg,var(--color-primary,#4f46e5),var(--color-secondary,#6366f1));border:none;border-radius:var(--radius-lg,8px);color:var(--color-text-inverse,#fff);font-size:var(--font-size-base,13px);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__uploadFontButton:hover{background:linear-gradient(135deg,var(--color-primary-600,#4338ca),var(--color-primary,#4f46e5));transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.panels-module__uploadFontButton svg{font-size:var(--font-size-lg,16px)}.panels-module__emptyFonts{padding:var(--spacing-8,32px) var(--spacing-4,16px);text-align:center;color:var(--color-gray-400,#9ca3af);font-size:var(--font-size-base,13px);background:var(--color-gray-50,#f9fafb);border-radius:var(--radius-lg,8px);border:1px dashed var(--color-border,#e5e7eb)}.panels-module__fontsList{display:flex;flex-direction:column;gap:var(--spacing-2,8px)}.panels-module__fontItem{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3,12px) var(--spacing-4,16px);background:var(--color-gray-50,#f9fafb);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,8px);transition:all var(--transition-fast,.15s ease)}.panels-module__fontItem:hover{background:var(--color-gray-100,#f3f4f6)}.panels-module__fontItemClickable{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3,12px) var(--spacing-4,16px);background:var(--color-gray-50,#f9fafb);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,8px);transition:all var(--transition-fast,.15s ease);cursor:pointer}.panels-module__fontItemClickable:hover{background:var(--color-primary-50,#eef2ff);border-color:var(--color-primary-200,#c7d2fe);transform:translateX(4px)}.panels-module__fontItemName{flex:1;font-size:var(--font-size-lg,16px);color:var(--color-gray-800,#1f2937);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panels-module__deleteFontButton{display:flex;align-items:center;justify-content:center;width:var(--size-button-md,32px);height:var(--size-button-md,32px);background:transparent;border:none;border-radius:var(--radius-md,6px);color:var(--color-gray-400,#9ca3af);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__deleteFontButton:hover{background:var(--color-danger-100,#fee2e2);color:var(--color-danger-600,#dc2626);transform:scale(1.1)}.panels-module__bgTabContainer{display:flex;gap:0;margin-bottom:var(--spacing-4,16px);border-bottom:1px solid var(--color-border,#e5e7eb)}.panels-module__bgTab{flex:1;padding:var(--spacing-3,10px) var(--spacing-3,12px);background:transparent;border:none;border-bottom:2px solid transparent;font-size:var(--font-size-base,13px);font-weight:var(--font-weight-medium,500);color:var(--color-gray-500,#6b7280);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.panels-module__bgTab:hover{color:var(--color-gray-700,#374151)}.panels-module__bgTabActive{color:var(--color-primary,#6366f1);border-bottom-color:var(--color-primary,#6366f1)}.panels-module__bgColorContent,.panels-module__bgGradientLayout{display:flex;flex-direction:column}.panels-module__bgGradientLayout{height:calc(100vh - 200px);margin:0 -16px -16px}.panels-module__bgGradientHeader{flex-shrink:0;padding:0 var(--spacing-4,16px) var(--spacing-2,8px) var(--spacing-4,16px);background:var(--color-bg-primary,#fff)}.panels-module__bgGradientScrollable{flex:1}.panels-module__bgGradientContent,.panels-module__bgGradientScrollable{overflow-y:auto;padding:0 var(--spacing-4,16px) var(--spacing-4,16px) var(--spacing-4,16px)}.panels-module__bgGradientContent{display:flex;flex-direction:column;flex:1;margin:0 -16px -16px}.TopBar-module__topBar{height:var(--size-topbar-height,48px);min-height:var(--size-topbar-height,48px);background:var(--color-bg-primary,#fff);border-bottom:1px solid var(--color-border,#e5e5e5);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4,16px)}.TopBar-module__left{display:flex;align-items:center;min-width:150px}.TopBar-module__center,.TopBar-module__zoomControls{display:flex;align-items:center;gap:var(--spacing-1,4px)}.TopBar-module__logo{font-size:var(--font-size-md,14px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#333)}.TopBar-module__right{display:flex;align-items:center;gap:var(--spacing-2,8px);min-width:150px;justify-content:flex-end}.TopBar-module__iconButton{width:var(--size-button-md,32px);height:var(--size-button-md,32px);display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-md,6px);font-size:var(--font-size-xl,18px);cursor:pointer;color:var(--color-text-secondary,#666);transition:all var(--transition-fast,.15s ease)}.TopBar-module__iconButton:hover:not(:disabled){background:var(--color-gray-100,#f5f5f5);color:var(--color-text-primary,#333);transform:scale(1.05)}.TopBar-module__iconButton:active:not(:disabled){transform:scale(.95)}.TopBar-module__iconButton:disabled{opacity:.3;cursor:not-allowed}.TopBar-module__divider{width:1px;height:24px;background:var(--color-border,#e5e5e5);margin:0 var(--spacing-2,8px)}.TopBar-module__zoomSliderWrapper{display:flex;align-items:center;gap:var(--spacing-2,8px)}.TopBar-module__zoomSlider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-200,#e5e5e5);border-radius:2px;outline:none}.TopBar-module__zoomSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-primary,#4f46e5);border-radius:50%;cursor:pointer;-webkit-transition:transform var(--transition-fast,.15s ease);transition:transform var(--transition-fast,.15s ease)}.TopBar-module__zoomSlider::-webkit-slider-thumb:hover{transform:scale(1.2)}.TopBar-module__zoomSlider::-moz-range-thumb{width:14px;height:14px;background:var(--color-primary,#4f46e5);border-radius:50%;cursor:pointer;border:none}.TopBar-module__zoomValue{font-size:var(--font-size-sm,12px);color:var(--color-text-secondary,#666);min-width:40px;text-align:center}.TopBar-module__downloadWrapper{position:relative}.TopBar-module__downloadButton{display:flex;align-items:center;gap:var(--spacing-2,8px);padding:8px 20px;background:var(--color-primary,#4f46e5);color:var(--color-text-inverse,#fff);border:none;border-radius:6px;font-size:var(--font-size-base,13px);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.TopBar-module__downloadButton:hover{background:var(--color-primary-600,#4338ca)}.TopBar-module__downloadButton:active{transform:scale(.98)}.TopBar-module__downloadMenu{position:absolute;top:100%;right:0;margin-top:var(--spacing-1,4px);background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);box-shadow:var(--shadow-dropdown,0 4px 12px rgba(0,0,0,.1));overflow:hidden;z-index:var(--z-dropdown,100);animation:TopBar-module__dropdownFadeIn var(--animation-duration-fast,.15s) ease}@keyframes TopBar-module__dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.TopBar-module__downloadMenu button{display:block;width:100%;padding:var(--spacing-3,10px) var(--spacing-6,24px);text-align:left;border:none;background:transparent;font-size:var(--font-size-base,13px);cursor:pointer;transition:all var(--transition-fast,.15s ease);color:var(--color-text-primary,#333)}.TopBar-module__downloadMenu button:hover{background:var(--color-gray-100,#f5f5f5);color:var(--color-primary,#4f46e5)}@media (max-width:768px){.TopBar-module__topBar{padding:0 var(--spacing-2,8px)}.TopBar-module__left{min-width:auto;flex:1}.TopBar-module__logo{font-size:var(--font-size-sm,12px)}.TopBar-module__center{gap:2px}.TopBar-module__divider,.TopBar-module__mobileHidden{display:none!important}.TopBar-module__right{min-width:auto;flex-shrink:0}.TopBar-module__downloadWrapper button span:not(:has(svg)){display:none}}.Tooltip-module__trigger{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.Tooltip-module__tooltip{position:fixed;z-index:9999;pointer-events:none;animation:Tooltip-module__tooltipFadeIn var(--animation-duration-fast,.15s) ease}@keyframes Tooltip-module__tooltipFadeIn{0%{opacity:0}to{opacity:1}}.Tooltip-module__content{background:var(--color-gray-800,#1f2937);color:var(--color-white,#fff);padding:var(--spacing-2,8px) var(--spacing-3,12px);border-radius:var(--radius-md,6px);box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:240px;text-align:center}.Tooltip-module__title{font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-medium,500);line-height:1.4;white-space:nowrap}.Tooltip-module__content:has(.Tooltip-module__description) .Tooltip-module__title{white-space:normal}.Tooltip-module__description{font-size:var(--font-size-xs,11px);font-weight:var(--font-weight-normal,400);color:var(--color-gray-300,#d1d5db);margin-top:var(--spacing-1,4px);line-height:1.4}.Tooltip-module__arrow{position:absolute;width:8px;height:8px;background:var(--color-gray-800,#1f2937);transform:rotate(45deg)}.Tooltip-module__top{transform:translateX(-50%) translateY(-100%)}.Tooltip-module__top .Tooltip-module__content{margin-bottom:6px}.Tooltip-module__top .Tooltip-module__arrow{bottom:2px;left:50%;transform:translateX(-50%) rotate(45deg)}.Tooltip-module__bottom{transform:translateX(-50%)}.Tooltip-module__bottom .Tooltip-module__content{margin-top:6px}.Tooltip-module__bottom .Tooltip-module__arrow{top:2px;left:50%;transform:translateX(-50%) rotate(45deg)}.Tooltip-module__left{transform:translateX(-100%) translateY(-50%)}.Tooltip-module__left .Tooltip-module__content{margin-right:6px}.Tooltip-module__left .Tooltip-module__arrow{right:2px;top:50%;transform:translateY(-50%) rotate(45deg)}.Tooltip-module__right{transform:translateY(-50%)}.Tooltip-module__right .Tooltip-module__content{margin-left:6px}.Tooltip-module__right .Tooltip-module__arrow{left:2px;top:50%;transform:translateY(-50%) rotate(45deg)}.Tooltip-module__shortcut{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:var(--spacing-2,8px);padding-top:var(--spacing-2,8px);border-top:1px solid var(--color-gray-600,#4b5563)}.Tooltip-module__content:not(:has(.Tooltip-module__title)):not(:has(.Tooltip-module__description)) .Tooltip-module__shortcut{margin-top:0;padding-top:0;border-top:none}.Tooltip-module__key{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-gray-700,#374151);border:1px solid var(--color-gray-600,#4b5563);border-radius:4px;font-family:var(--font-family-mono,ui-monospace,monospace);font-size:10px;font-weight:var(--font-weight-medium,500);color:var(--color-gray-200,#e5e7eb);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 0 var(--color-gray-600,#4b5563)}.Tooltip-module__keyPlus{font-size:10px;color:var(--color-gray-400,#9ca3af);margin:0 2px}.TextPropertiesToolbar-module__toolbar{position:fixed;top:55px;left:calc(50% + 36px);transform:translateX(-50%);z-index:1000;height:48px;background:var(--color-bg-primary);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:flex-start;padding:0 10px;max-width:calc(100vw - 72px - 32px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.TextPropertiesToolbar-module__toolbar::-webkit-scrollbar{display:none}[data-panel-open=true] .TextPropertiesToolbar-module__toolbar{left:calc(50% + 186px);max-width:calc(100vw - 372px - 32px)}.TextPropertiesToolbar-module__toolbarContent{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.TextPropertiesToolbar-module__separator{width:1px;height:24px;background:var(--color-gray-200);margin:0 4px}.TextPropertiesToolbar-module__fontSelect{padding:6px 10px;border:1px solid var(--color-gray-200);border-radius:6px;font-size:13px;font-weight:500;background:#fff;cursor:pointer;min-width:120px;color:var(--color-gray-700);height:34px}.TextPropertiesToolbar-module__fontSelect:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}.TextPropertiesToolbar-module__fontSelect:focus{outline:none;border-color:var(--color-secondary-400);box-shadow:0 0 0 2px rgba(139,92,246,.15)}.TextPropertiesToolbar-module__sizeControls{display:flex;align-items:center;gap:0;background:var(--color-gray-100);border-radius:6px;border:1px solid var(--color-gray-200);height:34px}.TextPropertiesToolbar-module__sizeButton{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-gray-500);transition:all .15s ease}.TextPropertiesToolbar-module__sizeButton:first-child{border-radius:6px 0 0 6px}.TextPropertiesToolbar-module__sizeButton:last-child{border-radius:0 6px 6px 0}.TextPropertiesToolbar-module__sizeButton:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.TextPropertiesToolbar-module__sizeButton:active{background:var(--color-gray-300)}.TextPropertiesToolbar-module__sizeInput{width:44px;padding:4px 0;border:none;background:transparent;text-align:center;font-size:13px;font-weight:500;color:var(--color-gray-700)}.TextPropertiesToolbar-module__sizeInput:focus{outline:none}.TextPropertiesToolbar-module__sizeInput::-webkit-inner-spin-button,.TextPropertiesToolbar-module__sizeInput::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.TextPropertiesToolbar-module__sizeInput[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.TextPropertiesToolbar-module__colorWrapper{position:relative;width:34px;height:34px;border:1px solid var(--color-gray-200);border-radius:6px;overflow:hidden;cursor:pointer}.TextPropertiesToolbar-module__colorWrapper:hover{border-color:var(--color-gray-300)}.TextPropertiesToolbar-module__colorPreview{position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:4px;pointer-events:none}.TextPropertiesToolbar-module__colorInput{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.TextPropertiesToolbar-module__alignButtons,.TextPropertiesToolbar-module__formatButtons{display:flex;align-items:center;gap:2px}.TextPropertiesToolbar-module__iconButton{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--color-gray-500);transition:all .15s ease}.TextPropertiesToolbar-module__iconButton:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.TextPropertiesToolbar-module__iconButton.TextPropertiesToolbar-module__active{background:var(--color-primary-50);color:var(--color-secondary-400);border-color:var(--color-primary-300)}.TextPropertiesToolbar-module__iconButton:active{background:var(--color-gray-200)}.TextPropertiesToolbar-module__deleteButton{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--color-gray-400);transition:all .15s ease}.TextPropertiesToolbar-module__deleteButton:hover{background:var(--color-danger-50);color:var(--color-danger);border-color:var(--color-danger-100)}.TextPropertiesToolbar-module__popoverWrapper{position:relative;display:inline-flex}.TextPropertiesToolbar-module__alignPopover{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,8px);box-shadow:var(
    --shadow-dropdown,0 10px 40px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.04)
  );padding:var(--spacing-2,8px);display:flex;gap:var(--spacing-1,4px);z-index:var(--z-popover,600);animation:TextPropertiesToolbar-module__popoverFadeIn var(--animation-duration-fast,.15s) ease}@keyframes TextPropertiesToolbar-module__popoverFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.TextPropertiesToolbar-module__alignButton{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md,6px);cursor:pointer;color:var(--color-gray-600,#4b5563);transition:all var(--transition-fast,.15s ease)}.TextPropertiesToolbar-module__alignButton:hover{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-900,#111827)}.TextPropertiesToolbar-module__alignButton.TextPropertiesToolbar-module__active{background:var(--color-primary-50,#eef2ff);color:var(--color-primary,#4f46e5)}.TextPropertiesToolbar-module__spacingPopover{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,8px);box-shadow:var(
    --shadow-dropdown,0 10px 40px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.04)
  );padding:var(--spacing-3,12px);min-width:220px;display:flex;flex-direction:column;gap:var(--spacing-3,12px);z-index:var(--z-popover,600);animation:TextPropertiesToolbar-module__popoverFadeIn var(--animation-duration-fast,.15s) ease}.TextPropertiesToolbar-module__spacingRow{display:flex;flex-direction:column;gap:var(--spacing-2,8px)}.TextPropertiesToolbar-module__spacingLabel{font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-medium,500);color:var(--color-gray-500,#6b7280)}.TextPropertiesToolbar-module__spacingControls{display:flex;align-items:center;gap:var(--spacing-2,8px)}.TextPropertiesToolbar-module__spacingSlider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-200,#e5e7eb);border-radius:2px;outline:none}.TextPropertiesToolbar-module__spacingSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary,#4f46e5);border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-transition:transform var(--transition-fast,.15s ease);transition:transform var(--transition-fast,.15s ease)}.TextPropertiesToolbar-module__spacingSlider::-webkit-slider-thumb:hover{transform:scale(1.1)}.TextPropertiesToolbar-module__spacingSlider::-moz-range-thumb{width:16px;height:16px;background:var(--color-primary,#4f46e5);border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.TextPropertiesToolbar-module__spacingInput{width:48px;height:28px;padding:4px 8px;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-sm,4px);font-size:var(--font-size-sm,12px);text-align:center;color:var(--color-gray-700,#374151);background:var(--color-gray-50,#f9fafb)}.TextPropertiesToolbar-module__spacingInput:focus{outline:none;border-color:var(--color-primary,#4f46e5)}.TextPropertiesToolbar-module__spacingInput::-webkit-inner-spin-button,.TextPropertiesToolbar-module__spacingInput::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.TextPropertiesToolbar-module__spacingInput[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media (max-width:768px){.TextPropertiesToolbar-module__toolbar{position:fixed;top:48px;bottom:auto;left:8px;right:8px;transform:none;width:auto;max-width:calc(100vw - 16px);overflow-x:auto;overflow-y:hidden;justify-content:flex-start;padding:0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;height:44px;z-index:1000}.TextPropertiesToolbar-module__toolbar::-webkit-scrollbar{display:none}[data-panel-open=true] .TextPropertiesToolbar-module__toolbar{left:8px;transform:none;max-width:calc(100vw - 16px)}.TextPropertiesToolbar-module__toolbarContent{flex-shrink:0;gap:4px;flex-wrap:nowrap;white-space:nowrap}.TextPropertiesToolbar-module__separator{height:20px;margin:0 2px;flex-shrink:0}.TextPropertiesToolbar-module__fontSelect{min-width:100px;font-size:12px;padding:4px 8px;height:32px}.TextPropertiesToolbar-module__sizeControls{height:32px}.TextPropertiesToolbar-module__sizeButton{width:28px;height:28px}.TextPropertiesToolbar-module__sizeInput{width:36px;font-size:12px}.TextPropertiesToolbar-module__colorWrapper,.TextPropertiesToolbar-module__deleteButton,.TextPropertiesToolbar-module__iconButton{width:32px;height:32px}.TextPropertiesToolbar-module__alignButtons,.TextPropertiesToolbar-module__formatButtons{flex-shrink:0}}.SlidePanel-module__panel{width:var(--size-panel-width,300px);min-width:var(--size-panel-width,300px);height:100%;max-height:100%;background:var(--color-bg-primary,#fff);border-right:1px solid var(--color-border,#e5e5e5);display:flex;flex-direction:column;overflow:hidden}@keyframes SlidePanel-module__slideInFromLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.SlidePanel-module__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4,16px);border-bottom:1px solid var(--color-border,#e5e5e5)}.SlidePanel-module__title{margin:0;font-size:var(--font-size-md,14px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#333)}.SlidePanel-module__closeButton{width:var(--size-button-sm,28px);height:var(--size-button-sm,28px);display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm,4px);font-size:var(--font-size-lg,20px);color:var(--color-text-secondary,#666);cursor:pointer;transition:background var(--transition-fast,.15s ease),color var(--transition-fast,.15s ease),transform var(--transition-fast,.15s ease)}.SlidePanel-module__closeButton:hover{background:var(--color-bg-tertiary,#f5f5f5);color:var(--color-text-primary,#333);transform:scale(1.05)}.SlidePanel-module__closeButton:active{transform:scale(.95)}.SlidePanel-module__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-4,16px)}.SlidePanel-module__content::-webkit-scrollbar{width:6px}.SlidePanel-module__content::-webkit-scrollbar-track{background:transparent}.SlidePanel-module__content::-webkit-scrollbar-thumb{background:var(--color-gray-300,#d0d0d0);border-radius:3px}.SlidePanel-module__content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400,#9ca3af)}@media (max-width:768px){.SlidePanel-module__panel{position:fixed;bottom:56px;bottom:calc(56px + env(safe-area-inset-bottom, 0));left:0;right:0;width:100%;min-width:100%;height:auto;max-height:60vh;border-right:none;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:90;animation:SlidePanel-module__slideUpFromBottom .25s ease-out}@keyframes SlidePanel-module__slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.SlidePanel-module__header{padding:var(--spacing-3,12px) var(--spacing-4,16px);border-bottom:1px solid var(--color-border,#e5e5e5);border-top-left-radius:16px;border-top-right-radius:16px}.SlidePanel-module__header:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:4px;background:var(--color-gray-300,#d0d0d0);border-radius:2px}.SlidePanel-module__title{font-size:var(--font-size-base,13px)}.SlidePanel-module__content{flex:1;overflow-y:auto;padding:var(--spacing-3,12px);max-height:calc(60vh - 60px)}}.ShapePropertiesToolbar-module__toolbar{position:fixed;top:55px;left:calc(50% + 36px);transform:translateX(-50%);z-index:1000;height:48px;background:var(--color-bg-primary);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:flex-start;padding:0 10px;max-width:calc(100vw - 72px - 32px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.ShapePropertiesToolbar-module__toolbar::-webkit-scrollbar{display:none}[data-panel-open=true] .ShapePropertiesToolbar-module__toolbar{left:calc(50% + 186px);max-width:calc(100vw - 372px - 32px)}.ShapePropertiesToolbar-module__toolbarContent{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.ShapePropertiesToolbar-module__separator{width:1px;height:24px;background:var(--color-gray-200);margin:0 4px}.ShapePropertiesToolbar-module__colorWrapper{position:relative;width:34px;height:34px;border:1px solid var(--color-gray-200);border-radius:6px;overflow:hidden;cursor:pointer}.ShapePropertiesToolbar-module__colorWrapper:hover{border-color:var(--color-gray-300)}.ShapePropertiesToolbar-module__colorPreview{position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:4px;pointer-events:none}.ShapePropertiesToolbar-module__colorInput{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.ShapePropertiesToolbar-module__controlGroup{display:flex;align-items:center;gap:0;background:var(--color-gray-100);border-radius:6px;border:1px solid var(--color-gray-200);height:34px}.ShapePropertiesToolbar-module__controlButton{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-gray-500);transition:all .15s ease}.ShapePropertiesToolbar-module__controlButton:first-child{border-radius:6px 0 0 6px}.ShapePropertiesToolbar-module__controlButton:last-child{border-radius:0 6px 6px 0}.ShapePropertiesToolbar-module__controlButton:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.ShapePropertiesToolbar-module__controlButton:active{background:var(--color-gray-300)}.ShapePropertiesToolbar-module__controlInput{width:44px;padding:4px 0;border:none;background:transparent;text-align:center;font-size:13px;font-weight:500;color:var(--color-gray-700)}.ShapePropertiesToolbar-module__controlInput:focus{outline:none}.ShapePropertiesToolbar-module__controlInput::-webkit-inner-spin-button,.ShapePropertiesToolbar-module__controlInput::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.ShapePropertiesToolbar-module__controlInput[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ShapePropertiesToolbar-module__iconButton{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--color-gray-500);transition:all .15s ease}.ShapePropertiesToolbar-module__iconButton:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.ShapePropertiesToolbar-module__iconButton.ShapePropertiesToolbar-module__active{background:var(--color-primary-50);color:var(--color-secondary-400);border-color:var(--color-primary-300)}.ShapePropertiesToolbar-module__iconButton:active{background:var(--color-gray-200)}.ShapePropertiesToolbar-module__deleteButton{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--color-gray-400);transition:all .15s ease}.ShapePropertiesToolbar-module__deleteButton:hover{background:var(--color-danger-50);color:var(--color-danger);border-color:var(--color-danger-100)}.ShapePropertiesToolbar-module__label{font-size:11px;color:var(--color-gray-500);margin-right:4px;font-weight:500}.ShapePropertiesToolbar-module__opacitySlider{width:80px;height:4px;border-radius:2px;background:var(--color-gray-200);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ShapePropertiesToolbar-module__opacitySlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-secondary-400);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.ShapePropertiesToolbar-module__opacitySlider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-secondary-400);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.ShapePropertiesToolbar-module__opacityValue{font-size:12px;color:var(--color-gray-700);font-weight:500;min-width:32px;text-align:center}.ShapePropertiesToolbar-module__colorPalette{display:flex;gap:4px;align-items:center}.ShapePropertiesToolbar-module__paletteColor{width:22px;height:22px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.ShapePropertiesToolbar-module__paletteColor:hover{transform:scale(1.1)}.ShapePropertiesToolbar-module__activePaletteColor{border-color:var(--color-gray-700);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--color-gray-700)}.ShapePropertiesToolbar-module__controlLabel{font-size:11px;color:var(--color-gray-500);font-weight:500;padding:0 8px;white-space:nowrap}.ShapePropertiesToolbar-module__controlUnit{font-size:11px;color:var(--color-gray-400);margin-right:4px}.ShapePropertiesToolbar-module__divider{width:1px;height:24px;background:var(--color-gray-200);margin:0 4px}.ShapePropertiesToolbar-module__modeToggle{display:flex;gap:4px;align-items:center}.ShapePropertiesToolbar-module__sliderGroup{display:flex;align-items:center;gap:8px}.ShapePropertiesToolbar-module__sliderLabel{font-size:12px;color:var(--color-gray-500);font-weight:500;min-width:50px}.ShapePropertiesToolbar-module__slider{width:80px;height:4px;border-radius:2px;background:var(--color-gray-200);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ShapePropertiesToolbar-module__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-secondary-400);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.ShapePropertiesToolbar-module__slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-secondary-400);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.ShapePropertiesToolbar-module__sliderGray{flex:1;height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-info-100),var(--color-info-500));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ShapePropertiesToolbar-module__sliderGray::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-gray-400);cursor:pointer}.ShapePropertiesToolbar-module__sliderGray::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-gray-400);cursor:pointer}.ShapePropertiesToolbar-module__sliderPurple{flex:1;height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-secondary-700),var(--color-secondary-400));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ShapePropertiesToolbar-module__sliderPurple::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-gray-400);cursor:pointer}.ShapePropertiesToolbar-module__sliderPurple::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-gray-400);cursor:pointer}.ShapePropertiesToolbar-module__sliderRow{display:flex;align-items:center;gap:12px}.ShapePropertiesToolbar-module__sliderInput{width:48px;padding:4px 6px;border:1px solid var(--color-gray-200);border-radius:4px;text-align:center;font-size:12px;font-weight:500;color:var(--color-gray-700)}.ShapePropertiesToolbar-module__sliderInput:focus{outline:none;border-color:var(--color-secondary-400)}.ShapePropertiesToolbar-module__sliderInput::-webkit-inner-spin-button,.ShapePropertiesToolbar-module__sliderInput::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.ShapePropertiesToolbar-module__sliderInput[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ShapePropertiesToolbar-module__popoverContainer{position:relative}.ShapePropertiesToolbar-module__popoverDropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;background:var(--color-bg-primary);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.12);padding:16px;min-width:220px;display:flex;flex-direction:column;gap:16px;z-index:1001}.ShapePropertiesToolbar-module__popoverSection{display:flex;flex-direction:column;gap:8px}.ShapePropertiesToolbar-module__popoverLabel{font-size:14px;color:var(--color-gray-900);font-weight:500}@media (max-width:768px){.ShapePropertiesToolbar-module__toolbar{position:fixed;top:48px;bottom:auto;left:8px;right:8px;transform:none;width:auto;max-width:calc(100vw - 16px);overflow-x:auto;overflow-y:hidden;justify-content:flex-start;padding:0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;height:44px;z-index:1000}.ShapePropertiesToolbar-module__toolbar::-webkit-scrollbar{display:none}[data-panel-open=true] .ShapePropertiesToolbar-module__toolbar{left:8px;transform:none;max-width:calc(100vw - 16px)}.ShapePropertiesToolbar-module__toolbarContent{flex-shrink:0;gap:4px;flex-wrap:nowrap;white-space:nowrap}.ShapePropertiesToolbar-module__divider,.ShapePropertiesToolbar-module__separator{height:20px;margin:0 2px;flex-shrink:0}.ShapePropertiesToolbar-module__controlGroup{height:32px}.ShapePropertiesToolbar-module__controlButton{width:28px;height:28px}.ShapePropertiesToolbar-module__controlInput{width:36px;font-size:12px}.ShapePropertiesToolbar-module__colorWrapper,.ShapePropertiesToolbar-module__deleteButton,.ShapePropertiesToolbar-module__iconButton{width:32px;height:32px}.ShapePropertiesToolbar-module__opacitySlider,.ShapePropertiesToolbar-module__slider{width:60px}.ShapePropertiesToolbar-module__controlLabel,.ShapePropertiesToolbar-module__label{font-size:10px}.ShapePropertiesToolbar-module__colorPalette{flex-shrink:0}.ShapePropertiesToolbar-module__paletteColor{width:20px;height:20px}.ShapePropertiesToolbar-module__popoverDropdown{position:fixed;top:auto;bottom:calc(56px + 48px + 16px + env(safe-area-inset-bottom, 0));left:50%;transform:translateX(-50%);min-width:200px;max-width:calc(100vw - 32px)}}.RenamePageDialog-module__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.RenamePageDialog-module__dialog{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:400px;padding:24px}.RenamePageDialog-module__title{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.RenamePageDialog-module__formGroup{margin-bottom:24px}.RenamePageDialog-module__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.RenamePageDialog-module__input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .2s;&:focus{border-color:#3b82f6}}.RenamePageDialog-module__buttonGroup{display:flex;justify-content:flex-end;gap:12px}.RenamePageDialog-module__button{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.RenamePageDialog-module__buttonSecondary{color:#374151;background-color:#f3f4f6;&:hover{background-color:#e5e7eb}}.RenamePageDialog-module__buttonPrimary{color:#fff;background-color:#3b82f6;&:hover{background-color:#2563eb}}.PagesBar-module__container{display:flex;flex-direction:column;border-top:1px solid #d1d5db;background-color:#fff;transition:height .3s ease-in-out;overflow:hidden}.PagesBar-module__containerOpen{height:170px}.PagesBar-module__containerClosed{height:44px}.PagesBar-module__header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:44px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.PagesBar-module__titleGroup{display:flex;align-items:center;gap:8px}.PagesBar-module__chevron{color:#6b7280}.PagesBar-module__title{font-size:13px;font-weight:600;color:#374151;letter-spacing:.5px}.PagesBar-module__content{flex:1;overflow-x:auto;overflow-y:hidden;background-color:#fafafa}.PagesBar-module__pagesList{display:flex;align-items:center;gap:20px;padding:16px 20px;min-width:-moz-max-content;min-width:max-content;height:100%}.PagesBar-module__pageItem{display:flex;flex-direction:column;align-items:center;position:relative}.PagesBar-module__pageCard{position:relative;cursor:pointer;border:2px solid transparent;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);background-color:#fff;transition:all .2s ease;&.PagesBar-module__active{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.25)}}.PagesBar-module__previewWrapper{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.PagesBar-module__pageBadge{left:4px;background-color:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;&.PagesBar-module__active{background-color:#3b82f6}}.PagesBar-module__moreButton,.PagesBar-module__pageBadge{position:absolute;top:4px;display:flex;align-items:center;justify-content:center}.PagesBar-module__moreButton{right:4px;width:20px;height:20px;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);&:hover{background-color:#f3f4f6}}.PagesBar-module__pageNameContainer{margin-top:6px;text-align:center;width:100%;padding:0 4px;max-width:72px}.PagesBar-module__pageName{font-size:11px;font-weight:500;color:#6b7280;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&.PagesBar-module__active{color:#3b82f6}}.PagesBar-module__dropdownMenu{position:fixed;background-color:#fff;border-radius:8px;box-shadow:0 -10px 25px rgba(0,0,0,.15);border:1px solid #e5e7eb;z-index:10000;width:140px;overflow:hidden}.PagesBar-module__dropdownItem{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:10px 14px;font-size:13px;color:#374151;background-color:transparent;border:none;cursor:pointer;text-align:left;&:hover{background-color:#f3f4f6}}.PagesBar-module__dropdownDivider{height:1px;background-color:#e5e7eb;margin:4px 0}@media (max-width:768px){.PagesBar-module__container{position:relative;left:0;margin-bottom:calc(56px + env(safe-area-inset-bottom, 0));z-index:90}.PagesBar-module__containerOpen{height:220px}}.PagePreview-module__previewContainer{background-color:#f5f5f5;overflow:hidden}.PageControls-module__pageControlsContainer{position:absolute;z-index:9999;display:flex;align-items:center;gap:12px;top:-50px;right:0;transition:opacity .2s ease;pointer-events:auto;opacity:1}.PageControls-module__pageControlsContainer.PageControls-module__active,.PageControls-module__pageControlsContainer.PageControls-module__inactive{opacity:1;pointer-events:auto}.PageControls-module__unifiedBar{display:flex;align-items:center;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;height:35px}.PageControls-module__iconButton{display:flex;align-items:center;justify-content:center;width:35px;height:100%;border:none;background:transparent;cursor:pointer;transition:background-color .2s;&:hover{background-color:#f3f4f6}&:disabled{opacity:.5;cursor:not-allowed}}.PageControls-module__divider{width:1px;height:24px;background-color:#e5e7eb;margin:0 2px}.PageControls-module__pageLabelContainer{display:flex;align-items:center;padding:0 12px;height:100%;border-left:1px solid #e5e7eb;font-size:14px;font-weight:600;color:#374151;max-width:200px}.PageControls-module__pageNameText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}@media (max-width:768px){.PageControls-module__pageNameText{font-size:12px}}.LeftToolbar-module__toolbar{width:var(--size-sidebar-width,72px);min-width:var(--size-sidebar-width,72px);height:100%;max-height:100%;background:var(--color-bg-primary,#fff);border-right:1px solid var(--color-border,#e5e5e5);display:flex;flex-direction:column;padding-bottom:var(--spacing-2,8px);overflow-y:auto;overflow-x:hidden}.LeftToolbar-module__toolbar::-webkit-scrollbar{width:4px}.LeftToolbar-module__toolbar::-webkit-scrollbar-track{background:transparent}.LeftToolbar-module__toolbar::-webkit-scrollbar-thumb{background:var(--color-gray-300,#d0d0d0);border-radius:2px}.LeftToolbar-module__toolbar::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400,#9ca3af)}.LeftToolbar-module__toolButton{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1,4px);padding:var(--spacing-3,12px) var(--spacing-1,4px);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast,.15s ease);position:relative}.LeftToolbar-module__toolButton:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--color-primary,#4f46e5);border-radius:0 2px 2px 0;transition:height var(--transition-fast,.15s ease)}.LeftToolbar-module__toolButton:hover{background:var(--color-gray-100,#f5f5f5)}.LeftToolbar-module__toolButton:hover .LeftToolbar-module__icon{transform:scale(1.1)}.LeftToolbar-module__toolButton.LeftToolbar-module__active{background:var(--color-primary-50,#eef2ff)}.LeftToolbar-module__toolButton.LeftToolbar-module__active:before{height:24px}.LeftToolbar-module__toolButton.LeftToolbar-module__active .LeftToolbar-module__icon{color:var(--color-primary,#4f46e5)}.LeftToolbar-module__toolButton.LeftToolbar-module__active .LeftToolbar-module__label{color:var(--color-primary-600,#4338ca);font-weight:var(--font-weight-medium,500)}.LeftToolbar-module__icon{font-size:var(--font-size-lg,20px);line-height:1;color:var(--color-gray-600,#4b5563);transition:all var(--transition-fast,.15s ease)}.LeftToolbar-module__label{font-size:var(--font-size-xs,10px);color:var(--color-gray-500,#666);text-align:center;line-height:var(--line-height-tight,1.2);transition:all var(--transition-fast,.15s ease)}@media (max-width:768px){.LeftToolbar-module__toolbar{position:fixed;bottom:0;left:0;right:0;width:100%;min-width:100%;height:56px;flex-direction:row;border-right:none;border-top:1px solid var(--color-border,#e5e5e5);padding:0 0 env(safe-area-inset-bottom,0);overflow-x:auto;overflow-y:hidden;z-index:100;-webkit-overflow-scrolling:touch;scrollbar-width:none}.LeftToolbar-module__toolbar::-webkit-scrollbar{display:none}.LeftToolbar-module__toolButton{flex-shrink:0;flex-direction:column;padding:var(--spacing-2,8px) var(--spacing-3,12px);min-width:56px}.LeftToolbar-module__toolButton:before{display:none}.LeftToolbar-module__icon{font-size:var(--font-size-lg,18px)}.LeftToolbar-module__label{font-size:9px;white-space:nowrap}}.ImagePropertiesToolbar-module__toolbar{position:fixed;top:55px;left:calc(50% + 36px);transform:translateX(-50%);z-index:1000;height:48px;background:var(--color-bg-primary);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:flex-start;padding:0 10px;max-width:calc(100vw - 72px - 32px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.ImagePropertiesToolbar-module__toolbar::-webkit-scrollbar{display:none}[data-panel-open=true] .ImagePropertiesToolbar-module__toolbar{left:calc(50% + 186px);max-width:calc(100vw - 372px - 32px)}.ImagePropertiesToolbar-module__toolbarContent{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.ImagePropertiesToolbar-module__separator{width:1px;height:24px;background:var(--color-gray-200);margin:0 4px}.ImagePropertiesToolbar-module__colorWrapper{position:relative;width:34px;height:34px;border:1px solid var(--color-gray-200);border-radius:6px;overflow:hidden;cursor:pointer}.ImagePropertiesToolbar-module__colorWrapper:hover{border-color:var(--color-gray-300)}.ImagePropertiesToolbar-module__colorPreview{position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:4px;pointer-events:none}.ImagePropertiesToolbar-module__colorInput{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.ImagePropertiesToolbar-module__controlGroup{display:flex;align-items:center;gap:0;background:var(--color-gray-100);border-radius:6px;border:1px solid var(--color-gray-200);height:34px}.ImagePropertiesToolbar-module__controlButton{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-gray-500);transition:all .15s ease}.ImagePropertiesToolbar-module__controlButton:first-child{border-radius:6px 0 0 6px}.ImagePropertiesToolbar-module__controlButton:last-child{border-radius:0 6px 6px 0}.ImagePropertiesToolbar-module__controlButton:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.ImagePropertiesToolbar-module__controlButton:active{background:var(--color-gray-300)}.ImagePropertiesToolbar-module__controlInput{width:44px;padding:4px 0;border:none;background:transparent;text-align:center;font-size:13px;font-weight:500;color:var(--color-gray-700)}.ImagePropertiesToolbar-module__controlInput:focus{outline:none}.ImagePropertiesToolbar-module__controlInput::-webkit-inner-spin-button,.ImagePropertiesToolbar-module__controlInput::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.ImagePropertiesToolbar-module__controlInput[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ImagePropertiesToolbar-module__iconButton{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--color-gray-500);transition:all .15s ease}.ImagePropertiesToolbar-module__iconButton:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.ImagePropertiesToolbar-module__iconButton.ImagePropertiesToolbar-module__active{background:var(--color-primary-50);color:var(--color-secondary-400);border-color:var(--color-primary-300)}.ImagePropertiesToolbar-module__iconButton:active{background:var(--color-gray-200)}.ImagePropertiesToolbar-module__deleteButton{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--color-gray-400);transition:all .15s ease}.ImagePropertiesToolbar-module__deleteButton:hover{background:var(--color-danger-50);color:var(--color-danger);border-color:var(--color-danger-100)}.ImagePropertiesToolbar-module__replaceButton{padding:6px 12px;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:6px;font-size:12px;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.ImagePropertiesToolbar-module__replaceButton:hover{background:var(--color-gray-200);border-color:var(--color-gray-300)}.ImagePropertiesToolbar-module__label{font-size:11px;color:var(--color-gray-500);margin-right:4px;font-weight:500}.ImagePropertiesToolbar-module__opacitySlider{width:80px;height:4px;border-radius:2px;background:var(--color-gray-200);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ImagePropertiesToolbar-module__opacitySlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-secondary-400);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.ImagePropertiesToolbar-module__opacitySlider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-secondary-400);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.ImagePropertiesToolbar-module__opacityValue{font-size:12px;color:var(--color-gray-700);font-weight:500;min-width:32px;text-align:center}.ImagePropertiesToolbar-module__hiddenInput{display:none}@media (max-width:768px){.ImagePropertiesToolbar-module__toolbar{position:fixed;top:48px;bottom:auto;left:8px;right:8px;transform:none;width:auto;max-width:calc(100vw - 16px);overflow-x:auto;overflow-y:hidden;justify-content:flex-start;padding:0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;height:44px;z-index:1000}.ImagePropertiesToolbar-module__toolbar::-webkit-scrollbar{display:none}[data-panel-open=true] .ImagePropertiesToolbar-module__toolbar{left:8px;transform:none;max-width:calc(100vw - 16px)}.ImagePropertiesToolbar-module__toolbarContent{flex-shrink:0;gap:4px;flex-wrap:nowrap;white-space:nowrap}.ImagePropertiesToolbar-module__separator{height:20px;margin:0 2px;flex-shrink:0}.ImagePropertiesToolbar-module__controlGroup{height:32px}.ImagePropertiesToolbar-module__controlButton{width:28px;height:28px}.ImagePropertiesToolbar-module__controlInput{width:36px;font-size:12px}.ImagePropertiesToolbar-module__colorWrapper,.ImagePropertiesToolbar-module__deleteButton,.ImagePropertiesToolbar-module__iconButton{width:32px;height:32px}.ImagePropertiesToolbar-module__replaceButton{padding:4px 10px;font-size:11px}.ImagePropertiesToolbar-module__opacitySlider{width:60px}.ImagePropertiesToolbar-module__label{font-size:10px}}.FontPicker-module__fontPicker{position:relative;z-index:var(--z-dropdown,100)}.FontPicker-module__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2,8px);padding:var(--spacing-2,8px) var(--spacing-3,12px);background:var(--color-bg-primary,#fff);border:1px solid var(--color-gray-300,#d1d5db);border-radius:var(--radius-lg,8px);color:var(--color-gray-800,#1f2937);font-size:var(--font-size-base,13px);font-weight:var(--font-weight-medium,500);cursor:pointer;min-width:150px;max-width:180px;transition:all var(--transition-fast,.15s ease);box-shadow:var(--shadow-xs,0 1px 2px rgba(0,0,0,.05))}.FontPicker-module__trigger:hover{background:var(--color-gray-50,#f9fafb);border-color:var(--color-gray-400,#9ca3af)}.FontPicker-module__triggerText{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.FontPicker-module__chevron{flex-shrink:0;font-size:var(--font-size-md,14px);color:var(--color-gray-500,#6b7280);transition:transform var(--transition-base,.2s ease)}.FontPicker-module__chevron.FontPicker-module__open{transform:rotate(180deg)}.FontPicker-module__dropdown{position:absolute;top:calc(100% + var(--spacing-1, 4px));left:0;width:340px;max-height:480px;background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-xl,12px);box-shadow:var(
    --shadow-dropdown,0 10px 40px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.04)
  );display:flex;flex-direction:column;overflow:hidden;animation:FontPicker-module__dropdownFadeIn var(--animation-duration-fast,.15s) ease}.FontPicker-module__dropdownPortal{position:fixed;z-index:9999}@keyframes FontPicker-module__dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.FontPicker-module__searchWrapper{position:relative;padding:var(--spacing-3,12px);border-bottom:1px solid var(--color-gray-100,#f3f4f6)}.FontPicker-module__searchIcon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--color-gray-400,#9ca3af);font-size:var(--font-size-lg,16px);pointer-events:none}.FontPicker-module__searchInput{width:100%;padding:var(--spacing-3,10px) var(--spacing-9,36px) var(--spacing-3,10px) 40px;background:var(--color-gray-50,#f9fafb);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,8px);color:var(--color-gray-800,#1f2937);font-size:var(--font-size-md,14px);outline:none;transition:all var(--transition-fast,.15s ease)}.FontPicker-module__searchInput:focus{background:var(--color-bg-primary,#fff);border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.FontPicker-module__searchInput::-moz-placeholder{color:var(--color-gray-400,#9ca3af)}.FontPicker-module__searchInput::placeholder{color:var(--color-gray-400,#9ca3af)}.FontPicker-module__clearButton{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:var(--color-gray-200,#e5e7eb);border:none;color:var(--color-gray-500,#6b7280);cursor:pointer;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm,12px);transition:all var(--transition-fast,.15s ease)}.FontPicker-module__clearButton:hover{background:var(--color-gray-300,#d1d5db);color:var(--color-gray-700,#374151);transform:translateY(-50%) scale(1.1)}.FontPicker-module__currentFontSection{padding:var(--spacing-2,8px) var(--spacing-3,12px);border-bottom:1px solid var(--color-gray-100,#f3f4f6);background:var(--color-gray-50,#f9fafb)}.FontPicker-module__currentFontLabel{font-size:var(--font-size-xs,10px);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-500,#6b7280);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-family:var(--font-family)}.FontPicker-module__currentFont{background:var(--color-primary-50,#eef2ff)!important;border:1px solid var(--color-primary-200,#c7d2fe)}.FontPicker-module__currentFont:hover{background:var(--color-primary-100,#e0e7ff)!important}.FontPicker-module__checkIcon{color:var(--color-primary,#6366f1);font-size:var(--font-size-lg,16px);flex-shrink:0}.FontPicker-module__categories{display:flex;gap:6px;padding:var(--spacing-3,10px) var(--spacing-3,12px);border-bottom:1px solid var(--color-gray-100,#f3f4f6);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.FontPicker-module__categories::-webkit-scrollbar{display:none}.FontPicker-module__categoryChip{flex-shrink:0;padding:6px 14px;background:var(--color-gray-100,#f3f4f6);border:none;border-radius:var(--radius-full,20px);color:var(--color-gray-600,#4b5563);font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-medium,500);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast,.15s ease);white-space:nowrap}.FontPicker-module__categoryChip:hover{background:var(--color-gray-200,#e5e7eb);color:var(--color-gray-800,#1f2937);transform:scale(1.02)}.FontPicker-module__categoryChip.FontPicker-module__active{background:var(--color-primary,#6366f1);color:var(--color-text-inverse,#fff)}.FontPicker-module__fontList{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2,8px);min-height:200px;max-height:280px}.FontPicker-module__fontList::-webkit-scrollbar{width:6px}.FontPicker-module__fontList::-webkit-scrollbar-track{background:transparent}.FontPicker-module__fontList::-webkit-scrollbar-thumb{background:var(--color-gray-300,#d1d5db);border-radius:3px}.FontPicker-module__fontList::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400,#9ca3af)}.FontPicker-module__fontOption{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3,10px) var(--spacing-3,12px);background:transparent;border:none;border-radius:var(--radius-lg,8px);color:var(--color-gray-800,#1f2937);font-size:var(--font-size-md,14px);cursor:pointer;text-align:left;transition:all var(--transition-fast,.1s ease);gap:var(--spacing-2,8px);min-width:0;box-sizing:border-box}.FontPicker-module__fontOption:hover{background:var(--color-gray-100,#f3f4f6);transform:translateX(4px)}.FontPicker-module__fontOption.FontPicker-module__selected{background:var(--color-primary-50,#eef2ff)}.FontPicker-module__fontName{flex:1;min-width:0;font-size:var(--font-size-md,14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FontPicker-module__fontTag{flex-shrink:0;padding:3px var(--spacing-2,8px);background:var(--color-gray-100,#f3f4f6);border-radius:var(--radius-sm,4px);font-size:var(--font-size-xs,10px);font-weight:var(--font-weight-medium,500);color:var(--color-gray-500,#6b7280);text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-family)}.FontPicker-module__fontTag.FontPicker-module__customTag{background:var(--color-warning-100,#fef3c7);color:var(--color-warning-600)}.FontPicker-module__loadingText,.FontPicker-module__noResults{padding:var(--spacing-8,32px) var(--spacing-4,16px);text-align:center;color:var(--color-gray-500,#6b7280);font-size:var(--font-size-base,13px)}.FontPicker-module__moreHint{padding:var(--spacing-3,12px) var(--spacing-4,16px);text-align:center;color:var(--color-gray-400,#9ca3af);font-size:var(--font-size-sm,12px);border-top:1px solid var(--color-gray-100,#f3f4f6)}.FontPicker-module__uploadSection{padding:var(--spacing-3,12px);border-top:1px solid var(--color-gray-100,#f3f4f6);background:var(--color-gray-50,#fafafa)}.FontPicker-module__uploadButton{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2,8px);width:100%;padding:var(--spacing-3,10px) var(--spacing-4,16px);background:var(--color-bg-primary,#fff);border:1px dashed var(--color-gray-300,#d1d5db);border-radius:var(--radius-lg,8px);color:var(--color-gray-600,#4b5563);font-size:var(--font-size-base,13px);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.FontPicker-module__uploadButton:hover{background:var(--color-gray-50,#f9fafb);border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1);transform:scale(1.01)}.FontPicker-module__uploadButton svg{font-size:var(--font-size-lg,16px)}.FontPicker-module__loadMoreTrigger{min-height:20px;padding:var(--spacing-2,8px)}.FontPicker-module__loadingMore{padding:var(--spacing-3,12px) var(--spacing-4,16px);text-align:center;color:var(--color-gray-500,#6b7280);font-size:var(--font-size-sm,12px);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2,8px)}.FontPicker-module__loadingMore:before{content:"";width:14px;height:14px;border:2px solid var(--color-gray-300,#d1d5db);border-top-color:var(--color-primary,#6366f1);border-radius:50%;animation:FontPicker-module__spin .8s linear infinite}@keyframes FontPicker-module__spin{to{transform:rotate(1turn)}}.FontPicker-module__errorState{padding:var(--spacing-4,16px);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3,12px);text-align:center}.FontPicker-module__errorText{color:var(--color-error,#ef4444);font-size:var(--font-size-sm,12px)}.FontPicker-module__endOfList{padding:var(--spacing-3,12px) var(--spacing-4,16px);text-align:center;color:var(--color-gray-400,#9ca3af);font-size:var(--font-size-xs,11px);border-top:1px solid var(--color-gray-100,#f3f4f6);margin-top:var(--spacing-2,8px)}@media (max-width:768px){.FontPicker-module__trigger{min-width:100px;max-width:140px;padding:var(--spacing-1,4px) var(--spacing-2,8px);font-size:var(--font-size-sm,12px)}.FontPicker-module__dropdown{width:calc(100vw - 16px);max-width:340px;max-height:50vh;z-index:9999}.FontPicker-module__fontList{max-height:calc(50vh - 150px)}.FontPicker-module__fontOption{padding:var(--spacing-2,8px) var(--spacing-3,10px);font-size:var(--font-size-base,13px)}.FontPicker-module__searchInput{font-size:var(--font-size-base,14px)}.FontPicker-module__categoryChip{padding:5px 12px;font-size:var(--font-size-xs,11px)}}.DrawModeToolbar-module__container{position:fixed;left:calc(var(--size-sidebar-width, 72px) + 8px);top:calc(55px + 4 * 52px);z-index:1000;display:flex;gap:8px}.DrawModeToolbar-module__toolbar{background:var(--color-bg-primary);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:8px;display:flex;flex-direction:column;gap:4px}.DrawModeToolbar-module__iconButton{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);transition:all .15s ease}.DrawModeToolbar-module__iconButton:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.DrawModeToolbar-module__iconButton.DrawModeToolbar-module__active{background:var(--color-primary-50);color:var(--color-secondary-400)}.DrawModeToolbar-module__colorDot{width:18px;height:18px;border-radius:4px;border:1px solid var(--color-gray-200)}.DrawModeToolbar-module__colorPickerGroup{display:flex;flex-direction:column;align-items:center;gap:4px}.DrawModeToolbar-module__colorInputRow{display:flex;align-items:center;gap:12px}.DrawModeToolbar-module__colorPickerTrigger{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:conic-gradient(from 0deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);padding:3px;transition:all .15s ease;position:relative}.DrawModeToolbar-module__colorPickerTrigger:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.15)}.DrawModeToolbar-module__colorPickerTrigger.DrawModeToolbar-module__active{transform:scale(1.05);box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-secondary-400)}.DrawModeToolbar-module__hiddenColorInput{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.DrawModeToolbar-module__plusIcon{width:100%;height:100%;background:var(--color-bg-primary);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:300;color:var(--color-gray-500);line-height:1;pointer-events:none}.DrawModeToolbar-module__colorPreview{width:40px;height:40px;border-radius:8px;border:2px solid var(--color-gray-200);cursor:default}.DrawModeToolbar-module__divider{width:100%;height:1px;background:var(--color-gray-200);margin:4px 0}.DrawModeToolbar-module__popover{background:var(--color-bg-primary);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:16px;min-width:220px;display:flex;flex-direction:column;gap:16px}.DrawModeToolbar-module__popoverLabel{font-size:14px;color:var(--color-gray-900);font-weight:500}.DrawModeToolbar-module__colorInput{width:100%;height:40px;border:1px solid var(--color-gray-200);border-radius:8px;cursor:pointer;padding:4px}.DrawModeToolbar-module__colorPalette{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.DrawModeToolbar-module__colorSwatch{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.DrawModeToolbar-module__colorSwatch:hover{transform:scale(1.1)}.DrawModeToolbar-module__colorSwatchActive{border-color:var(--color-gray-700);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--color-gray-700)}.DrawModeToolbar-module__sliderSection{display:flex;flex-direction:column;gap:8px}.DrawModeToolbar-module__sliderRow{display:flex;align-items:center;gap:12px}.DrawModeToolbar-module__sliderGray{flex:1;height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-info-100),var(--color-info-500));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.DrawModeToolbar-module__sliderGray::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-gray-400);cursor:pointer}.DrawModeToolbar-module__sliderGray::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-gray-400);cursor:pointer}.DrawModeToolbar-module__sliderPurple{flex:1;height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-secondary-700),var(--color-secondary-400));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.DrawModeToolbar-module__sliderPurple::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-gray-400);cursor:pointer}.DrawModeToolbar-module__sliderPurple::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-gray-400);cursor:pointer}.DrawModeToolbar-module__sliderInput{width:50px;padding:8px;border:1px solid var(--color-gray-200);border-radius:8px;text-align:center;font-size:14px;color:var(--color-gray-700)}.DrawModeToolbar-module__sliderInput:focus{outline:none;border-color:var(--color-secondary-400)}.DrawModeToolbar-module__sliderInput::-webkit-inner-spin-button,.DrawModeToolbar-module__sliderInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.DrawModeToolbar-module__sliderInput[type=number]{-moz-appearance:textfield}@media (max-width:768px){.DrawModeToolbar-module__container{left:50%;transform:translateX(-50%);top:auto;bottom:calc(56px + 16px + env(safe-area-inset-bottom, 0));flex-direction:column}.DrawModeToolbar-module__toolbar{flex-direction:row;padding:6px;gap:2px}.DrawModeToolbar-module__iconButton{width:32px;height:32px}.DrawModeToolbar-module__colorDot{width:16px;height:16px}.DrawModeToolbar-module__colorPickerTrigger,.DrawModeToolbar-module__colorPreview{width:32px;height:32px}.DrawModeToolbar-module__divider{width:1px;height:24px;margin:0 2px}.DrawModeToolbar-module__popover{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 12px);top:auto;min-width:auto;max-width:calc(100vw - 32px);width:-moz-max-content;width:max-content;z-index:1001}.DrawModeToolbar-module__colorPalette{grid-template-columns:repeat(7,1fr)}.DrawModeToolbar-module__colorSwatch{width:24px;height:24px}.DrawModeToolbar-module__sliderInput{width:45px;padding:6px;font-size:12px}}.DownloadPanel-module__downloadPanel{position:absolute;top:100%;right:0;margin-top:var(--spacing-1,4px);background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-lg,8px);box-shadow:var(--shadow-dropdown,0 8px 24px rgba(0,0,0,.12));padding:var(--spacing-4,16px);min-width:220px;z-index:var(--z-dropdown,100);animation:DownloadPanel-module__dropdownFadeIn var(--animation-duration-fast,.15s) ease}@keyframes DownloadPanel-module__dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.DownloadPanel-module__formGroup{margin-bottom:var(--spacing-3,12px)}.DownloadPanel-module__label{display:block;font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary,#666);margin-bottom:var(--spacing-2,8px)}.DownloadPanel-module__select{width:100%;padding:var(--spacing-2,8px) var(--spacing-3,12px);background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);color:var(--color-text-primary,#333);font-size:var(--font-size-base,13px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M3 4l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.DownloadPanel-module__select:hover{border-color:var(--color-border-hover,#ccc)}.DownloadPanel-module__select:focus{outline:none;border-color:var(--color-primary,#4f46e5);box-shadow:0 0 0 2px rgba(79,70,229,.1)}.DownloadPanel-module__qualitySlider{display:flex;flex-direction:column;gap:var(--spacing-2,8px)}.DownloadPanel-module__slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-200,#e5e5e5);border-radius:2px;outline:none}.DownloadPanel-module__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary,#4f46e5);border-radius:50%;cursor:pointer;-webkit-transition:transform var(--transition-fast,.15s ease);transition:transform var(--transition-fast,.15s ease);box-shadow:0 2px 4px rgba(0,0,0,.15)}.DownloadPanel-module__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.DownloadPanel-module__slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-primary,#4f46e5);border-radius:50%;cursor:pointer;border:none}.DownloadPanel-module__qualityLabels{display:flex;justify-content:space-between;font-size:var(--font-size-xs,10px);color:var(--color-text-tertiary,#999)}.DownloadPanel-module__qualityLabels span{transition:color var(--transition-fast,.15s ease)}.DownloadPanel-module__qualityLabels .DownloadPanel-module__activeLabel{color:var(--color-primary,#4f46e5);font-weight:var(--font-weight-medium,500)}.DownloadPanel-module__dimensions{display:flex;align-items:center;gap:var(--spacing-2,8px);padding:var(--spacing-2,8px) 0;margin-bottom:var(--spacing-3,12px)}.DownloadPanel-module__dimensions span{font-size:var(--font-size-sm,12px);color:var(--color-text-secondary,#666)}.DownloadPanel-module__downloadButton{width:100%;justify-content:center}.DeletePageDialog-module__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.DeletePageDialog-module__dialog{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:400px;padding:24px}.DeletePageDialog-module__title{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.DeletePageDialog-module__message{font-size:14px;color:#4b5563;margin-bottom:24px;line-height:1.5}.DeletePageDialog-module__buttonGroup{display:flex;justify-content:flex-end;gap:12px}.DeletePageDialog-module__button{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.DeletePageDialog-module__buttonSecondary{color:#374151;background-color:#f3f4f6;&:hover{background-color:#e5e7eb}}.DeletePageDialog-module__buttonDanger{color:#fff;background-color:#ef4444;&:hover{background-color:#dc2626}}.Button-module__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2,8px);border:1px solid transparent;font-family:var(--font-family,inherit);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--transition-fast,.15s ease);white-space:nowrap;text-decoration:none;outline:none}.Button-module__button:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary,#fff),0 0 0 4px var(--color-primary,#4f46e5)}.Button-module__button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.Button-module__button:active:not(:disabled){transform:scale(.97)}.Button-module__sm{height:28px;padding:4px 10px;font-size:var(--font-size-sm,12px);border-radius:var(--radius-sm,4px)}.Button-module__sm.Button-module__iconOnly{width:28px;padding:0}.Button-module__md{height:34px;padding:6px 14px;font-size:var(--font-size-base,13px);border-radius:var(--radius-md,6px)}.Button-module__md.Button-module__iconOnly{width:34px;padding:0}.Button-module__lg{height:40px;padding:8px 20px;font-size:var(--font-size-md,14px);border-radius:var(--radius-lg,8px)}.Button-module__lg.Button-module__iconOnly{width:40px;padding:0}.Button-module__primary{background:var(--color-primary,#4f46e5);color:var(--color-text-inverse,#fff);border-color:var(--color-primary,#4f46e5)}.Button-module__primary:hover:not(:disabled){background:var(--color-primary-600,#4338ca);border-color:var(--color-primary-600,#4338ca)}.Button-module__secondary{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-700,#374151);border-color:var(--color-gray-200,#e5e7eb)}.Button-module__secondary:hover:not(:disabled){background:var(--color-gray-200,#e5e7eb);border-color:var(--color-gray-300,#d1d5db)}.Button-module__outline{background:transparent;color:var(--color-primary,#4f46e5);border-color:var(--color-primary,#4f46e5)}.Button-module__outline:hover:not(:disabled){background:var(--color-primary-50,#eef2ff)}.Button-module__ghost{background:transparent;color:var(--color-gray-600,#4b5563);border-color:transparent}.Button-module__ghost:hover:not(:disabled){background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-900,#111827)}.Button-module__danger{background:var(--color-danger,#ef4444);color:var(--color-text-inverse,#fff);border-color:var(--color-danger,#ef4444)}.Button-module__danger:hover:not(:disabled){background:var(--color-danger-600,#dc2626);border-color:var(--color-danger-600,#dc2626)}.Button-module__dangerGhost{background:transparent;color:var(--color-gray-400,#9ca3af);border-color:transparent}.Button-module__dangerGhost:hover:not(:disabled){background:var(--color-danger-50,#fef2f2);color:var(--color-danger,#ef4444)}.Button-module__success{background:var(--color-success,#22c55e);color:var(--color-text-inverse,#fff);border-color:var(--color-success,#22c55e)}.Button-module__success:hover:not(:disabled){background:var(--color-success-600,#16a34a);border-color:var(--color-success-600,#16a34a)}.Button-module__iconOnly{gap:0}.Button-module__iconOnly .Button-module__icon{font-size:1.25em}.Button-module__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.Button-module__iconLeft{order:-1}.Button-module__iconRight{order:1}.Button-module__fullWidth{width:100%}.Button-module__loading{position:relative;color:transparent!important}.Button-module__loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:Button-module__spin .6s linear infinite}@keyframes Button-module__spin{to{transform:rotate(1turn)}}.Button-module__active{background:var(--color-primary-100,#e0e7ff);color:var(--color-primary,#4f46e5);border-color:var(--color-primary-200,#c7d2fe)}.Button-module__active:hover:not(:disabled){background:var(--color-primary-200,#c7d2fe)}.Button-module__ghost.Button-module__active{background:var(--color-primary-50,#eef2ff);color:var(--color-primary,#4f46e5)}.Button-module__ghost.Button-module__active:hover:not(:disabled){background:var(--color-primary-100,#e0e7ff)}.AddPageDialog-module__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.AddPageDialog-module__dialog{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:400px;padding:24px}.AddPageDialog-module__title{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px}.AddPageDialog-module__formGroup{margin-bottom:16px;&.AddPageDialog-module__last{margin-bottom:24px}}.AddPageDialog-module__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.AddPageDialog-module__input,.AddPageDialog-module__select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;background-color:#fff;transition:border-color .2s;&:focus{border-color:#3b82f6}}.AddPageDialog-module__select{cursor:pointer}.AddPageDialog-module__buttonGroup{display:flex;justify-content:flex-end;gap:12px}.AddPageDialog-module__button{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.AddPageDialog-module__buttonSecondary{color:#374151;background-color:#f3f4f6;&:hover{background-color:#e5e7eb}}.AddPageDialog-module__buttonPrimary{color:#fff;background-color:#3b82f6;&:hover{background-color:#2563eb}}.StrokeSettingsPopover-module__sliderSection{display:flex;flex-direction:column;gap:8px}.StrokeSettingsPopover-module__sliderSection+.StrokeSettingsPopover-module__sliderSection{margin-top:16px}.StrokeSettingsPopover-module__sliderLabel{font-size:14px;color:var(--color-gray-900,#111827);font-weight:500}.StrokeSettingsPopover-module__sliderRow{display:flex;align-items:center;gap:12px}.StrokeSettingsPopover-module__sliderBlue{flex:1;height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-info-100,#dbeafe),var(--color-info-500,#3b82f6));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.StrokeSettingsPopover-module__sliderBlue::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary,#fff);border:2px solid var(--color-gray-400,#9ca3af);cursor:pointer}.StrokeSettingsPopover-module__sliderBlue::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary,#fff);border:2px solid var(--color-gray-400,#9ca3af);cursor:pointer}.StrokeSettingsPopover-module__sliderPurple{flex:1;height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-secondary-700,#7c3aed),var(--color-secondary-400,#a78bfa));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.StrokeSettingsPopover-module__sliderPurple::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary,#fff);border:2px solid var(--color-gray-400,#9ca3af);cursor:pointer}.StrokeSettingsPopover-module__sliderPurple::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary,#fff);border:2px solid var(--color-gray-400,#9ca3af);cursor:pointer}.StrokeSettingsPopover-module__sliderInput{width:50px;padding:8px;border:1px solid var(--color-gray-200,#e5e7eb);border-radius:8px;text-align:center;font-size:14px;color:var(--color-gray-700,#374151)}.StrokeSettingsPopover-module__sliderInput:focus{outline:none;border-color:var(--color-secondary-400,#a78bfa)}.StrokeSettingsPopover-module__sliderInput::-webkit-inner-spin-button,.StrokeSettingsPopover-module__sliderInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.StrokeSettingsPopover-module__sliderInput[type=number]{-moz-appearance:textfield}.Popover-module__popover{position:relative;display:inline-flex}.Popover-module__trigger{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px;height:34px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md,6px);color:var(--color-gray-600,#4b5563);font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all var(--transition-fast,.15s ease);white-space:nowrap}.Popover-module__trigger:hover{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-900,#111827)}.Popover-module__trigger.Popover-module__active{background:var(--color-primary-50,#eef2ff);color:var(--color-primary,#4f46e5)}.Popover-module__chevron{font-size:12px;opacity:.6;transition:transform var(--transition-fast,.15s ease)}.Popover-module__chevronOpen{transform:rotate(180deg)}.Popover-module__dropdown{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);min-width:200px;background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,8px);box-shadow:var(
    --shadow-dropdown,0 10px 40px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.04)
  );z-index:var(--z-popover,600);padding:var(--spacing-3,12px);animation:Popover-module__popoverFadeIn var(--animation-duration-fast,.15s) ease}.Popover-module__dropdownFixed{position:fixed;top:0;left:0;transform:none;z-index:9999;animation:Popover-module__popoverFadeInFixed var(--animation-duration-fast,.15s) ease;max-width:calc(100vw - 16px)}@keyframes Popover-module__popoverFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes Popover-module__popoverFadeInFixed{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.Popover-module__dropdown,.Popover-module__dropdownFixed{max-width:calc(100vw - 16px);min-width:200px;padding:var(--spacing-3,10px)}.Popover-module__trigger{padding:4px;height:32px;min-width:32px}.Popover-module__buttonGrid,.Popover-module__positionGrid{gap:2px}.Popover-module__flipButton,.Popover-module__gridButton,.Popover-module__positionButton{padding:var(--spacing-2,6px) var(--spacing-2,8px);font-size:var(--font-size-xs,11px)}.Popover-module__positionDropdown{min-width:220px}.Popover-module__labeledSliderRow{flex-wrap:wrap;gap:4px}.Popover-module__sliderLabel{min-width:70px;font-size:var(--font-size-xs,11px)}.Popover-module__labeledSliderRow .Popover-module__valueInput{width:44px}}.Popover-module__popoverTitle{font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-medium,500);color:var(--color-gray-500,#6b7280);margin-bottom:var(--spacing-2,8px)}.Popover-module__popoverSection{margin-bottom:var(--spacing-3,12px)}.Popover-module__popoverSection:last-child{margin-bottom:0}.Popover-module__popoverSectionTitle{font-size:var(--font-size-xs,11px);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-400,#9ca3af);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-2,8px)}.Popover-module__sliderRow{display:flex;align-items:center;gap:var(--spacing-2,8px)}.Popover-module__slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-200,#e5e7eb);border-radius:2px;outline:none}.Popover-module__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary,#4f46e5);border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-transition:transform var(--transition-fast,.15s ease);transition:transform var(--transition-fast,.15s ease)}.Popover-module__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.Popover-module__slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-primary,#4f46e5);border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.Popover-module__valueInput{width:48px;height:28px;padding:4px 8px;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-sm,4px);font-size:var(--font-size-sm,12px);text-align:center;color:var(--color-gray-700,#374151);background:var(--color-gray-50,#f9fafb)}.Popover-module__valueInput:focus{outline:none;border-color:var(--color-primary,#4f46e5)}.Popover-module__valueInput::-webkit-inner-spin-button,.Popover-module__valueInput::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.Popover-module__valueInput[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.Popover-module__buttonGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-1,4px)}.Popover-module__buttonGrid3{display:flex;justify-content:center;align-items:center}.Popover-module__gridButton{display:flex;align-items:center;gap:var(--spacing-2,8px);padding:var(--spacing-2,8px) var(--spacing-3,12px);background:transparent;border:none;border-radius:var(--radius-md,6px);color:var(--color-gray-700,#374151);font-size:var(--font-size-sm,12px);cursor:pointer;transition:all var(--transition-fast,.15s ease);text-align:left}.Popover-module__gridButton:hover{background:var(--color-gray-100,#f3f4f6)}.Popover-module__gridButton.Popover-module__active{background:var(--color-primary-50,#eef2ff);color:var(--color-primary,#4f46e5)}.Popover-module__gridButtonIcon{font-size:16px;flex-shrink:0}.Popover-module__styleOptions{display:flex;gap:var(--spacing-1,4px);margin-bottom:var(--spacing-3,12px)}.Popover-module__styleOption{flex:1;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50,#f9fafb);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,6px);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.Popover-module__styleOption:hover{background:var(--color-gray-100,#f3f4f6);border-color:var(--color-gray-300,#d1d5db)}.Popover-module__styleOption.Popover-module__active{background:var(--color-primary-50,#eef2ff);border-color:var(--color-primary,#4f46e5)}.Popover-module__styleOptionNone{font-size:18px;color:var(--color-gray-400,#9ca3af)}.Popover-module__styleOptionLine{width:24px;height:2px;background:var(--color-gray-600,#4b5563)}.Popover-module__styleOptionDashed{width:24px;height:2px;background:repeating-linear-gradient(to right,var(--color-gray-600,#4b5563),var(--color-gray-600,#4b5563) 4px,transparent 4px,transparent 8px)}.Popover-module__styleOptionDotted{width:24px;height:2px;background:repeating-linear-gradient(to right,var(--color-gray-600,#4b5563),var(--color-gray-600,#4b5563) 2px,transparent 2px,transparent 5px)}.Popover-module__colorRow{display:flex;align-items:center;gap:var(--spacing-2,8px);margin-bottom:var(--spacing-3,12px)}.Popover-module__colorLabel{font-size:var(--font-size-sm,12px);color:var(--color-gray-500,#6b7280);min-width:40px}.Popover-module__colorWrapper{position:relative;width:32px;height:32px;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,6px);overflow:hidden;cursor:pointer}.Popover-module__colorPreview{position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:var(--radius-sm,4px);pointer-events:none}.Popover-module__colorInput{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.Popover-module__divider{height:1px;background:var(--color-border,#e5e7eb);margin:var(--spacing-3,12px) 0}.Popover-module__trigger.Popover-module__open{background:var(--color-gray-100,#f3f4f6)}.Popover-module__flipGrid{display:flex;flex-direction:column;gap:var(--spacing-1,4px);min-width:160px}.Popover-module__flipButton{display:flex;align-items:center;gap:var(--spacing-2,8px);padding:var(--spacing-2,8px) var(--spacing-3,12px);background:transparent;border:none;border-radius:var(--radius-md,6px);color:var(--color-gray-700,#374151);font-size:var(--font-size-sm,12px);cursor:pointer;transition:all var(--transition-fast,.15s ease);text-align:left}.Popover-module__flipButton:hover{background:var(--color-gray-100,#f3f4f6)}.Popover-module__flipButton.Popover-module__active{background:var(--color-primary-50,#eef2ff);color:var(--color-primary,#4f46e5)}.Popover-module__flipIcon{font-size:18px;flex-shrink:0}.Popover-module__positionDropdown{min-width:280px}.Popover-module__positionGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-1,4px)}.Popover-module__positionButton{display:flex;align-items:center;gap:var(--spacing-2,8px);padding:var(--spacing-2,8px) var(--spacing-3,12px);background:transparent;border:none;border-radius:var(--radius-md,6px);color:var(--color-gray-700,#374151);font-size:var(--font-size-sm,12px);cursor:pointer;transition:all var(--transition-fast,.15s ease);text-align:left}.Popover-module__positionButton:hover{background:var(--color-gray-100,#f3f4f6)}.Popover-module__positionIcon{font-size:16px;flex-shrink:0;color:var(--color-gray-500,#6b7280)}.Popover-module__toggleRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3,12px)}.Popover-module__toggleLabel{font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700,#374151)}.Popover-module__toggle{position:relative;width:40px;height:22px;background:var(--color-gray-200,#e5e7eb);border:none;border-radius:11px;cursor:pointer;transition:background var(--transition-fast,.15s ease);padding:0}.Popover-module__toggle:hover{background:var(--color-gray-300,#d1d5db)}.Popover-module__toggleActive{background:var(--color-primary,#4f46e5)}.Popover-module__toggleActive:hover{background:var(--color-primary-dark,#4338ca)}.Popover-module__toggleThumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--transition-fast,.15s ease);box-shadow:0 1px 3px rgba(0,0,0,.2)}.Popover-module__toggleActive .Popover-module__toggleThumb{transform:translateX(18px)}.Popover-module__labeledSliderRow{display:flex;align-items:center;gap:var(--spacing-2,8px);margin-bottom:var(--spacing-2,8px)}.Popover-module__sliderLabel{font-size:var(--font-size-sm,12px);color:var(--color-gray-500,#6b7280);min-width:56px;flex-shrink:0}.Popover-module__labeledSliderRow .Popover-module__slider{flex:1;min-width:80px}.Popover-module__labeledSliderRow .Popover-module__valueInput{width:48px}.Popover-module__colorRow input:disabled,.Popover-module__labeledSliderRow input:disabled{opacity:.5;cursor:not-allowed}.Popover-module__fillModeItem,.Popover-module__fillModeList{display:flex;flex-direction:column;gap:2px}.Popover-module__fillModeItem{align-items:flex-start;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-sm,4px);cursor:pointer;text-align:left;transition:background .15s ease}.Popover-module__fillModeItem:hover{background:var(--color-gray-100,#f3f4f6)}.Popover-module__fillModeItemActive{background:var(--color-primary-50,#eef2ff)}.Popover-module__fillModeItemActive:hover{background:var(--color-primary-100,#e0e7ff)}.Popover-module__fillModeLabel{font-size:13px;font-weight:500;color:var(--color-gray-900,#111827)}.Popover-module__fillModeItemActive .Popover-module__fillModeLabel{color:var(--color-primary,#4f46e5)}.Popover-module__fillModeDescription{font-size:11px;color:var(--color-gray-500,#6b7280)}