@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-main:#060913;--bg-sidebar:#0b0f19;--bg-card:#10183099;--bg-input:#080c18d9;--bg-raw:#0000004d;--bg-toast:#10b981f2;--border-color:#ffffff14;--border-focus:#6366f1;--border-error:#ef444466;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#8a99ad;--text-accent:#a5b4fc;--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-success:#10b981;--color-success-bg:#10b9811a;--color-error:#ef4444;--color-error-bg:#ef44441a;--canvas-grid-1:#090d16;--canvas-grid-2:#0e1423;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #00000026, 0 4px 6px -2px #0000000d;--shadow-premium:0 20px 25px -5px #0000004d, 0 10px 10px -5px #0003;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", sans-serif;--transition-speed:.2s}[data-theme=light]{--bg-main:#f8fafc;--bg-sidebar:#f1f5f9;--bg-card:#fff;--bg-input:#f8fafc;--bg-raw:#f1f5f9;--bg-toast:#10b981fa;--border-color:#00000014;--border-focus:#4f46e5;--border-error:#dc262666;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#55667b;--text-accent:#4f46e5;--color-primary:#4f46e5;--color-primary-hover:#6366f1;--color-success:#059669;--color-success-bg:#0596691a;--color-error:#dc2626;--color-error-bg:#dc26261a;--canvas-grid-1:#e2e8f0;--canvas-grid-2:#cbd5e1;--shadow-sm:0 1px 2px 0 #00000005;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-premium:0 20px 25px -5px #00000014, 0 10px 10px -5px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;overflow:hidden}#root{width:100vw;height:100vh;display:flex}.app-container{width:100%;height:100vh;max-height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);width:440px;height:100%;max-height:100%;transition:background-color var(--transition-speed) ease, border-color var(--transition-speed) ease;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar-scrollable{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.sidebar-scrollable::-webkit-scrollbar{width:8px}.sidebar-scrollable::-webkit-scrollbar-track{background:0 0}.sidebar-scrollable::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}[data-theme=light] .sidebar-scrollable::-webkit-scrollbar-thumb{background:#00000014}.sidebar-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff26}[data-theme=light] .sidebar-scrollable::-webkit-scrollbar-thumb:hover{background:#00000026}.header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.header-logo-group{align-items:center;gap:10px;display:flex}.header-logo-svg{color:var(--color-primary);flex-shrink:0}.header-title-group{flex-direction:column;gap:2px;display:flex}.header-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.5px;font-size:20px;font-weight:800}.header-tagline{color:var(--text-secondary);font-size:11px;font-weight:400}.card{background-color:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:border-color var(--transition-speed) ease, background-color var(--transition-speed) ease;border-radius:12px;flex-direction:column;gap:14px;padding:18px;display:flex}.card-title{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.dimension-range-hint{color:var(--text-muted);font-size:10px;line-height:1.4}.form-row{justify-content:space-between;align-items:center;display:flex}.input-checkbox-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.checkbox-custom{appearance:none;border:1.5px solid var(--text-muted);cursor:pointer;border-radius:3px;outline:none;justify-content:center;align-items:center;width:14px;height:14px;transition:all .15s;display:flex}.checkbox-custom:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-custom:checked:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:3.5px;height:7px;display:block;transform:rotate(45deg)translate(-.5px,-.5px)}.input-text{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);width:100%;transition:all var(--transition-speed) ease;border-radius:6px;outline:none;padding:8px 12px;font-size:11.5px}.input-text:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #6366f126}.input-text:disabled{opacity:.35;cursor:not-allowed;background-color:#0000}.input-error-msg{color:var(--color-error);margin-top:-2px;font-size:10px;font-weight:500}.dimensions-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.slider-group{flex-direction:column;gap:6px;display:flex}.slider-header{justify-content:space-between;align-items:center;font-size:11px;display:flex}.slider-title{color:var(--text-secondary);font-weight:500}.slider-val{color:var(--text-primary);font-weight:700}.slider-input{appearance:none;background:var(--border-color);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;transition:background .15s}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:2px solid var(--bg-sidebar);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s,background-color .1s}.slider-input::-webkit-slider-thumb:hover{background:var(--color-primary-hover);transform:scale(1.2)}.card-divider{background-color:var(--border-color);height:1px;margin:6px 0}.raw-box{background-color:var(--bg-raw);border:1px dashed var(--border-color);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.raw-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.raw-code{color:var(--text-accent);word-break:break-all;font-family:Courier New,Courier,monospace;font-size:11.5px;font-weight:700}.btn-toggle{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background-color:#ffffff0d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s;display:flex}[data-theme=light] .btn-toggle{background-color:#fff}.btn-toggle:hover{background-color:#ffffff1a;border-color:#ffffff26}[data-theme=light] .btn-toggle:hover{background-color:var(--bg-sidebar);border-color:#00000026}.preview-panel{flex-direction:column;flex:1;gap:10px;min-width:0;height:100%;max-height:100%;padding:12px 16px;display:flex;overflow:hidden}.preview-header-layout{z-index:250;justify-content:space-between;align-items:center;display:flex;position:relative}.preview-title{font-family:var(--font-heading);color:var(--text-primary);font-size:16px;font-weight:700}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:flex}.status-badge.ready{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid #10b98133}.status-badge.error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid #ef444433}.canvas-area{background-color:var(--canvas-grid-1);background-image:linear-gradient(45deg, var(--canvas-grid-2) 25%, transparent 25%), linear-gradient(-45deg, var(--canvas-grid-2) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--canvas-grid-2) 75%), linear-gradient(-45deg, transparent 75%, var(--canvas-grid-2) 75%);transition:background-color var(--transition-speed) ease;background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:12px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0000004d}.label-card{box-shadow:var(--shadow-premium);-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #0000001f;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.label-card-wrapper{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:12px;display:flex;position:relative}.label-resize-handle{z-index:100;-webkit-user-select:none;user-select:none;position:absolute}.label-resize-handle.edge-right{cursor:ew-resize;width:12px;top:0;bottom:0;right:-6px}.label-resize-handle.edge-right:after{content:"";background-color:#0000;border-radius:1.5px;width:3px;transition:background-color .15s;position:absolute;top:8px;bottom:8px;right:5px}.label-resize-handle.edge-right:hover:after{background-color:var(--color-primary)}.label-resize-handle.edge-bottom{cursor:ns-resize;height:12px;bottom:-6px;left:0;right:0}.label-resize-handle.edge-bottom:after{content:"";background-color:#0000;border-radius:1.5px;height:3px;transition:background-color .15s;position:absolute;bottom:5px;left:8px;right:8px}.label-resize-handle.edge-bottom:hover:after{background-color:var(--color-primary)}.label-resize-handle.corner-br{cursor:nwse-resize;width:20px;height:20px;bottom:-10px;right:-10px}.label-resize-handle.corner-br:after{content:"";border:2px solid var(--color-primary);opacity:0;background-color:#fff;border-radius:50%;width:8px;height:8px;transition:opacity .15s,transform .15s;position:absolute;bottom:6px;right:6px;transform:scale(.6)}.label-resize-handle.corner-br:hover:after{opacity:1;transform:scale(1)}.draggable-svg{pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.barcode-drag-overlay{cursor:grab;outline:1.5px dashed #0000;transition:outline-color .15s}.barcode-drag-overlay:hover{outline-color:#6366f180}.barcode-drag-overlay:active{cursor:grabbing;outline-color:var(--color-primary)}.text-drag-overlay{cursor:grab;outline:1.5px dashed #0000;transition:outline-color .15s}.text-drag-overlay:hover{outline-color:#6366f180}.resize-handle-rect{transition:fill .15s,stroke .15s;pointer-events:auto!important}.resize-handle-rect:hover{cursor:se-resize;fill:#6366f1!important;stroke:#fff!important}.text-drag-overlay:active{cursor:grabbing;outline-color:var(--color-primary)}.info-bar{color:var(--text-secondary);justify-content:space-between;font-size:11.5px;font-weight:500;display:flex}.footer-actions{gap:12px;display:flex}.btn-primary{background-color:var(--color-primary);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;flex:1.2;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 10px #6366f133}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 14px #6366f14d}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);font-family:var(--font-sans);cursor:pointer;background-color:#ffffff0d;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}[data-theme=light] .btn-secondary{background-color:#fff}.btn-secondary:hover{background-color:#ffffff14;border-color:#ffffff1f}[data-theme=light] .btn-secondary:hover{background-color:var(--bg-sidebar);border-color:#00000026}.toast-container{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background-color:var(--bg-toast);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:11.5px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex;box-shadow:0 10px 20px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.hidden-canvas{display:none}.secondary-actions-wrapper{justify-content:space-between;align-items:center;gap:12px;display:flex}.secondary-actions-left,.secondary-actions-right{gap:8px;display:flex}@media (width<=900px){body{width:100%!important;height:auto!important;overflow:auto!important}#root{width:100%!important;height:auto!important;display:block!important;overflow:visible!important}.app-container{flex-direction:column-reverse;width:100%;height:auto;max-height:none;overflow:visible}.sidebar{border-right:none;border-top:1px solid var(--border-color);width:100%;height:auto;max-height:none}.sidebar-scrollable{gap:16px;padding:16px;overflow-y:visible}.preview-panel{gap:16px;width:100%;height:auto;max-height:none;padding:16px}.canvas-area{aspect-ratio:4/3;height:auto;min-height:280px;padding:16px}.footer-actions{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}}@media (width<=600px){.secondary-actions-wrapper{flex-direction:column;align-items:stretch;gap:8px}.secondary-actions-left,.secondary-actions-right{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.secondary-actions-left button,.secondary-actions-right button{width:100%;padding:8px 12px}}.languages-dropdown{display:inline-block;position:relative}.languages-btn{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}[data-theme=light] .languages-btn{background-color:#fff}.languages-btn:hover{background-color:#ffffff14;border-color:#ffffff26}[data-theme=light] .languages-btn:hover{background-color:var(--bg-sidebar);border-color:#00000026}.languages-menu{background-color:var(--bg-sidebar);border:1px solid var(--border-color);min-width:130px;box-shadow:var(--shadow-premium);z-index:100;-webkit-backdrop-filter:blur(12px);animation:fadeSlideDown var(--transition-speed) cubic-bezier(.16, 1, .3, 1) forwards;border-radius:8px;margin-top:6px;padding:4px 0;display:none;position:absolute;top:100%;left:0}.languages-menu:before{content:"";background:0 0;height:8px;position:absolute;top:-8px;left:0;right:0}[data-theme=light] .languages-menu{background-color:#fff}.languages-dropdown:hover .languages-menu{display:block}.languages-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.languages-item:hover{color:var(--text-accent);background-color:#ffffff14}[data-theme=light] .languages-item:hover{background-color:#0000000d}.languages-item.active{color:var(--color-primary-hover);background-color:#6366f126;font-weight:600}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.rich-text-editor-shell{border:1px solid var(--border-color);background:var(--bg-input);border-radius:8px;width:100%;overflow:hidden}.text-format-popup{z-index:5000;border:1px solid color-mix(in srgb, var(--color-primary) 35%, var(--border-color));background:var(--bg-card);border-radius:10px;width:min(380px,100vw - 16px);position:fixed;overflow:hidden;transform:translate(-50%,-100%);box-shadow:0 18px 45px #00000052}.text-format-popup:after{content:"";border-right:1px solid color-mix(in srgb, var(--color-primary) 35%, var(--border-color));border-bottom:1px solid color-mix(in srgb, var(--color-primary) 35%, var(--border-color));background:var(--bg-card);width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.text-format-popup-header{color:var(--text-secondary);background:var(--bg-sidebar);justify-content:space-between;align-items:center;padding:6px 8px 5px 10px;font-size:10px;font-weight:700;display:flex}.text-format-popup-header button{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:17px;line-height:1}.text-format-popup-header button:hover{color:var(--text-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent)}.text-format-popup .rich-text-editor-shell{border:0;border-radius:0}.text-format-popup .rich-text-editor-surface{background-color:#fff;background-image:linear-gradient(45deg,#f3f4f6 25%,#0000 25%),linear-gradient(-45deg,#f3f4f6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f3f4f6 75%),linear-gradient(-45deg,#0000 75%,#f3f4f6 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;min-height:54px}.text-popup-hint{border:1px dashed color-mix(in srgb, var(--color-primary) 35%, var(--border-color));color:var(--text-secondary);background:color-mix(in srgb, var(--color-primary) 7%, transparent);border-radius:7px;padding:8px 10px;font-size:10px;line-height:1.4}.rich-text-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);grid-template-columns:minmax(90px,1fr) 48px repeat(4,30px);align-items:center;gap:4px;padding:6px;display:grid}.rich-text-font,.rich-text-size,.rich-text-button{border:1px solid var(--border-color);background:var(--bg-card);height:30px;color:var(--text-primary);border-radius:5px;font-size:11px}.rich-text-font{min-width:0;padding:0 5px}.rich-text-size{text-align:center;width:48px;padding:0 4px}.rich-text-button{cursor:pointer;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.rich-text-button:hover,.rich-text-button.active{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent)}.rich-text-color{border:1px solid var(--border-color);background:var(--bg-card);height:30px;color:var(--text-primary);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:700;text-decoration:underline;text-decoration-thickness:3px;display:flex;position:relative}.rich-text-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.rich-text-editor-surface{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-card);min-height:68px;caret-color:var(--text-primary);cursor:text;outline:none;padding:10px;line-height:1.45;overflow-x:auto}.rich-text-editor-surface:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-primary) 35%, transparent)}.rich-text-editor-surface:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;opacity:.75}.rich-text-editor-surface::selection{color:inherit;background:color-mix(in srgb, var(--color-primary) 38%, transparent)}.rich-text-editor-surface ::selection{color:inherit;background:color-mix(in srgb, var(--color-primary) 38%, transparent)}.rich-text-selection-hint{border-top:1px solid var(--border-color);color:var(--text-muted);background:var(--bg-sidebar);padding:5px 8px;font-size:9px;line-height:1.3}.canvas-rich-text-editor{background:0 0;border:none;border-radius:0;height:100%;overflow:visible}.canvas-rich-text-editor .rich-text-editor-surface{white-space:nowrap;background:0 0;min-height:0;padding:0;overflow:visible}.canvas-rich-text-editor .rich-text-editor-surface:empty:before{content:""}@media print{html,body{color:#000!important;background-color:#fff!important;width:auto!important;height:auto!important;overflow:visible!important}.sidebar,.preview-panel,.toast-container{display:none!important}#root{width:auto!important;height:auto!important;display:block!important}.printable-wrapper{position:absolute;top:0;left:0;background:0 0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.printable-wrapper img{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:block!important}@page{margin:0}}.drawing-toolbar{z-index:200;background-color:var(--bg-card);border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-sm);transition:background-color var(--transition-speed) ease, border-color var(--transition-speed) ease;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:0;display:flex;position:relative;padding:10px 16px!important}.drawing-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.drawing-tools-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.drawing-group-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-right:6px;font-size:11px;font-weight:700}.tool-btn{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background-color:#ffffff08;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.code128-tool-icon{letter-spacing:-3px;font:800 16px/10px Courier New,monospace;transform:scaleX(1.2)}[data-theme=light] .tool-btn{background-color:#00000005}.tool-btn:hover{background-color:#ffffff14;border-color:#ffffff26;transform:translateY(-.5px)}[data-theme=light] .tool-btn:hover{background-color:#0000000f;border-color:#00000026}.tool-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 6px #6366f133}.tool-btn.active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.tool-btn.danger{background-color:var(--color-error-bg);color:var(--color-error);border-color:#ef444433}.tool-btn.danger:hover{background-color:var(--color-error);color:#fff}.tool-btn.danger-hover:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.symbol-picker-backdrop{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080c16a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.symbol-picker-dialog{border:1px solid var(--border-color);background:var(--bg-card);width:min(860px,100%);max-height:min(760px,100vh - 48px);color:var(--text-primary);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000047}.symbol-picker-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px 14px;display:flex}.symbol-picker-header h2{font:700 20px/1.25 var(--font-heading);margin:0}.symbol-picker-header p{color:var(--text-secondary);margin:5px 0 0;font-size:12px}.symbol-picker-close{border:1px solid var(--border-color);background:var(--bg-input);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.symbol-picker-search{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-muted);border-radius:9px;align-items:center;gap:8px;margin:0 22px 12px;padding:9px 11px;display:flex}.symbol-picker-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f121}.symbol-picker-search input{width:100%;min-width:0;color:var(--text-primary);font:500 13px/1.3 var(--font-sans);background:0 0;border:0;outline:0}.symbol-picker-categories{gap:7px;padding:0 22px 14px;display:flex;overflow-x:auto}.symbol-picker-categories button{border:1px solid var(--border-color);color:var(--text-secondary);font:650 11px/1.2 var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 10px}.symbol-picker-categories button:hover,.symbol-picker-categories button.active{border-color:var(--color-primary);color:var(--color-primary);background:#6366f11f}.symbol-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:180px;padding:2px 22px 18px;display:grid;overflow-y:auto}.symbol-picker-card{border:1px solid var(--border-color);background:var(--bg-card-subtle);min-height:132px;color:var(--text-primary);text-align:center;font:650 11px/1.35 var(--font-sans);cursor:pointer;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:13px 10px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.symbol-picker-card:hover,.symbol-picker-card:focus-visible{border-color:var(--color-primary);outline:none;transform:translateY(-2px);box-shadow:0 8px 22px #6366f121}.symbol-picker-preview{width:70px;height:70px;color:var(--text-primary);place-items:center;display:grid}.symbol-picker-preview svg{width:100%;height:100%}.symbol-picker-empty{color:var(--text-muted);text-align:center;grid-column:1/-1;align-self:center}.symbol-picker-note{border-top:1px solid var(--border-color);color:var(--text-muted);margin:0;padding:12px 22px 16px;font-size:10.5px;line-height:1.5}@media (width<=760px){.symbol-picker-backdrop{padding:12px}.symbol-picker-dialog{max-height:calc(100vh - 24px)}.symbol-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.drawing-properties-group{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);z-index:100;-webkit-backdrop-filter:blur(16px);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-top:8px;padding:12px 16px;display:flex;position:absolute;top:100%;left:0;right:0}@media (width<=768px){.drawing-properties-group{border-top:1px solid var(--border-color);box-shadow:none;background-color:#0000;border-bottom:none;border-left:none;border-right:none;border-radius:0;width:100%;margin-top:0;padding:10px 0 0;position:static}}.property-item{align-items:center;gap:6px;font-size:11px;display:flex}.property-item label{color:var(--text-secondary);white-space:nowrap;font-weight:500}.property-slider{appearance:none;background:var(--border-color);cursor:pointer;border-radius:1.5px;outline:none;width:70px;height:3px}.property-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:10px;height:10px}.property-value{color:var(--text-primary);min-width:25px;font-weight:700}.color-picker-input{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;width:20px;height:20px;padding:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:50%}.property-select{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition-speed) ease;border-radius:6px;outline:none;padding:4px 8px;font-size:11px}.property-select:focus{border-color:var(--border-focus)}.text-input-item{flex:1;min-width:120px}.property-text-input{height:26px;padding:4px 8px!important;font-size:11px!important}svg image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.zoom-controls{background-color:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-premium);z-index:150;-webkit-user-select:none;user-select:none;border-radius:30px;align-items:center;gap:2px;padding:4px 6px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:16px;right:16px}.zoom-btn{width:28px;height:28px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.zoom-btn:hover:not(:disabled){color:var(--color-primary-hover);background-color:#ffffff14}[data-theme=light] .zoom-btn:hover:not(:disabled){background-color:#0000000d}.zoom-btn:disabled{opacity:.3;cursor:not-allowed}.zoom-val{text-align:center;min-width:40px;color:var(--text-primary);font-size:11px;font-weight:700;font-family:var(--font-sans)}.zoom-divider{background-color:var(--border-color);width:1px;height:14px;margin:0 4px}.canvas-area.space-active,.canvas-area.space-active *{cursor:grab!important}.canvas-area.panning-active,.canvas-area.panning-active *{cursor:grabbing!important}.app-container.fullscreen-mode{background:var(--bg-main);width:100vw;height:100vh;max-height:none;overflow:hidden}.app-container.fullscreen-mode .sidebar{display:none!important}.app-container.fullscreen-mode .preview-panel{gap:10px;width:100vw;height:100vh;max-height:100vh;overflow:hidden;padding:12px 16px!important}.app-container.fullscreen-mode .preview-header-layout{z-index:1000;flex:none;position:relative;inset:auto}.app-container.fullscreen-mode .adsense-wrapper{display:none!important}.app-container.fullscreen-mode .drawing-toolbar{flex:none}.app-container.fullscreen-mode .editor-main-layout,.app-container.fullscreen-mode .canvas-area-wrapper{min-height:0;overflow:hidden}.app-container.fullscreen-mode .canvas-area{flex:1;width:100%;min-height:0;border-radius:10px!important;height:auto!important}.app-container.fullscreen-mode .info-bar,.app-container.fullscreen-mode .export-actions-card,.app-container.fullscreen-mode .policy-footer{display:none!important}@media (width<=900px){.app-container.fullscreen-mode{flex-direction:column}.app-container.fullscreen-mode .preview-panel{padding:8px!important}.app-container.fullscreen-mode .editor-main-layout{flex-direction:column}.app-container.fullscreen-mode .right-sidebar{display:none!important}}.property-coord-input{text-align:center;width:48px!important;height:24px!important;padding:2px 4px!important;font-size:11px!important}.object-list-item:hover{background-color:#6366f114!important}.object-list-item.active{color:var(--text-primary)!important;background-color:#6366f126!important;border-color:#6366f1!important}.adsense-wrapper{min-width:250px;min-height:50px}@media (width<=768px){.adsense-wrapper{display:none!important}}.blog-modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:2000;background-color:#030712bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.25s ease-out blogFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes blogFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.blog-modal-container{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:100%;max-width:1120px;height:88vh;max-height:850px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000073}.blog-modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.blog-header-brand{align-items:center;gap:12px;display:flex}.blog-icon-wrapper{background:linear-gradient(135deg, var(--color-primary), #818cf8);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #6366f14d}.blog-header-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.3px;font-size:18px;font-weight:800}.blog-header-subtitle{color:var(--text-secondary);font-size:11.5px}.blog-close-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.blog-close-btn:hover{color:var(--color-error);background:#ef444426;border-color:#ef44444d}.blog-modal-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.blog-hero-section{flex-direction:column;gap:16px;display:flex}.blog-search-box{width:100%;position:relative}.blog-search-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.blog-search-input{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 40px 12px 42px;font-size:13px;transition:all .2s}.blog-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.blog-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.blog-category-nav{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.blog-category-nav::-webkit-scrollbar{height:4px}.blog-category-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.blog-cat-pill{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.blog-cat-pill:hover{color:var(--text-primary);background:#ffffff14}.blog-cat-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #6366f140}.blog-grid-section{flex:1}.blog-article-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:space-between;gap:12px;padding:18px;transition:all .2s;display:flex;position:relative;overflow:hidden}.blog-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 10px 20px #0003}.blog-card.priority-card{border-left:3px solid var(--color-primary)}.blog-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.blog-card-cat{text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);background:#6366f11a;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.blog-priority-badge{color:#f59e0b;background:#f59e0b1f;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;display:flex}.blog-card-title{font-family:var(--font-heading);color:var(--text-primary);font-size:14.5px;font-weight:700;line-height:1.35}.blog-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;display:flex}.blog-card-author-info{color:var(--text-muted);flex-direction:column;gap:2px;font-size:10.5px;display:flex}.blog-card-author-info span{align-items:center;gap:4px;display:flex}.blog-read-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:flex}.blog-read-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.blog-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.blog-article-reader{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.blog-reader-bar{justify-content:space-between;align-items:center;display:flex}.blog-back-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.blog-back-btn:hover{background:#ffffff14}.blog-article-content{flex-direction:column;gap:16px;width:100%;max-width:820px;margin:0 auto;display:flex}.blog-article-title{font-family:var(--font-heading);color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.3}.blog-meta-bar{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;flex-wrap:wrap;gap:16px;padding:10px 16px;font-size:12px;display:flex}.blog-meta-item{align-items:center;gap:6px;display:flex}.blog-article-divider{background:var(--border-color);height:1px}.blog-body-text{color:var(--text-primary);flex-direction:column;gap:12px;font-size:13.5px;line-height:1.7;display:flex}.blog-heading-3{font-family:var(--font-heading);color:var(--text-primary);border-left:3px solid var(--color-primary);margin-top:16px;padding-left:10px;font-size:18px;font-weight:700}.blog-heading-4{font-family:var(--font-heading);color:var(--text-accent);margin-top:12px;font-size:15px;font-weight:700}.blog-paragraph{color:var(--text-secondary)}.blog-list-item{color:var(--text-secondary);padding-left:20px;list-style:none;position:relative}.blog-list-item:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:6px}.blog-step-item{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.blog-step-num{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.blog-cta-card{background:linear-gradient(135deg,#6366f126,#818cf80d);border:1px solid #6366f14d;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:20px;display:flex}.blog-cta-info h3{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.blog-cta-info p{color:var(--text-secondary);font-size:12px}.blog-cta-btn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 12px #6366f14d}.blog-cta-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.blog-author-footer-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:14px;margin-top:16px;padding:16px 20px;display:flex}.blog-author-avatar{width:44px;height:44px;color:var(--color-primary);background:#6366f133;border:1px solid #6366f14d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.blog-author-details{flex-direction:column;gap:2px;display:flex}.blog-author-name{font-family:var(--font-heading);color:var(--text-primary);font-size:14px;font-weight:700}.blog-author-role{color:var(--text-secondary);font-size:11.5px}.blog-author-date{color:var(--text-muted);align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.blog-author-date .dot{color:var(--border-color)}@media (width<=640px){.blog-modal-container{border-radius:12px;height:95vh}.blog-article-title{font-size:19px}.blog-cta-card{flex-direction:column;align-items:flex-start}}.blog-page-root{background-color:var(--bg-main);width:100vw;height:100vh;min-height:100vh;color:var(--text-primary);z-index:1500;font-family:var(--font-sans);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.blog-page-navbar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.blog-navbar-left{align-items:center;display:flex}.blog-brand{align-items:center;gap:10px;display:flex}.blog-brand-icon{background:var(--color-primary);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.blog-brand-text{align-items:center;gap:8px;display:flex}.blog-brand-name{font-family:var(--font-heading);color:var(--text-primary);font-size:17px;font-weight:800}.blog-brand-tag{color:var(--text-secondary);background:#ffffff0f;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.blog-navbar-right{align-items:center;gap:12px;display:flex}.blog-nav-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.blog-nav-btn.btn-editor{background:var(--color-primary);color:#fff;border:none}.blog-nav-btn.btn-editor:hover{background:var(--color-primary-hover)}.blog-page-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:36px 24px}.index-top-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;padding-bottom:20px;display:flex}.index-title-group h1{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.4px;margin-bottom:6px;font-size:26px;font-weight:800}.index-title-group p{color:var(--text-secondary);font-size:13.5px}.index-search-input-wrapper{flex-shrink:0;width:300px;position:relative}.index-search-input-wrapper .search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.index-search-input{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:8px 14px 8px 36px;font-size:12px;transition:border-color .15s}.index-search-input:focus{border-color:var(--color-primary)}.featured-hero-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:32px;padding:28px;transition:all .2s;display:flex}.featured-hero-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.featured-badge-tag{text-transform:uppercase;letter-spacing:.5px;color:#f59e0b;background:#f59e0b1f;border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.featured-title{font-family:var(--font-heading);color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.3}.featured-excerpt{color:var(--text-secondary);font-size:13.5px;line-height:1.6}.featured-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:8px;padding-top:14px;display:flex}.featured-author{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.mini-avatar{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.featured-author .dot{color:var(--border-color)}.featured-read-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.index-category-tabs{border-bottom:1px solid var(--border-color);gap:6px;margin-bottom:24px;display:flex;overflow-x:auto}.cat-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.cat-tab-btn:hover{color:var(--text-primary)}.cat-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.index-articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.index-article-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;padding:20px;transition:all .15s;display:flex}.index-article-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:center;display:flex}.card-cat-badge{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:700}.card-read-time{color:var(--text-muted);font-size:11px}.card-heading{font-family:var(--font-heading);color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.35}.card-summary{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.card-byline{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.card-author{align-items:center;gap:8px;display:flex}.card-mini-avatar{width:24px;height:24px;color:var(--color-primary);background:#6366f126;border-radius:50%;justify-content:center;align-items:center;font-size:9.5px;font-weight:700;display:flex}.card-author-meta{flex-direction:column;display:flex}.card-author-name{color:var(--text-primary);font-size:11px;font-weight:600}.card-date{color:var(--text-muted);font-size:10px}.card-arrow{color:var(--text-muted);transition:transform .15s}.index-article-card:hover .card-arrow{color:var(--color-primary);transform:translate(3px)}.blog-article-page{flex-direction:column;gap:20px;max-width:780px;margin:0 auto;display:flex}.blog-breadcrumbs{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.crumb-link{cursor:pointer;transition:color .15s}.crumb-link:hover{color:var(--color-primary)}.crumb-sep{color:var(--border-color)}.crumb-current{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editorial-article{flex-direction:column;gap:16px;display:flex}.editorial-meta-top{align-items:center;gap:10px;display:flex}.editorial-cat-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);background:#6366f11a;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700}.editorial-featured-tag{color:#f59e0b;background:#f59e0b1f;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:flex}.editorial-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.5px;font-size:30px;font-weight:800;line-height:1.25}.editorial-lead{color:var(--text-secondary);font-size:15px;font-weight:400;line-height:1.6}.editorial-author-byline{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 18px;display:flex}.author-avatar-circle{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.author-info-group{flex-direction:column;flex:1;gap:2px;margin-left:12px;display:flex}.author-name-row{align-items:center;gap:6px;display:flex}.author-name{color:var(--text-primary);font-size:13px;font-weight:700}.author-role{color:var(--text-secondary);font-size:12px}.author-meta-row{color:var(--text-muted);align-items:center;gap:8px;font-size:11.5px;display:flex}.author-meta-row span{align-items:center;gap:4px;display:flex}.editorial-share-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.editorial-share-btn:hover{background:#ffffff1a}.editorial-divider{background:var(--border-color);height:1px;margin:8px 0}.editorial-body{color:var(--text-primary);flex-direction:column;gap:16px;font-size:14.5px;line-height:1.75;display:flex}.editorial-h3{font-family:var(--font-heading);color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-top:20px;padding-bottom:6px;font-size:20px;font-weight:800}.editorial-h4{font-family:var(--font-heading);color:var(--text-accent);margin-top:14px;font-size:16px;font-weight:700}.editorial-p{color:var(--text-secondary)}.editorial-list-item{color:var(--text-secondary);padding-left:20px;list-style:none;position:relative}.editorial-list-item:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:6px}.editorial-step-item{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.editorial-step-num{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.editorial-cta-box{background:var(--bg-card);border:1px solid var(--color-primary);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:22px;display:flex}.cta-content-left h3{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:700}.cta-content-left p{color:var(--text-secondary);font-size:12.5px}.cta-action-btn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;transition:background .15s;display:flex}.cta-action-btn:hover{background:var(--color-primary-hover)}.editorial-author-bio-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:12px;gap:16px;margin-top:24px;padding:20px;display:flex}.bio-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex}.bio-text{flex-direction:column;gap:4px;display:flex}.bio-text h4{font-family:var(--font-heading);color:var(--text-primary);font-size:14px;font-weight:700}.bio-text p{color:var(--text-secondary);font-size:12px;line-height:1.5}.bio-footer-date{color:var(--text-muted);margin-top:6px;font-size:11px}.editorial-related-section{border-top:1px solid var(--border-color);margin-top:36px;padding-top:24px}.editorial-related-section h3{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:16px;font-size:18px;font-weight:800}.editorial-related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.editorial-related-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:space-between;gap:8px;padding:14px;transition:all .15s;display:flex}.editorial-related-card:hover{border-color:var(--color-primary);transform:translateY(-1px)}.rel-cat{color:var(--color-primary);text-transform:uppercase;font-size:10px;font-weight:700}.editorial-related-card h4{font-family:var(--font-heading);color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.35}.rel-footer{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:4px;font-size:10.5px;display:flex}.rel-footer span{align-items:center;gap:3px;display:flex}@media (width<=768px){.index-top-bar{flex-direction:column;align-items:stretch}.index-search-input-wrapper{width:100%}.editorial-title{font-size:24px}.editorial-cta-box{flex-direction:column;align-items:flex-start}}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.preview-heading-group{align-items:center;gap:14px;display:flex}.editor-blog-link{border:1px solid color-mix(in srgb, var(--color-primary) 35%, var(--border-color));background:color-mix(in srgb, var(--color-primary) 10%, var(--bg-card));min-height:36px;color:var(--color-primary);font:700 12px/1 var(--font-sans);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 14px;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.editor-blog-link:hover{background:color-mix(in srgb, var(--color-primary) 16%, var(--bg-card));border-color:var(--color-primary);transform:translateY(-1px)}.editor-blog-link:focus-visible,.blog-page-root button:focus-visible,.blog-page-root a:focus-visible,.blog-page-root input:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:3px}.blog-page-root{--blog-surface:color-mix(in srgb, var(--bg-card) 84%, transparent);--blog-soft:color-mix(in srgb, var(--color-primary) 7%, var(--bg-main));background:radial-gradient(circle at 20% -20%, color-mix(in srgb, var(--color-primary) 15%, transparent), transparent 38%), var(--bg-main);scroll-behavior:smooth;height:100dvh}.blog-skip-link{z-index:1000;background:var(--color-primary);color:#fff;border-radius:10px;padding:12px 16px;font-weight:700;transition:top .16s;position:fixed;top:-80px;left:18px}.blog-skip-link:focus{top:12px}.blog-page-navbar{background:color-mix(in srgb, var(--bg-sidebar) 88%, transparent);height:72px;box-shadow:0 1px 0 var(--border-color);padding:0 max(24px,50vw - 590px)}.blog-brand{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px}.blog-brand-icon{width:40px;height:40px;box-shadow:0 8px 24px color-mix(in srgb, var(--color-primary) 32%, transparent);border-radius:12px}.blog-brand-text{flex-direction:column;align-items:flex-start;gap:0}.blog-brand-name{font-size:19px;line-height:1.1}.blog-brand-tag{background:0 0;padding:0;font-size:12px;font-weight:500}.blog-nav-btn.btn-editor{border:1px solid color-mix(in srgb, var(--color-primary) 75%, #fff);min-height:44px;box-shadow:0 8px 22px color-mix(in srgb, var(--color-primary) 25%, transparent);border-radius:11px;padding:0 17px;font-size:13px}.blog-page-main{min-width:0;max-width:1180px;padding:56px 28px 72px;overflow-x:clip}.blog-index-page{width:100%;min-width:0}.blog-index-hero{grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:end;gap:64px;padding:36px 0 44px;display:grid}.index-eyebrow{color:var(--color-primary);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:14px;font-size:12px;font-weight:800;display:inline-flex}.index-title-group h1{letter-spacing:-1.4px;max-width:780px;margin-bottom:14px;font-size:clamp(34px,4vw,54px);line-height:1.06}.index-title-group p{max-width:690px;font-size:17px;line-height:1.7}.index-search-input-wrapper{width:100%}.index-search-input-wrapper .search-icon{left:17px}.index-search-input{min-height:54px;box-shadow:var(--shadow-sm);border-radius:14px;padding:0 18px 0 50px;font-size:15px}.index-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 14%, transparent)}.featured-hero-card{border-color:color-mix(in srgb, var(--color-primary) 24%, var(--border-color));background:linear-gradient(120deg, var(--blog-surface) 0 67%, color-mix(in srgb, var(--color-primary) 16%, var(--bg-card)) 100%);width:100%;min-height:310px;color:inherit;font:inherit;text-align:left;border-radius:22px;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:36px;margin:0 0 28px;padding:38px}.featured-content{flex-direction:column;align-items:flex-start;gap:16px;min-width:0;max-width:760px;display:flex}.featured-badge-tag{border-radius:999px;padding:7px 11px;font-size:11px}.featured-title{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:clamp(26px,3vw,38px);line-height:1.15}.featured-excerpt{max-width:720px;font-size:16px;line-height:1.75}.featured-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.featured-read-btn{min-width:max-content;padding:12px 0;font-size:14px}.blog-capabilities{border:1px solid var(--border-color);background:var(--blog-soft);border-radius:16px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);align-items:center;gap:32px;margin-bottom:36px;padding:24px 28px;display:grid}.capabilities-copy h2{font:800 18px/1.25 var(--font-heading);margin-bottom:5px}.capabilities-copy p{color:var(--text-secondary);font-size:13px;line-height:1.55}.capabilities-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.capabilities-list span{min-height:38px;color:var(--text-primary);align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.capabilities-list svg{color:var(--color-primary);flex:none}.index-category-row{border-bottom:1px solid var(--border-color);align-items:center;gap:18px;margin-bottom:26px;display:flex}.index-category-tabs{scrollbar-width:thin;border:0;flex-wrap:wrap;flex:1;margin:0;overflow-x:visible}.cat-tab-btn{min-height:46px;padding:0 15px;font-size:13px}.article-result-count{color:var(--text-muted);flex:none;font-size:13px}.index-articles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.index-article-card{appearance:none;min-height:285px;color:inherit;font:inherit;text-align:left;border-radius:16px;padding:24px}.card-cat-badge{font-size:11px}.card-read-time{align-items:center;gap:5px;font-size:12px;display:inline-flex}.card-heading{letter-spacing:-.2px;font-size:20px;line-height:1.35;display:block}.card-summary{-webkit-line-clamp:3;font-size:14px;line-height:1.7;display:block}.card-byline{width:100%}.card-mini-avatar{width:32px;height:32px;font-size:11px}.card-author-name{font-size:12px}.card-date{font-size:11px}.blog-empty-state{grid-column:1/-1;min-height:320px}.blog-empty-state p{font-size:16px}.blog-empty-state button{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:42px;padding:0 16px;font-weight:700}.blog-article-page{gap:30px;max-width:820px}.blog-breadcrumbs{font-size:14px}.crumb-link{min-height:40px;color:var(--text-secondary);font:700 14px/1 var(--font-sans);background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.editorial-article{gap:30px}.editorial-header{flex-direction:column;gap:20px;display:flex}.editorial-cat-tag,.editorial-featured-tag{border-radius:999px;padding:6px 10px;font-size:11px}.editorial-title{letter-spacing:-1.2px;font-size:clamp(36px,5vw,54px);line-height:1.08}.editorial-lead{font-size:19px;line-height:1.7}.editorial-author-byline{border-radius:13px;padding:15px 18px}.author-avatar-circle{width:42px;height:42px}.author-name{font-size:14px}.author-meta-row{flex-wrap:wrap;font-size:12px}.editorial-share-btn{min-height:40px;padding:0 13px;font-size:12px}.editorial-body{gap:20px;font-size:17px;line-height:1.85}.editorial-h3{letter-spacing:-.3px;border:0;margin-top:32px;padding:0;font-size:28px;line-height:1.25}.editorial-h4{margin-top:20px;font-size:21px;line-height:1.35}.editorial-body strong{color:var(--text-primary);font-weight:750}.editorial-body code{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-accent);border-radius:5px;padding:2px 6px;font-size:.9em}.editorial-list,.editorial-steps{color:var(--text-secondary);flex-direction:column;gap:12px;padding-left:26px;display:flex}.editorial-list li,.editorial-steps li{padding-left:5px}.editorial-list li::marker{color:var(--color-primary)}.editorial-steps li::marker{color:var(--color-primary);font-weight:800}.editorial-section-rule{background:var(--border-color);border:0;height:1px;margin:18px 0}.article-site-actions{border:1px solid color-mix(in srgb, var(--color-primary) 38%, var(--border-color));background:linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 11%, var(--bg-card)), var(--bg-card));border-radius:18px;padding:28px}.site-actions-heading{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.site-actions-icon{background:var(--color-primary);color:#fff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.site-actions-heading h2{font:800 22px/1.25 var(--font-heading);margin-bottom:6px}.site-actions-heading p,.article-sources p{color:var(--text-secondary);font-size:14px;line-height:1.65}.article-site-actions ul{flex-direction:column;gap:13px;margin:0 0 22px 56px;list-style:none;display:flex}.article-site-actions li{color:var(--text-secondary);gap:10px;font-size:15px;line-height:1.65;display:flex}.article-site-actions li svg{color:var(--color-success);flex:none;margin-top:3px}.site-actions-button{background:var(--color-primary);color:#fff;min-height:44px;font:750 13px/1 var(--font-sans);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;margin-left:56px;padding:0 17px;display:inline-flex}.article-sources{border-block:1px solid var(--border-color);grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:24px;padding:24px 0;display:grid}.article-sources h2{font:800 19px/1.3 var(--font-heading);align-items:center;gap:8px;margin-bottom:7px;display:flex}.article-sources h2 svg{color:var(--color-success)}.article-sources ul{flex-direction:column;gap:8px;list-style:none;display:flex}.article-sources a{color:var(--color-primary);align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.article-sources a:hover{text-decoration:underline}.article-seo-keywords-box{border:1px solid var(--border-color);background:var(--blog-soft);border-radius:16px;padding:24px 28px}.article-seo-keywords-box h2{font:800 17px/1.3 var(--font-heading);color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;display:flex}.article-seo-keywords-box h2 svg{color:var(--color-primary)}.seo-keywords-cloud{flex-wrap:wrap;gap:8px;display:flex}.seo-keyword-pill{border:1px solid color-mix(in srgb, var(--color-primary) 20%, var(--border-color));background:var(--bg-card);color:var(--text-secondary);border-radius:8px;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.seo-keyword-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.editorial-cta-box{background:var(--text-primary);color:var(--bg-main);border:0;border-radius:18px;padding:28px}.cta-content-left h2{color:var(--bg-main);font:800 22px/1.25 var(--font-heading);margin-bottom:6px}.cta-content-left p{max-width:500px;color:color-mix(in srgb, var(--bg-main) 75%, transparent);font-size:14px;line-height:1.6}.cta-action-btn{min-height:46px;padding:0 18px;font-size:13px}.editorial-author-bio-card{border-radius:16px;margin-top:0;padding:24px}.bio-text h2{font:800 16px/1.4 var(--font-heading)}.bio-text p{font-size:14px;line-height:1.65}.bio-footer-date{font-size:12px}.editorial-related-section{margin-top:18px;padding-top:34px}.editorial-related-section>h2{font:800 24px/1.3 var(--font-heading);margin-bottom:18px}.editorial-related-card{appearance:none;min-height:180px;color:inherit;font:inherit;text-align:left;padding:18px}.editorial-related-card strong{font:750 15px/1.45 var(--font-heading)}.blog-page-footer{border-top:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-sidebar) 88%, transparent)}.blog-footer-inner{width:100%;max-width:1180px;color:var(--text-muted);margin:0 auto;padding:22px 28px;font-size:12px}.blog-footer-link{align-items:center;gap:5px;min-height:38px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}@media (width<=1050px){.index-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-index-hero{gap:32px}.preview-heading-group{gap:8px}.editor-blog-link span:not(:last-child){display:none}}@media (width<=760px){.blog-page-navbar{height:64px;padding:0 16px}.blog-brand-tag,.blog-nav-btn.btn-editor svg:last-child,.blog-nav-btn.btn-editor span{display:none}.blog-nav-btn.btn-editor{justify-content:center;width:42px;min-height:42px;padding:0}.blog-page-main{padding:26px 18px 52px}.blog-index-hero{grid-template-columns:1fr;gap:26px;padding:20px 0 32px}.index-title-group h1{letter-spacing:-.8px;font-size:36px}.featured-hero-card{flex-direction:column;align-items:flex-start;min-height:0;padding:26px}.featured-title{font-size:27px}.blog-capabilities{grid-template-columns:1fr;padding:22px}.capabilities-list{grid-template-columns:1fr}.index-category-row{align-items:flex-end}.index-category-tabs{flex-wrap:nowrap;overflow-x:auto}.article-result-count{padding-bottom:14px}.index-articles-grid{grid-template-columns:1fr}.index-article-card{min-height:260px}.editorial-title{font-size:36px}.editorial-lead{font-size:17px}.editorial-author-byline{flex-wrap:wrap}.editorial-share-btn{justify-content:center;width:100%;margin-top:4px}.editorial-body{font-size:16px;line-height:1.8}.editorial-h3{font-size:24px}.article-site-actions{padding:22px}.article-site-actions ul,.site-actions-button{margin-left:0}.site-actions-button{justify-content:center;width:100%}.article-sources{grid-template-columns:1fr}.editorial-cta-box{padding:24px}.cta-action-btn{justify-content:center;width:100%}.blog-footer-inner{flex-direction:column;align-items:flex-start;gap:8px;padding:20px 18px}}@media (prefers-reduced-motion:reduce){.blog-page-root,.blog-page-root *,.editor-blog-link{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}