:root{--ink:#162124;--muted:#6d7979;--line:#dfe6e3;--paper:#fbfdfc;--panel:#ffffff;--teal:#177d72;--teal-dark:#0d5e56;--teal-soft:#e8f5f2;--coral:#ff6b5d;--canvas:#dfe5e2;--shadow:0 18px 50px rgba(31,49,46,0.08)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;color:var(--ink);background:#edf1ef;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(23,125,114,.25);outline-offset:2px}a{color:inherit}a,a:hover{text-decoration:none}.editor-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:relative;z-index:10;min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 4px 20px rgba(28,47,43,.04)}.brand,.brand:focus,.brand:hover,.brand:visited{display:inline-flex;align-items:center;gap:11px;min-width:0;text-decoration:none!important;color:inherit;-webkit-user-select:none;user-select:none}.brand-text,.brand>div:not(.brand-mark){display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.brand-mark{position:relative;width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:12px;color:white;background:var(--ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.brand-mark:after{content:"";position:absolute;width:30px;height:30px;right:-11px;bottom:-12px;border-radius:50%;background:#4fd0be}.brand-mark span{position:relative;z-index:1;font-family:Georgia,serif;font-size:21px;font-weight:700}.brand-name{margin:0;position:relative;display:inline-block;padding-bottom:4px;color:var(--teal-dark);font-family:Montserrat,Inter,ui-sans-serif,sans-serif;font-size:17px;font-weight:900;line-height:1.08;letter-spacing:-.045em;white-space:nowrap}.brand-name:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--coral) 0 12px,#4fd0be 12px 100%)}@media (forced-colors:active){.brand-name{color:CanvasText;background:none}.brand-name:after{background:CanvasText}}.phase-label{margin-top:2px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar-center{min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:13px}.file-name{max-width:260px;overflow:hidden;color:#43504f;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.image-size{padding:4px 7px;border:1px solid var(--line);border-radius:6px;background:#f8faf9;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.topbar-actions{justify-self:end;display:flex}.button,.topbar-actions{align-items:center;gap:8px}.button{min-height:40px;display:inline-flex;justify-content:center;padding:8px 18px;border:1.5px solid transparent;border-radius:9px;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .16s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;line-height:1}.button,.button:active,.button:focus,.button:hover,.button:visited{text-decoration:none!important}.button svg,.reset-button svg{width:17px;height:17px}.button-primary{color:#ffffff!important;border-color:#0d5e56;background:var(--teal);box-shadow:0 4px 14px rgba(23,125,114,.22)}.button-primary:hover:not(:disabled){background:#0d5e56;border-color:#094741;color:#ffffff!important;transform:translateY(-1.5px);box-shadow:0 6px 18px rgba(23,125,114,.3);text-decoration:none!important}.button-secondary{color:#1a2e2b!important;border-color:#cfdad7;background:#ffffff;box-shadow:0 2px 6px rgba(28,47,43,.05)}.button-secondary.active,.button-secondary:hover:not(:disabled){color:var(--teal-dark)!important;border-color:var(--teal);background:#f0f7f5;transform:translateY(-1.5px);box-shadow:0 4px 14px rgba(23,125,114,.1);text-decoration:none!important}.button-secondary:active:not(:disabled){transform:translateY(0);background:#e4f1ee}.button:disabled,.text-button:disabled,.tool-button:disabled{cursor:not-allowed;opacity:.42}.full-width{width:100%}.editor-grid{min-height:0;flex:1 1;display:grid;grid-template-columns:280px minmax(360px,1fr) 320px;gap:1px;background:var(--line)}.panel{position:relative;z-index:2;min-width:0;padding:20px 16px;overflow-y:auto;background:var(--panel)}.panel-heading,.subheading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.step-chip{padding:3px 7px;border-radius:5px;color:var(--teal-dark);background:var(--teal-soft);font-size:11px;font-weight:700;letter-spacing:.06em}.panel-copy{margin:7px 0 18px;color:var(--muted);font-size:12px;line-height:1.5}.tool-list{display:grid;gap:6px}.ocr-card{margin-bottom:14px;padding:10px;border:1px solid #e2e8e6;border-radius:10px;background:#f8faf9}.ocr-card.done{border-color:#b8dad4;background:#f0f9f7}.ocr-card.error{border-color:#edd3c5;background:#fff8f3}.ocr-card-title{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;font-size:12px}.ocr-card-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocr-card-title>span:last-child:not(.status-light){color:var(--teal-dark);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:750}.ocr-card.done .status-light{background:#34af9d}.ocr-card.error .status-light{background:#d47a52}.ocr-progress{height:3px;margin:9px 0;overflow:hidden;border-radius:99px;background:#dbe6e3}.ocr-progress i{display:block;height:100%;border-radius:inherit;background:var(--teal);transition:width .18s ease}.ocr-retry{margin-top:8px;height:28px;padding:0 9px;border:1px solid #dbe3e0;border-radius:6px;color:var(--teal-dark);background:white;font-size:11px;font-weight:750;cursor:pointer}.tool-button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:9px;text-align:left;background:transparent;cursor:pointer}.tool-button:hover:not(:disabled){background:#f5f8f7}.tool-button.active{border-color:#b6d9d3;background:var(--teal-soft)}.tool-button svg{width:21px;height:21px;flex:0 0 auto;color:#50615f}.tool-button.active svg{color:var(--teal)}.switch-row span,.tool-button span{min-width:0;display:flex;flex-direction:column;gap:2px}.switch-row strong,.tool-button strong{font-size:13px;font-weight:750}.switch-row small,.tool-button small{color:var(--muted);font-size:11px}.manual-correction{margin-top:18px;padding-top:16px;border-top:1px solid #e4e9e7}.manual-correction-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.manual-correction-heading>div{min-width:0;display:flex;flex-direction:column;gap:3px}.manual-correction-heading strong{font-size:13px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.manual-correction-heading small{color:var(--muted);font-size:11px;line-height:1.45;white-space:normal;word-break:break-word}.control-group.manual-brush-control{margin:10px 0;padding:10px 0 0;border-top:1px solid #edf0ef}.manual-method-list{margin-top:12px;display:grid;gap:10px}.manual-method-card{padding:9px;border:1px solid #e1e8e5;border-radius:10px;background:#f8faf9}.manual-method-title{display:flex;align-items:center;justify-content:space-between;gap:7px}.manual-method-title span{flex:0 0 auto;color:var(--teal-dark);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.manual-method-title strong{min-width:0;font-size:12px;text-align:right}.manual-method-card>p{margin:5px 0 8px;color:var(--muted);font-size:11.5px;line-height:1.45}.color-brush-option{margin-top:10px;padding-top:10px;border-top:1px solid #edf0ef}.color-brush-option>p{margin:5px 0 8px;color:var(--muted);font-size:11.5px;line-height:1.45}.manual-flow{display:grid}.tool-button.manual-step-action{gap:6px;padding:7px;border-color:#e0e7e4;background:white}.tool-button.manual-step-action:hover:not(:disabled){border-color:#b6d9d3;background:white}.tool-button.manual-remove-only:not(:disabled),.tool-button.manual-step-action.active{border-color:#9ccdc5;background:var(--teal-soft)}.tool-button.manual-step-action svg{width:18px;height:18px}.color-brush-controls,.color-field-controls{display:flex;gap:6px;align-items:center;margin-bottom:7px}.color-brush-controls input,.color-field-controls input{flex:1 1;padding:3px}.color-brush-controls input,.color-field-controls input,.color-picker-button{min-width:0;height:30px;border:1px solid #dce4e1;border-radius:7px;background:white}.color-picker-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;color:#53615e;font-size:11px;font-weight:750;cursor:pointer}.color-picker-button svg{width:14px;height:14px}.color-picker-button.active,.color-picker-button:hover:not(:disabled){border-color:#9ccdc5;color:var(--teal-dark);background:var(--teal-soft)}.color-picker-button:disabled{cursor:not-allowed;opacity:.55}.color-picker-button.icon-only{width:34px;flex:0 0 34px;padding:0}.color-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:6px 0 8px}.color-tab-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;border:1px solid #dce4e1;border-radius:7px;background:white;color:var(--ink);font-size:12px;font-weight:700;cursor:pointer;transition:all .13s ease}.color-tab-button svg{width:13px;height:13px}.color-tab-button:hover:not(:disabled){border-color:#9ccdc5;background:var(--teal-soft)}.color-tab-button.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark);font-weight:800;box-shadow:inset 0 0 0 1px var(--teal)}.shape-preset-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-top:3px}.shape-preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;border:1px solid #e2e8e5;border-radius:6px;background:white;font-size:11px;font-weight:650;color:#495654;cursor:pointer;transition:all .12s ease}.shape-preset-btn svg{width:14px;height:14px}.shape-preset-btn:hover:not(:disabled){border-color:#a4d4cc;background:var(--teal-soft)}.shape-preset-btn.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark);font-weight:800;box-shadow:inset 0 0 0 1px var(--teal)}.quick-radius-chips{display:flex;gap:3px;margin-top:5px;flex-wrap:wrap}.chip-btn{padding:2px 6px;border:1px solid #e0e7e4;border-radius:5px;background:#f8faf9;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .11s ease}.chip-btn:hover{border-color:#9ccdc5;background:var(--teal-soft);color:var(--teal-dark)}.chip-btn.active{border-color:var(--teal);background:var(--teal);color:white}.chip-btn:disabled{cursor:not-allowed;opacity:.48}.slant-controls-row{display:flex;gap:6px;align-items:center}.slant-controls-row input{flex:1 1}.slant-dir-toggle{display:flex;border:1px solid #dce4e1;border-radius:5px;overflow:hidden}.mini-toggle{padding:2px 6px;border:none;background:white;font-size:11px;font-weight:700;cursor:pointer}.mini-toggle.active{background:var(--teal);color:white}.shape-action-group{display:flex;gap:6px;margin-top:8px}.shape-fill-btn{flex:1 1;min-height:30px;padding:6px 10px;font-size:12px}.shape-clear-btn{min-height:30px;padding:6px 10px;font-size:11px;color:var(--muted)}.shape-hint-note{display:block;margin-top:5px;font-size:11px;color:var(--muted);line-height:1.35}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:2px;border-radius:7px;background:#edf2f0}.segment-btn{padding:4px;border:none;border-radius:5px;background:transparent;font-size:11.5px;font-weight:650;color:#4d5c59;cursor:pointer;transition:all .12s ease}.segment-btn.active{background:white;color:var(--ink);font-weight:750;box-shadow:0 1px 3px rgba(0,0,0,.08)}.manual-step-number,.tool-button .manual-step-number{width:20px;height:20px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:var(--teal-dark);background:#dcefeb;font-size:10px;font-weight:850}.manual-remove-only:not(:disabled) .manual-step-number,.manual-step-action.active .manual-step-number{color:white;background:var(--teal)}.manual-step-arrow{height:15px;display:grid;place-items:center;color:#5db9ac;font-size:13px;font-weight:800;line-height:1}.control-group{margin-top:21px;padding-top:17px;border-top:1px solid #edf0ef}.control-label,.range-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.control-label strong{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.range{width:100%;height:4px;margin:13px 0 8px;appearance:none;border-radius:999px;background:#dbe6e3;accent-color:var(--teal)}.range::-webkit-slider-thumb{width:15px;height:15px;appearance:none;border:3px solid white;border-radius:50%;background:var(--teal);box-shadow:0 0 0 1px #8ebbb4,0 2px 5px rgba(0,0,0,.15);cursor:pointer}.mask-actions{margin-top:18px;display:grid;gap:9px}.switch-row{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px}.switch-row input{position:relative;width:32px;height:18px;flex:0 0 auto;appearance:none;border-radius:999px;background:#ccd5d2;cursor:pointer;transition:.15s ease}.switch-row input:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.15s ease}.switch-row input:checked{background:var(--teal)}.switch-row input:checked:after{transform:translateX(14px)}.switch-row input:disabled{cursor:not-allowed;opacity:.45}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px;border:0;color:var(--teal-dark);background:transparent;font-size:12px;font-weight:750;cursor:pointer}.text-button:hover:not(:disabled){text-decoration:underline}.tip-card{margin-top:23px;display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid #e5ebe8;border-radius:9px;background:#f8faf9}.tip-card p{margin:0;color:#677370;font-size:12px;line-height:1.55}.tip-dot{width:6px;height:6px;flex:0 0 auto;margin-top:4px;border-radius:50%;background:#54c9b9;box-shadow:0 0 0 4px var(--teal-soft)}.canvas-viewport{position:relative;min-width:0;min-height:500px;overflow:hidden;isolation:isolate;background-color:var(--canvas);background-image:linear-gradient(45deg,rgba(255,255,255,.35) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.35) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.35) 0),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.35) 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.empty-state{position:absolute;top:50%;left:50%;width:min(420px,calc(100% - 48px));min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:30px;transform:translate(-50%,-50%);border:1px dashed #9caaa6;border-radius:18px;color:var(--ink);background:rgba(249,252,250,.86);box-shadow:var(--shadow);cursor:pointer}.empty-state:hover{border-color:var(--teal);background:rgba(255,255,255,.94)}.empty-state strong{margin-top:6px;font-size:16px}.empty-state>span:not(.upload-orbit){color:var(--muted);font-size:13px}.empty-state small{margin-top:13px;color:#82908d;font-size:11.5px}.upload-orbit{width:54px;height:54px;display:grid;place-items:center;border:1px solid #c7ded9;border-radius:50%;color:var(--teal);background:var(--teal-soft)}.upload-orbit svg{width:23px;height:23px}.zoom-bar{position:absolute;z-index:8;top:14px;left:50%;display:flex;align-items:center;gap:2px;padding:4px;transform:translateX(-50%);border:1px solid rgba(129,145,140,.35);border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(35,52,48,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zoom-bar button{min-width:29px;height:28px;padding:0 8px;border:0;border-radius:6px;background:transparent;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--foreground);transition:background .12s ease,opacity .12s ease}.zoom-bar button svg{width:15px;height:15px;display:block}.zoom-bar button:disabled{opacity:.3;cursor:not-allowed}.zoom-bar button:hover:not(:disabled){background:#edf4f1}.zoom-bar .zoom-value{min-width:50px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.zoom-bar>span{width:1px;height:18px;margin:0 3px;background:var(--line)}.zoom-bar button.active{background:#e4f4f0;color:var(--teal-dark)}.zoom-bar .compare-btn{padding:0 9px;font-size:11.5px;font-weight:700;white-space:nowrap}.zoom-bar .split-range-mini{width:80px;height:16px;margin:0 4px;cursor:pointer}.canvas-stack{position:absolute;z-index:2;top:50%;left:50%;box-shadow:0 22px 60px rgba(27,43,39,.24),0 0 0 1px rgba(29,47,43,.16);transform-origin:center;-webkit-user-select:none;user-select:none}.canvas-stack canvas{position:absolute;inset:0;width:100%;height:100%}.canvas-stack canvas:first-child{background:white}.interaction-canvas{z-index:2;touch-action:none}.text-layer-canvas{z-index:1;pointer-events:none}.ocr-region{position:absolute;z-index:6;min-width:0;min-height:0;padding:0;border:2px solid #ff2d55;border-radius:2px;background:transparent;box-shadow:0 0 0 1px rgba(255,255,255,.92),0 0 8px rgba(255,45,85,.72);cursor:pointer}.ocr-region.selected,.ocr-region:focus-visible,.ocr-region:hover{border-color:#ffb000;background:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.95),0 0 12px rgba(255,176,0,.9);outline:none}.ocr-region.replaced:not(.selected):not(:hover):not(:focus-visible){border-color:#7c3aed;background:transparent;box-shadow:0 0 0 1px rgba(255,255,255,.92),0 0 8px rgba(124,58,237,.68)}.ocr-region.inactive{pointer-events:none;opacity:.35}.manual-text-overlay,.manual-text-region{position:absolute;z-index:8;pointer-events:auto;border:1.5px dashed transparent;cursor:pointer;box-sizing:border-box;background:transparent;transition:border-color .12s ease;overflow:visible}.manual-text-overlay:hover,.manual-text-region:hover{border-color:rgba(13,148,136,.45)}.manual-text-overlay.selected,.manual-text-region.selected{border:1.5px dashed #0d9488!important;box-shadow:0 0 0 1px rgba(255,255,255,.85),inset 0 0 0 1px rgba(13,148,136,.2);cursor:move}.canvas-stack.panning .color-shape-overlay,.canvas-stack.panning .manual-text-overlay,.canvas-stack.panning .ocr-region{pointer-events:none!important;border-color:transparent!important;box-shadow:none!important;outline:none!important}.manual-text-resize-handle{position:absolute;width:8px;height:8px;border-radius:50%;background:white;box-shadow:0 0 0 1.5px #0d9488,0 1px 3px rgba(0,0,0,.25);box-sizing:border-box}.manual-text-resize-handle.nw{top:-4px;left:-4px;right:auto;bottom:auto;cursor:nwse-resize}.manual-text-resize-handle.ne{top:-4px;right:-4px;left:auto;bottom:auto;cursor:nesw-resize}.manual-text-resize-handle.sw{bottom:-4px;left:-4px;top:auto;right:auto;cursor:nesw-resize}.manual-text-resize-handle.se{bottom:-4px;right:-4px;top:auto;left:auto;cursor:nwse-resize}.manual-text-rotate-handle{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:white;border:1.5px solid #0d9488;box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3a9 9 0 0 1 8.6 6.3l1.9-.6-2.5 5-4.3-3.2 1.9-.6A7 7 0 0 0 12 5V3zM12 21a9 9 0 0 1-8.6-6.3l-1.9.6 2.5-5 4.3 3.2-1.9.6A7 7 0 0 0 12 19v2z' fill='%23ffffff' stroke='%230f172a' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 12 12,crosshair;box-sizing:border-box}.manual-text-rotate-handle:active{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3a9 9 0 0 1 8.6 6.3l1.9-.6-2.5 5-4.3-3.2 1.9-.6A7 7 0 0 0 12 5V3zM12 21a9 9 0 0 1-8.6-6.3l-1.9.6 2.5-5 4.3 3.2-1.9.6A7 7 0 0 0 12 19v2z' fill='%230d9488' stroke='%23ffffff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 12 12,crosshair}.manual-text-rotate-handle:after{content:"";position:absolute;top:7px;left:50%;width:1px;height:11px;background:#0d9488;transform:translateX(-50%)}.color-shape-overlay{position:absolute;z-index:9;pointer-events:auto;border:1.5px dashed transparent;cursor:pointer;box-sizing:border-box;transition:border-color .12s ease;overflow:visible}.color-shape-overlay:hover{border-color:rgba(13,148,136,.45)}.color-shape-overlay.selected{border-color:#0d9488;box-shadow:0 0 0 1px rgba(255,255,255,.85),inset 0 0 0 1px rgba(13,148,136,.2);cursor:move}.selected-shape-indicator{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:7px;font-size:12px;font-weight:700;color:#0f766e;margin-bottom:8px}.delete-shape-btn{padding:3px 8px;border:1px solid #fca5a5;border-radius:5px;background:#fff;color:#dc2626;font-size:11px;font-weight:700;cursor:pointer;transition:all .12s ease}.delete-shape-btn:hover{background:#fef2f2;border-color:#f87171}.brush-cursor{position:absolute;top:0;left:0;z-index:5;border:1px solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 0 1px rgba(14,74,68,.9),0 1px 5px rgba(0,0,0,.22);transform:translate(-50%,-50%);will-change:transform;pointer-events:none}.brush-cursor.erase{border-style:dashed;box-shadow:0 0 0 1px rgba(185,57,57,.9)}.brush-cursor.remove{border-color:rgba(255,255,255,.98);box-shadow:0 0 0 2px rgba(220,38,38,.92),0 1px 6px rgba(0,0,0,.28)}.brush-cursor.color{border-width:2px}.split-line{z-index:10;width:24px;margin-left:-12px;cursor:ew-resize;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.split-line,.split-line:before{position:absolute;top:0;bottom:0}.split-line:before{content:"";left:11px;width:2px;background:white;box-shadow:0 0 0 1px rgba(24,40,37,.34),0 0 12px rgba(0,0,0,.2)}.split-line span{position:absolute;top:50%;left:50%;width:26px;height:40px;transform:translate(-50%,-50%);border:2.5px solid white;border-radius:99px;background:var(--teal);box-shadow:0 4px 14px rgba(0,0,0,.3);cursor:ew-resize;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.split-line.dragging span,.split-line:hover span{transform:translate(-50%,-50%) scale(1.1);background:var(--teal-dark);box-shadow:0 6px 20px rgba(0,0,0,.4)}.split-line span:after{content:"↔";position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:11px;font-weight:700}.canvas-caption{position:absolute;z-index:7;right:14px;bottom:14px;max-width:calc(100% - 28px);display:flex;align-items:center;gap:6px;color:#53615e;font-size:12px;pointer-events:none}.canvas-caption span{min-width:0;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(129,145,140,.35);border-radius:6px;background:rgba(255,255,255,.88);box-shadow:0 2px 8px rgba(0,0,0,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:650;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}.canvas-caption .image-size{flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.selected-text-card{min-height:68px;display:flex;flex-direction:column;justify-content:center;gap:3px;margin-bottom:12px;padding:10px;border:1px dashed #d5dfdc;border-radius:10px;background:#f8faf9}.selected-text-card.ready{border-style:solid;border-color:#b8dad4;background:#f0f9f7}.selected-text-card small,.selected-text-card>span{color:var(--muted);font-size:11.5px}.selected-text-card strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.field-label{min-width:0;display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.field-label-heading{display:flex;min-height:18px;align-items:center;justify-content:space-between;gap:6px}.fit-text-btn{padding:1px 6px;text-transform:none}.field-label input[type=number],.field-label input[type=text],.field-label select,.field-label textarea{width:100%;min-height:36px;padding:7px 9px;border:1px solid #dce4e1;border-radius:7px;color:var(--ink);background:white;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}.field-label select{text-overflow:ellipsis;white-space:nowrap}.field-label textarea{min-height:58px;resize:vertical;line-height:1.4}.text-style-grid{margin-top:10px;display:grid;grid-template-columns:1.25fr .75fr;gap:9px}.two-col-grid{margin-top:6px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.two-col-grid .field-label{min-width:0}.two-col-grid .field-label>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.3}.font-availability-note{margin:7px 0 0;color:#54706b;font-size:11px;line-height:1.35}.font-availability-note.warning{color:#91651d}.case-actions{display:flex;gap:4px}.case-actions .chip-btn{padding:2px 7px;font-size:11px;font-weight:750;text-transform:none}.full-grid-col{grid-column:1/-1}.text-effects-card{margin-top:14px;padding:11px;border:1px solid #e2e8e6;border-radius:10px;background:#f8faf9}.effects-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-bottom:0}.effects-tabs.has-active{margin-bottom:10px}.effect-tab-btn{padding:5px 2px;border:1px solid #dce4e1;border-radius:6px;background:white;color:#495654;font-size:11px;font-weight:700;cursor:pointer;transition:all .12s ease}.effect-tab-btn:hover:not(:disabled){border-color:#9ccdc5;background:var(--teal-soft)}.effect-tab-btn.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark);font-weight:800;box-shadow:inset 0 0 0 1px var(--teal)}.effect-tab-btn:disabled{cursor:not-allowed;opacity:.48}.effect-tab-content{display:flex;flex-direction:column;gap:4px}.color-field-controls{margin-bottom:0}.color-field-controls input{height:36px}.effect-clear-btn{min-height:36px;padding-inline:8px}.auto-mask-meta{margin-top:10px;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:7px 8px;border-radius:7px;color:var(--muted);background:#f5f8f7;font-size:11.5px}.auto-mask-meta strong{color:var(--ink);text-align:right}.section-copy{margin:6px 0 10px;color:var(--muted);font-size:12px;line-height:1.45}.advanced-actions{display:grid;grid-template-columns:1fr;gap:6px}.advanced-actions .button{min-width:0;padding-inline:6px;font-size:11.5px}.analysis-card{min-height:88px;padding:11px;border:1px solid #e2e8e6;border-radius:10px;background:#f8faf9}.analysis-card.gradient,.analysis-card.solid{border-color:#b8dad4;background:#f0f9f7}.analysis-card.unsupported{border-color:#edd3c5;background:#fff8f3}.analysis-title{display:flex;align-items:center;gap:7px;font-size:13px}.status-light{width:7px;height:7px;border-radius:50%;background:#aeb9b6}.analysis-card.gradient .status-light,.analysis-card.solid .status-light{background:#34af9d;box-shadow:0 0 0 4px rgba(52,175,157,.11)}.analysis-card.unsupported .status-light{background:#d47a52}.analysis-card p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.analysis-card dl{margin:10px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.analysis-card dl div{min-width:0;display:flex;justify-content:space-between;gap:5px;padding-top:5px;border-top:1px solid rgba(139,157,152,.18);font-size:11.5px}.analysis-card dt{color:var(--muted)}.analysis-card dd{margin:0;overflow:hidden;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.method-picker{margin:17px 0 13px;padding:0;border:0}.method-picker legend{margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.method-picker label{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid transparent;border-radius:7px;cursor:pointer}.method-picker label.selected{border-color:#c6ddd9;background:var(--teal-soft)}.method-picker input{width:14px;height:14px;margin:0;accent-color:var(--teal)}.method-picker label span{display:flex;align-items:baseline;justify-content:space-between;flex:1 1;gap:10px}.method-picker strong{font-size:12.5px}.method-picker small{color:var(--muted);font-size:11px}.repair-button{min-height:42px}.notice{margin-top:8px;padding:8px 9px;border-left:3px solid #d47a52;color:#79513f;background:#fff6ef;font-size:12px;line-height:1.45}.divider{height:1px;margin:18px 0;background:#edf0ef}.protection-badge{padding:3px 7px;border-radius:99px;color:#7c8785;background:#eff2f1;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none}.protection-badge.passed{color:var(--teal-dark);background:var(--teal-soft)}.protection-stats{margin:10px 0 3px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.protection-stats div{display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid #e7ecea;border-radius:7px;background:#fafcfb}.protection-stats strong{font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.protection-stats span{color:var(--muted);font-size:11px}.switch-row.compact{min-height:34px;margin-top:4px}.compare-actions{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.compare-actions .button{min-width:0;padding-inline:6px;font-size:11.5px}.split-range{margin-bottom:2px}.reset-button{width:100%;margin-top:7px}@media (max-width:1100px){.editor-grid{grid-template-columns:250px minmax(320px,1fr) 290px}.panel{padding-inline:12px}.manual-correction-heading small{white-space:normal}.topbar-center{display:none}}@media (max-width:820px){.topbar{grid-template-columns:1fr auto}.editor-grid{display:flex;flex-direction:column}.canvas-viewport{order:1;min-height:62vh}.left-panel{order:2}.right-panel{order:3}.tool-list{grid-template-columns:repeat(3,1fr)}.panel{overflow:visible}}.brand-nav-group{display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit;-webkit-user-select:none;user-select:none}.brand:hover .brand-mark{transform:scale(1.02)}.brand-mark{transition:transform .15s ease}.site-nav,.topbar-nav{display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.03);padding:3px;border-radius:10px;border:1px solid rgba(0,0,0,.04)}.nav-link,.topbar-nav-link{display:inline-flex;align-items:center;padding:5px 14px;border-radius:7px;color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;transition:all .16s ease}.nav-link:hover,.topbar-nav-link:hover{color:var(--ink);background:rgba(255,255,255,.8)}.nav-link.active,.topbar-nav-link.active{color:var(--teal-dark);background:#ffffff;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.06)}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,230,227,.7);box-shadow:0 4px 24px rgba(28,47,43,.02)}.site-header-container{max-width:1140px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header-actions{display:flex;align-items:center;gap:12px}.header-cta,.header-cta:active,.header-cta:focus,.header-cta:hover,.header-cta:visited{padding:8px 16px;font-size:13px;font-weight:700;border-radius:8px;text-decoration:none!important}.site-footer{margin-top:88px;background:#0e1617;color:#92a4a1;border-top:1px solid #1a2729}.site-footer-container{max-width:1140px;margin:0 auto;padding:56px 24px 40px;display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:48px}.footer-col h3{margin:0 0 16px;color:#f3f6f5;font-size:13px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.footer-desc{margin:14px 0 18px;font-size:13.5px;line-height:1.6;color:#829592;max-width:380px}.privacy-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:20px;background:rgba(79,208,190,.1);color:#4fd0be;font-size:12px;font-weight:650;border:1px solid rgba(79,208,190,.22)}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer-links a{color:#8b9f9c;font-size:13.5px;text-decoration:none;transition:color .15s ease}.footer-links a:hover{color:#4fd0be}.site-footer .brand .brand-mark{background:#1c2a2c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.site-footer .brand-name{color:#ffffff}.site-footer-bottom{border-top:1px solid #162224;padding:18px 24px}.footer-bottom-container{max-width:1140px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:#657774}.footer-bottom-links{display:flex;align-items:center;gap:10px}.footer-bottom-links a{color:#7b8f8c;text-decoration:none;transition:color .15s ease}.footer-bottom-links a:hover{color:#ffffff}.content-page-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:#f7faf9;background-image:radial-gradient(ellipse at 50% 0,rgba(23,125,114,.06) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,107,93,.03) 0,transparent 40%)}.content-container{max-width:1140px;margin:0 auto;padding:44px 24px;flex:1 1;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--teal-dark);background:#e6f6f3;border:1px solid rgba(23,125,114,.18);margin-bottom:20px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 2px rgba(23,125,114,.25)}.page-title{margin:0 0 14px;font-size:38px;font-weight:850;line-height:1.16;letter-spacing:-.03em;color:var(--ink)}.page-subtitle{margin:0 0 28px;font-size:17px;line-height:1.6;color:#556363;max-width:660px}.highlight-text{color:var(--teal);background:linear-gradient(135deg,#177d72,#0d5e56);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-hero,.tutorials-hero{text-align:center;padding:32px 0 44px;display:flex;flex-direction:column;align-items:center}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.section-title{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:44px 0 10px;color:var(--ink);text-align:center}.section-subtitle{font-size:15px;line-height:1.6;color:var(--muted);text-align:center;max-width:640px;margin:0 auto 32px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:16px}.feature-card{background:#ffffff;padding:26px 22px;border-radius:14px;border:1px solid rgba(223,230,227,.85);box-shadow:0 2px 12px rgba(22,33,36,.03);transition:transform .18s ease,box-shadow .18s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(22,33,36,.06)}.feature-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;margin-bottom:16px}.feature-icon.teal{background:#e8f6f3;color:var(--teal)}.feature-icon.coral{background:#fff0ee;color:var(--coral)}.feature-icon.blue{background:#edf5ff;color:#2b7fff}.feature-icon.purple{background:#f4eeff;color:#8b3dff}.feature-card h3{margin:0 0 8px;font-size:16px;font-weight:750;color:var(--ink)}.feature-card p{margin:0;font-size:13.5px;line-height:1.6;color:#586666}.comparison-section{margin-top:56px}.table-responsive{overflow-x:auto;background:#ffffff;border-radius:14px;border:1px solid var(--line);box-shadow:0 2px 14px rgba(22,33,36,.03)}.comparison-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.comparison-table td,.comparison-table th{padding:15px 18px;border-bottom:1px solid #edf2f0}.comparison-table th{background:#f7faf9;font-weight:750;color:var(--ink);font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}.comparison-table tr:last-child td{border-bottom:none}.comparison-table .highlight-col{background:rgba(23,125,114,.04);font-weight:650;color:var(--teal-dark)}.check{color:#177d72}.check,.cross{font-weight:800;margin-right:4px}.cross{color:#e04538}.neutral{color:#f59e0b;font-weight:800;margin-right:4px}.faq-section{margin-top:56px}.faq-list{display:grid;gap:12px;max-width:800px;margin:0 auto}.faq-item{background:#ffffff;border-radius:12px;border:1px solid var(--line);overflow:hidden;transition:all .15s ease}.faq-question{padding:16px 20px;font-size:14.5px;font-weight:750;color:var(--ink);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:17px;font-weight:700;color:var(--teal)}.faq-item[open] .faq-question:after{content:"−"}.faq-answer{padding:0 20px 16px;font-size:13.5px;line-height:1.6;color:#4b5858}.faq-answer p{margin:0}.cta-banner{margin-top:64px;background:linear-gradient(135deg,#177d72,#0d5e56);color:#ffffff;border-radius:16px;padding:40px 32px;text-align:center;box-shadow:0 12px 32px rgba(23,125,114,.2)}.cta-banner h2{margin:0 0 10px;font-size:26px;font-weight:800}.cta-banner p{margin:0 0 24px;font-size:15px;color:rgba(255,255,255,.9);max-width:560px;margin-inline:auto}.cta-banner-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.cta-banner-actions .button-primary{background:#ffffff!important;color:#0d5e56!important;border-color:#ffffff!important;box-shadow:0 4px 14px rgba(0,0,0,.12);font-weight:750}.cta-banner-actions .button-primary:hover{background:#f0faf7!important;color:#063e38!important;border-color:#f0faf7!important;transform:translateY(-1.5px);box-shadow:0 6px 20px rgba(0,0,0,.16)}.quick-tips-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:40px}.quick-tip-card{display:flex;gap:14px;align-items:flex-start;background:#ffffff;padding:18px;border-radius:12px;border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.02)}.tip-num{width:30px;height:30px;border-radius:50%;background:var(--teal-soft);color:var(--teal-dark);font-weight:800;font-size:13px;display:grid;place-items:center;flex-shrink:0}.quick-tip-card strong{display:block;font-size:14px;color:var(--ink);margin-bottom:3px}.quick-tip-card p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.45}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.tutorial-card{background:#ffffff;border-radius:14px;border:1px solid var(--line);padding:24px 22px;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 2px 10px rgba(0,0,0,.02)}.tutorial-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(22,33,36,.06)}.tutorial-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.category-chip{background:#f0f4f3;color:#4b5858;text-transform:uppercase}.badge-chip,.category-chip{padding:3px 7px;border-radius:5px;font-size:10.5px;font-weight:700}.badge-chip{background:var(--teal-soft);color:var(--teal-dark)}.read-time{margin-left:auto;font-size:11.5px;color:var(--muted)}.tutorial-title{margin:0 0 8px;font-size:17px;font-weight:750;line-height:1.35}.tutorial-title a{color:var(--ink);text-decoration:none;transition:color .15s ease}.tutorial-title a:hover{color:var(--teal)}.tutorial-desc{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--muted);flex:1 1}.tutorial-footer{border-top:1px solid #edf2f0;padding-top:12px}.read-more-link{font-size:13px;font-weight:700;color:var(--teal);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:gap .15s ease}.read-more-link:hover{color:var(--teal-dark);gap:8px}.article-wrapper{max-width:960px;margin:0 auto;background:#ffffff;border-radius:18px;border:1px solid var(--line);padding:44px 48px;box-shadow:0 4px 24px rgba(22,33,36,.04)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:20px}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--teal)}.breadcrumb .current{color:var(--ink);font-weight:600}.article-header{margin-bottom:24px}.article-title{margin:10px 0 12px;font-size:30px;font-weight:850;line-height:1.22;letter-spacing:-.025em;color:var(--ink)}.article-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.summary-callout{background:var(--teal-soft);border-left:3px solid var(--teal);padding:16px 20px;border-radius:0 10px 10px 0;margin-bottom:32px;font-size:14px;line-height:1.6;color:#17423e}.summary-callout p{margin:0}.article-content{font-size:15px;line-height:1.7;color:#2b3838}.article-content h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:36px 0 14px;color:var(--ink)}.article-content h3{font-size:17px;font-weight:750;margin:24px 0 10px;color:var(--ink)}.article-content p{margin:0 0 16px}.article-content ol,.article-content ul{margin:0 0 20px;padding-left:22px}.article-content li{margin-bottom:6px}.inline-link{color:var(--teal);font-weight:650;text-decoration:underline;text-underline-offset:3px}.inline-link:hover{color:var(--teal-dark)}.divider{border:0;border-top:1px solid var(--line);margin:32px 0}.step-card{background:#fbfdfc;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:18px}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.step-badge{padding:3px 8px;border-radius:5px;background:var(--teal);color:#ffffff;font-size:11px;font-weight:800;text-transform:uppercase}.step-header h3{margin:0;font-size:16px;font-weight:750;color:var(--ink)}.pro-tip{background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;padding:11px 14px;font-size:12.5px;line-height:1.5;color:#92400e;margin-top:12px}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:18px}.use-case-box{background:#f8faf9;border:1px solid var(--line);border-radius:10px;padding:16px}.use-case-box h4{margin:0 0 6px;font-size:14.5px;font-weight:750;color:var(--ink)}.use-case-box p{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}.comparison-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:20px 0}.comparison-card{background:#f8faf9;border:1px solid var(--line);border-radius:12px;padding:20px}.comparison-card.highlight{background:var(--teal-soft);border-color:rgba(23,125,114,.28)}.comparison-card h3{margin:0 0 8px;font-size:15.5px;font-weight:750;color:var(--ink)}.comparison-card p{margin:0 0 12px;font-size:13px;color:var(--muted)}.comparison-card ul{margin:0;padding-left:18px;font-size:12.5px;color:#3b4949}.tips-list{display:grid;gap:14px;margin-top:18px}.tip-item{background:#fbfdfc;border:1px solid var(--line);border-radius:10px;padding:16px 18px}.tip-item h4{margin:0 0 5px;font-size:14.5px;font-weight:750;color:var(--ink)}.tip-item p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.article-cta-box{margin-top:40px;background:linear-gradient(135deg,#177d72,#0d5e56);color:#ffffff;border-radius:14px;padding:32px 24px;text-align:center}.article-cta-box h3{margin:0 0 6px;font-size:20px;font-weight:800}.article-cta-box p{margin:0 0 18px;font-size:14px;color:rgba(255,255,255,.9)}.article-cta-box .button-primary{background:#ffffff!important;color:#0d5e56!important;border-color:#ffffff!important;font-weight:750;box-shadow:0 4px 14px rgba(0,0,0,.12)}.article-cta-box .button-primary:hover{background:#f0faf7!important;color:#063e38!important;border-color:#f0faf7!important;transform:translateY(-1.5px)}@media (max-width:900px){.site-footer-container{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:640px){.site-header-container{padding:10px 16px}.site-nav{display:none}.page-title{font-size:27px}.article-wrapper{padding:22px 16px;border-radius:12px}.article-title{font-size:23px}.site-footer-container{grid-template-columns:1fr;gap:28px;padding:36px 16px 28px}.footer-bottom-container{flex-direction:column;gap:10px;text-align:center}}.language-switcher{position:relative;display:inline-block}.lang-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 11px;background:#ffffff;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;transition:all .14s ease;box-shadow:0 1px 3px rgba(0,0,0,.04)}.lang-btn.active,.lang-btn:hover{background:#f7faf9;border-color:rgba(23,125,114,.35);color:var(--teal)}.lang-label{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron-icon{transition:transform .15s ease;color:var(--muted)}.chevron-icon.rotated{transform:rotate(180deg)}.lang-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;width:280px;max-height:400px;overflow-y:auto;background:#ffffff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 32px rgba(22,33,36,.12);z-index:1000;animation:langFadeIn .12s ease-out}@keyframes langFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-grid{display:flex;flex-direction:column;gap:2px}.lang-option{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:7px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:550;transition:background .12s ease}.lang-option:hover{background:#f2faf8;color:var(--teal-dark)}.lang-option.selected{background:var(--teal-soft);color:var(--teal-dark);font-weight:700}.lang-flag{font-size:15px;line-height:1}.lang-name{flex:1 1}.lang-check{color:var(--teal);font-weight:800;font-size:12px}