*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.mt-2{margin-top:.5rem}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.border{border-width:1px}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg: #F0F0F3;--sidebar-bg: #111111;--sidebar-w: 64px;--card: #FFFFFF;--card-border: #E8E8EC;--text-primary: #111111;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--accent: #111111;--accent-inv: #FFFFFF;--amber: #F59E0B;--green: #10B981;--red: #EF4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}.app-shell{display:flex;min-height:100vh;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.content-area{flex:1;overflow-y:auto;padding:24px}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:0;flex-shrink:0}.sidebar-logo{margin-bottom:24px}.logo-icon{width:36px;height:36px;background:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#111}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item--active{background:#fff;color:#111}.sidebar-footer{margin-top:auto}.mono-badge{width:32px;height:32px;border-radius:50%;background:#2a2a2a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;letter-spacing:.01em}.app-header{background:var(--card);border-bottom:1px solid var(--card-border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-title{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.header-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.header-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text-secondary);background:#f0fdf4;border:1px solid #BBF7D0;border-radius:20px;padding:4px 10px;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.convert-empty{display:flex;flex-direction:column;gap:20px;max-width:680px;margin:0 auto}.upload-zone{background:var(--card);border:2px dashed var(--card-border);border-radius:var(--radius-lg);padding:56px 32px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:border-color .2s,background .2s}.upload-zone:hover{border-color:#9ca3af;background:#fafafa}.upload-zone--active{border-color:var(--accent);background:#f8f8f8}.upload-icon{width:56px;height:56px;background:#f4f4f6;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background .2s,color .2s}.upload-zone:hover .upload-icon,.upload-zone--active .upload-icon{background:#111;color:#fff}.upload-title{font-size:15px;font-weight:600;color:var(--text-primary)}.upload-sub{font-size:12px;color:var(--text-tertiary)}.quick-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-info-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.quick-dot{width:28px;height:28px;border-radius:6px;flex-shrink:0}.quick-dot.black{background:#111}.quick-dot.gray{background:linear-gradient(135deg,#111,#999,#fff);border:1px solid #E8E8EC}.quick-dot.pattern{background-image:radial-gradient(#000 1px,transparent 1px);background-size:4px 4px;background-color:#fff;border:1px solid #E8E8EC}.quick-title{font-size:13px;font-weight:600;color:var(--text-primary)}.quick-desc{font-size:11px;color:var(--text-secondary);margin-top:2px}.processor-wrap{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.processor-top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--card-border);background:#fafafa}.file-info{display:flex;align-items:center;gap:10px}.file-name{font-size:13px;font-weight:500;color:var(--text-primary)}.file-meta{font-size:11px;color:var(--text-tertiary);background:#f0f0f3;border-radius:4px;padding:2px 6px}.icon-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:#f0f0f3;color:var(--text-primary)}.processor-grid{display:grid;grid-template-columns:1fr 320px;min-height:0}.preview-col{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--card-border);border-right:1px solid var(--card-border)}.preview-card{background:var(--card);padding:16px;display:flex;flex-direction:column;gap:10px;min-height:300px}.preview-label{font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px}.processing-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.preview-img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;max-height:400px;border-radius:var(--radius-sm)}.preview-img--bw{filter:contrast(1.02)}.controls-col{padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;max-height:600px}.control-section{display:flex;flex-direction:column;gap:8px}.control-label{font-size:12px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.control-value{font-size:12px;font-weight:400;color:var(--text-secondary);font-variant-numeric:tabular-nums}.control-hint{font-size:11px;color:var(--text-tertiary);line-height:1.5}.select-wrapper{position:relative}.select-btn{width:100%;height:36px;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:#fafafa;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:border-color .15s}.select-btn:hover{border-color:#9ca3af}.select-chevron{transition:transform .2s;color:var(--text-secondary)}.select-chevron.open{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.dropdown-item{width:100%;padding:10px 12px;text-align:left;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background .1s}.dropdown-item:hover{background:#f4f4f6}.dropdown-item--active{background:#f0f0f3}.dropdown-item-title{font-size:13px;font-weight:500;color:var(--text-primary)}.dropdown-item-desc{font-size:11px;color:var(--text-tertiary)}.range-input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:#e8e8ec;outline:none;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#111;cursor:pointer;box-shadow:0 1px 3px #00000026;-webkit-transition:transform .15s;transition:transform .15s}.range-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-tertiary)}.format-toggle{display:flex;gap:4px;background:#f0f0f3;border-radius:var(--radius-sm);padding:3px}.format-btn{flex:1;height:30px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;color:var(--text-secondary);transition:background .15s,color .15s,box-shadow .15s}.format-btn:hover{color:var(--text-primary)}.format-btn--active{background:var(--card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.export-area{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:4px}.export-btn{width:100%;height:40px;background:#111;color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s}.export-btn:hover{background:#2a2a2a}.export-btn:active{transform:scale(.98)}.export-btn:disabled{opacity:.4;cursor:not-allowed}.reset-btn{width:100%;height:34px;background:transparent;color:var(--text-secondary);border:1px solid var(--card-border);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s}.reset-btn:hover{background:#f4f4f6;color:var(--text-primary)}.info-wrap{display:flex;flex-direction:column;gap:24px}.info-hero{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:32px;display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:center;box-shadow:var(--shadow-sm)}.info-hero-visual{display:flex;justify-content:center}.mono-demo{display:flex;flex-direction:column;gap:8px}.mono-demo-row{display:flex;gap:4px}.mono-demo-cell{width:28px;height:28px;border-radius:4px}.mono-label-row{font-size:11px;color:var(--text-tertiary);text-align:center;font-weight:500}.mt-2{margin-top:8px}.info-hero-title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.3;margin-bottom:12px}.info-hero-body{font-size:14px;color:var(--text-secondary);line-height:1.7}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-card-icon{width:36px;height:36px;background:#f0f0f3;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:14px}.info-card-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.info-card-body{font-size:12px;color:var(--text-secondary);line-height:1.7}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;gap:12px}.history-empty-icon{color:#d1d5db}.history-empty-title{font-size:15px;font-weight:600;color:var(--text-primary)}.history-empty-sub{font-size:13px;color:var(--text-tertiary)}.history-wrap{display:flex;flex-direction:column;gap:16px}.history-header{display:flex;align-items:center;justify-content:space-between}.history-count{font-size:13px;font-weight:500;color:var(--text-secondary)}.clear-btn{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background .15s}.clear-btn:hover{background:#f0f0f3;color:var(--red)}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm)}.history-thumb{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:#f0f0f3;flex-shrink:0}.history-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.history-meta{flex:1;min-width:0}.history-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-details{font-size:11px;color:var(--text-tertiary);margin-top:3px}.history-actions{display:flex;gap:4px}.history-action-btn{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:transparent;border:1px solid var(--card-border);cursor:pointer;transition:background .15s,color .15s}.history-action-btn:hover{background:#111;color:#fff;border-color:#111}.color-picker-group{display:flex;flex-direction:column;gap:8px}.color-picker-header{display:flex;align-items:center;justify-content:space-between}.color-custom-btn{position:relative;width:26px;height:26px;border-radius:6px;border:1.5px solid rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;flex-shrink:0}.color-custom-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.color-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.color-swatches{display:flex;gap:6px;flex-wrap:wrap}.color-swatch{width:22px;height:22px;border-radius:5px;cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative;flex-shrink:0}.color-swatch:hover{transform:scale(1.15);box-shadow:0 2px 6px #0003}.color-swatch--active:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:7px;border:2px solid #111111;pointer-events:none}.color-hex-row{display:flex;align-items:center;gap:7px}.color-hex-preview{width:14px;height:14px;border-radius:3px;flex-shrink:0}.color-hex-value{font-size:11px;font-family:SF Mono,Fira Code,monospace;color:var(--text-tertiary);letter-spacing:.04em}.control-divider{height:1px;background:var(--card-border);margin:2px 0}.processor-top-actions{display:flex;align-items:center;gap:8px}.premium-chip{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#92400e;background:#fef3c7;border:1px solid #FDE68A;border-radius:20px;padding:4px 10px;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}.premium-chip:hover{background:#fde68a;transform:translateY(-1px)}.premium-active-chip{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#065f46;background:#d1fae5;border:1px solid #A7F3D0;border-radius:20px;padding:4px 10px;white-space:nowrap}.watermark-badge{font-size:10px;font-weight:500;color:#92400e;background:#fef3c7;border:1px solid #FDE68A;border-radius:4px;padding:1px 5px;letter-spacing:.03em}.premium-export-btn{background:#111!important}.free-export-btn{background:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--card-border)!important;height:34px!important;font-size:12px!important}.free-export-btn:hover{background:#f4f4f6!important;color:var(--text-primary)!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--card);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000029;width:100%;max-width:480px;padding:32px;position:relative;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:background .15s}.modal-close:hover{background:#f0f0f3;color:var(--text-primary)}.modal-header{text-align:center;margin-bottom:24px}.modal-icon{width:48px;height:48px;background:#fef3c7;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#92400e;margin:0 auto 16px}.modal-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px}.modal-sub{font-size:13px;color:var(--text-secondary);line-height:1.6}.modal-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.modal-tier{border:1px solid var(--card-border);border-radius:var(--radius-md);padding:14px}.premium-tier{border-color:#fde68a;background:#fffbeb}.modal-tier-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;display:flex;align-items:center;gap:5px}.modal-tier-label.premium{color:#92400e}.modal-tier-list{list-style:none;display:flex;flex-direction:column;gap:6px}.modal-tier-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.modal-tier-item.ok svg{color:var(--green);flex-shrink:0}.modal-tier-item.no{color:var(--text-tertiary);text-decoration:line-through}.modal-tier-item.no svg{color:#d1d5db;flex-shrink:0}.modal-tier-item.premium{color:var(--text-primary);font-weight:500}.modal-tier-item.premium svg{color:#d97706}.plan-cross{width:13px;height:13px;border-radius:50%;background:#e5e7eb;flex-shrink:0}.modal-perks{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:14px;background:#f9f9fb;border-radius:var(--radius-md)}.modal-perk{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.modal-perk svg{color:var(--text-secondary);flex-shrink:0}.modal-actions{display:flex;flex-direction:column;gap:8px;align-items:center}.modal-pay-btn{width:100%;height:44px;background:#111;color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s}.modal-pay-btn:hover{background:#2a2a2a;transform:translateY(-1px)}.modal-stripe-badge{font-size:11px;color:var(--text-tertiary)}.modal-skip-btn{background:transparent;border:none;font-size:12px;color:var(--text-tertiary);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px;transition:color .15s}.modal-skip-btn:hover{color:var(--text-secondary)}.landing-root{min-height:100vh;background:#fafafa;color:var(--text-primary);font-family:var(--font)}.landing-nav{position:sticky;top:0;background:#fafafaeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:50}.landing-nav-inner{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:10px}.landing-logo-icon{width:32px;height:32px;background:#111;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.landing-logo-text{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.landing-nav-actions{display:flex;align-items:center;gap:12px}.landing-nav-link{font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.landing-nav-link:hover{color:var(--text-primary);background:#f0f0f3}.landing-cta-sm{height:34px;background:#111;color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;padding:0 16px;transition:background .15s,transform .1s}.landing-cta-sm:hover{background:#2a2a2a;transform:translateY(-1px)}.landing-hero{max-width:1100px;margin:0 auto;padding:80px 24px 64px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.landing-hero-inner{display:flex;flex-direction:column;gap:20px}.landing-badge-pill{display:inline-flex;align-items:center;gap:6px;background:#f0f0f3;border:1px solid var(--card-border);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);width:-moz-fit-content;width:fit-content}.landing-hero-title{font-size:42px;font-weight:800;color:var(--text-primary);line-height:1.15;letter-spacing:-.03em}.landing-hero-accent{background:linear-gradient(135deg,#111,#555);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-sub{font-size:15px;color:var(--text-secondary);line-height:1.7;max-width:480px}.landing-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.landing-btn-primary{height:44px;background:#111;color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;padding:0 20px;display:flex;align-items:center;gap:8px;transition:background .15s,transform .1s}.landing-btn-primary:hover{background:#2a2a2a;transform:translateY(-1px)}.landing-btn-secondary{height:44px;background:transparent;color:var(--text-primary);border:1.5px solid var(--card-border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;padding:0 18px;display:flex;align-items:center;gap:7px;transition:border-color .15s,background .15s,transform .1s}.landing-btn-secondary:hover{border-color:#9ca3af;background:#f0f0f3;transform:translateY(-1px)}.landing-hero-note{font-size:11px;color:var(--text-tertiary)}.landing-hero-visual{display:flex;align-items:center;gap:16px;justify-content:center}.landing-preview-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-md);flex:1;max-width:200px}.landing-preview-card.premium-glow{border-color:#fde68a;box-shadow:0 4px 20px #fbbf2426,var(--shadow-md)}.landing-preview-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;display:flex;align-items:center;gap:4px}.landing-preview-label.premium-label{color:#92400e}.landing-preview-mock{display:flex;flex-direction:column;gap:8px}.landing-mock-img{position:relative;border-radius:6px;overflow:hidden;background:#f0f0f3}.landing-mock-grid{display:grid;grid-template-columns:repeat(8,1fr)}.landing-mock-grid.sharp{image-rendering:pixelated}.landing-mock-cell{aspect-ratio:1}.landing-watermark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;transform:rotate(-20deg)}.landing-watermark-text{font-size:7px;font-weight:800;color:#00000038;letter-spacing:.08em;white-space:nowrap}.landing-preview-tag{font-size:10px;font-weight:500;color:var(--text-tertiary);text-align:center}.landing-preview-tag.free-tag{color:#92400e;background:#fef3c7;border-radius:4px;padding:3px 6px;font-size:9px}.landing-preview-tag.premium-tag{display:flex;align-items:center;justify-content:center;gap:4px;color:#065f46;background:#d1fae5;border-radius:4px;padding:3px 6px;font-size:9px}.landing-preview-vs{font-size:13px;font-weight:600;color:var(--text-tertiary);flex-shrink:0}.landing-section-inner{max-width:1100px;margin:0 auto;padding:0 24px}.landing-section-title{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;margin-bottom:8px;text-align:center}.landing-section-sub{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:40px;line-height:1.6}.landing-features{padding:72px 0;background:var(--card);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.landing-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.landing-feature-card{padding:4px}.landing-feature-icon{width:40px;height:40px;background:#f0f0f3;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:14px}.landing-feature-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.01em}.landing-feature-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}.landing-pricing{padding:80px 0}.landing-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:700px;margin:0 auto}.landing-plan-card{background:var(--card);border:1.5px solid var(--card-border);border-radius:var(--radius-lg);padding:28px;position:relative;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px}.landing-plan-card--premium{border-color:#fde68a;background:#fffbeb;box-shadow:0 4px 24px #fbbf2426,var(--shadow-sm)}.landing-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#111;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:3px 10px;white-space:nowrap}.landing-plan-header{display:flex;flex-direction:column;gap:4px}.landing-plan-name{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.landing-plan-price{font-size:36px;font-weight:800;color:var(--text-primary);letter-spacing:-.04em;line-height:1;margin-top:4px}.landing-plan-price-row{display:flex;align-items:baseline;gap:8px}.landing-plan-price-note{font-size:12px;color:var(--text-secondary)}.landing-plan-sub{font-size:12px;color:var(--text-tertiary)}.landing-plan-features{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1}.landing-plan-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.landing-plan-feature.limit{color:var(--text-tertiary);text-decoration:line-through}.plan-check{color:var(--green);flex-shrink:0}.premium-check{color:#d97706}.landing-plan-btn{width:100%;height:40px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s}.free-plan-btn{background:#f0f0f3;color:var(--text-primary);border:1px solid var(--card-border)}.free-plan-btn:hover{background:#e8e8ec;transform:translateY(-1px)}.premium-plan-btn{background:#111;color:#fff}.premium-plan-btn:hover{background:#2a2a2a;transform:translateY(-1px)}.landing-plan-stripe-note{font-size:10px;color:var(--text-tertiary);text-align:center}.landing-usecases{padding:72px 0;background:var(--card);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.landing-usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.landing-usecase-card{display:flex;align-items:flex-start;gap:14px;padding:20px;background:#fafafa;border:1px solid var(--card-border);border-radius:var(--radius-md);transition:box-shadow .2s,transform .2s}.landing-usecase-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-usecase-icon{font-size:24px;flex-shrink:0;line-height:1}.landing-usecase-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.01em}.landing-usecase-desc{font-size:12px;color:var(--text-secondary);line-height:1.6}.landing-footer{padding:32px 0;border-top:1px solid var(--card-border)}.landing-footer-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-footer-copy{font-size:12px;color:var(--text-tertiary)}.landing-internal-links{padding:80px 0;background:#fafafa}.landing-pages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.landing-page-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--card);border:1.5px solid var(--card-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .2s,transform .15s;box-shadow:var(--shadow-sm)}.landing-page-card:hover{border-color:#9ca3af;box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-page-card-icon{width:36px;height:36px;background:#f0f0f3;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:background .15s,color .15s}.landing-page-card:hover .landing-page-card-icon{background:#111;color:#fff}.landing-page-card-content{flex:1;min-width:0}.landing-page-card-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:3px}.landing-page-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.landing-page-card-arrow{color:var(--text-tertiary);flex-shrink:0;transition:transform .15s,color .15s}.landing-page-card:hover .landing-page-card-arrow{transform:translate(3px);color:var(--text-primary)}.landing-faq{padding:80px 0;background:var(--card);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.landing-faq-list{display:flex;flex-direction:column;gap:0;border:1.5px solid var(--card-border);border-radius:var(--radius-md);overflow:hidden}.landing-faq-item{border-bottom:1px solid var(--card-border)}.landing-faq-item:last-child{border-bottom:none}.landing-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:var(--card);border:none;cursor:pointer;text-align:left;font-size:14px;font-weight:600;color:var(--text-primary);transition:background .15s}.landing-faq-question:hover,.landing-faq-item.open .landing-faq-question{background:#f9f9fb}.landing-faq-chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s}.landing-faq-chevron.rotated{transform:rotate(180deg)}.landing-faq-answer{padding:0 24px 18px;font-size:13px;color:var(--text-secondary);line-height:1.7;background:#f9f9fb}.landing-footer-links{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.landing-footer-link{font-size:12px;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.landing-footer-link:hover{color:var(--text-secondary);background:#f0f0f3}.seo-page{min-height:100vh;background:#fafafa;color:var(--text-primary);font-family:var(--font)}.seo-nav{position:sticky;top:0;background:#fafafaeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:50}.seo-nav-inner{max-width:820px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:16px}.seo-back-btn{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.seo-back-btn:hover{background:#f0f0f3;color:var(--text-primary)}.seo-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.seo-breadcrumb-link{cursor:pointer;transition:color .15s}.seo-breadcrumb-link:hover{color:var(--text-secondary)}.seo-breadcrumb-sep{color:#d1d5db}.seo-main{max-width:820px;margin:0 auto;padding:48px 24px 80px}.seo-content{display:flex;flex-direction:column;gap:48px}.seo-article-header{display:flex;flex-direction:column;gap:16px;padding-bottom:32px;border-bottom:1px solid var(--card-border)}.seo-tag{display:inline-flex;align-items:center;gap:6px;background:#f0f0f3;border:1px solid var(--card-border);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:500;color:var(--text-secondary);width:-moz-fit-content;width:fit-content}.seo-h1{font-size:36px;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.03em}.seo-lead{font-size:17px;color:var(--text-secondary);line-height:1.7}.seo-toc{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:20px 24px}.seo-toc-title{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.seo-toc-list{list-style:decimal;padding-left:18px;display:flex;flex-direction:column;gap:6px}.seo-toc-list li a{font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color .15s}.seo-toc-list li a:hover{color:var(--text-primary)}.seo-section{display:flex;flex-direction:column;gap:16px;scroll-margin-top:80px}.seo-h2{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.3}.seo-section p{font-size:15px;color:var(--text-secondary);line-height:1.75}.seo-list{padding-left:20px;display:flex;flex-direction:column;gap:8px}.seo-list li{font-size:15px;color:var(--text-secondary);line-height:1.6}.seo-checklist{list-style:none;display:flex;flex-direction:column;gap:10px}.seo-checklist li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.seo-checklist li svg{color:var(--green);flex-shrink:0}.seo-highlight-box{display:flex;align-items:flex-start;gap:12px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:var(--radius-md);padding:14px 16px;font-size:13px;color:var(--text-secondary);line-height:1.6}.seo-highlight-icon{flex-shrink:0;margin-top:1px}.seo-highlight-icon.green{color:var(--green)}.seo-warning-box{display:flex;align-items:flex-start;gap:12px;background:#fffbeb;border:1px solid #FDE68A;border-radius:var(--radius-md);padding:14px 16px;font-size:13px;color:#92400e;line-height:1.6}.seo-warning-icon{flex-shrink:0;margin-top:1px;color:#d97706}.seo-rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.seo-rule-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--card);border:1.5px solid var(--card-border);border-radius:var(--radius-md)}.seo-rule-card.valid-card{border-color:#bbf7d0;background:#f0fdf4}.seo-rule-number{width:28px;height:28px;border-radius:50%;background:#111;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.seo-rule-number.valid{background:var(--green)}.seo-rule-number.warn{background:#d97706}.seo-rule-card p,.seo-rule-card div p{font-size:12px;color:var(--text-tertiary);margin-top:4px;line-height:1.5}.seo-rule-card strong{font-size:13px;color:var(--text-primary)}.seo-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1.5px solid var(--card-border)}.seo-table{width:100%;border-collapse:collapse;font-size:13px}.seo-table thead{background:#f4f4f6}.seo-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--text-primary);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--card-border)}.seo-table td{padding:10px 14px;color:var(--text-secondary);border-bottom:1px solid var(--card-border)}.seo-table tr:last-child td{border-bottom:none}.seo-table-highlight td{background:#f9f9fb}.seo-errors-list{display:flex;flex-direction:column;gap:12px}.seo-error-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--card);border:1.5px solid var(--card-border);border-radius:var(--radius-md)}.seo-error-badge{font-size:10px;font-weight:700;color:#fff;background:#ef4444;border-radius:4px;padding:2px 7px;white-space:nowrap;flex-shrink:0;margin-top:2px}.seo-error-item strong{font-size:13px;color:var(--text-primary);display:block;margin-bottom:4px}.seo-error-item p{font-size:12px;color:var(--text-secondary);line-height:1.55;margin:0}.seo-timeline{display:flex;flex-direction:column;gap:0;border-left:2px solid var(--card-border);padding-left:20px}.seo-timeline-item{display:flex;align-items:flex-start;gap:12px;padding-bottom:20px;position:relative}.seo-timeline-item:before{content:"";position:absolute;left:-25px;top:3px;width:8px;height:8px;border-radius:50%;background:#111}.seo-timeline-item svg{color:var(--text-tertiary);flex-shrink:0;margin-top:1px}.seo-timeline-item strong{font-size:13px;color:var(--text-primary);display:block;margin-bottom:3px}.seo-timeline-item p{font-size:12px;color:var(--text-secondary);line-height:1.55;margin:0}.seo-cta-block{background:#111;border-radius:var(--radius-lg);padding:32px;text-align:center;color:#fff}.seo-cta-block h3{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:8px}.seo-cta-block p{font-size:14px;color:#fff9;margin-bottom:20px;line-height:1.6}.seo-cta-btn{height:44px;background:#fff;color:#111;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;padding:0 24px;display:inline-flex;align-items:center;gap:8px;transition:background .15s,transform .1s}.seo-cta-btn:hover{background:#f0f0f3;transform:translateY(-1px)}.seo-internal-links{padding-top:32px;border-top:1px solid var(--card-border)}.seo-internal-links-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.seo-internal-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.seo-internal-link-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1.5px solid var(--card-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.seo-internal-link-card:hover{border-color:#9ca3af;transform:translateY(-1px)}.seo-internal-link-card svg{color:var(--text-tertiary);flex-shrink:0}.seo-internal-link-card strong{font-size:13px;color:var(--text-primary);display:block;margin-bottom:2px}.seo-internal-link-card span{font-size:11px;color:var(--text-tertiary)}.seo-inline-link{background:transparent;border:none;color:var(--text-primary);font-size:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;transition:opacity .15s}.seo-inline-link:hover{opacity:.7}.seo-inline-link-plain{background:transparent;border:none;color:inherit;font-size:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}.seo-legal-block{background:#f9f9fb;border:1.5px solid var(--card-border);border-radius:var(--radius-md);padding:20px}.seo-legal-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.seo-legal-quote{font-size:14px;color:var(--text-secondary);line-height:1.75;border-left:3px solid #111111;padding-left:16px;font-style:italic}.seo-color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.seo-color-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:var(--radius-md);border:1.5px solid var(--card-border);background:var(--card)}.seo-color-card.forbidden{opacity:.7}.seo-color-demo{width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.06)}.seo-color-status{font-size:10px;font-weight:600;border-radius:4px;padding:2px 6px}.seo-color-status.ok{color:#065f46;background:#d1fae5}.seo-color-status.no{color:#991b1b;background:#fee2e2}.seo-color-card p{font-size:11px;color:var(--text-tertiary);margin:0}.seo-step-number{display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;font-size:11px;font-weight:700;border-radius:20px;padding:3px 12px;width:-moz-fit-content;width:fit-content;letter-spacing:.04em}.seo-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.seo-option-card{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--card);border:1.5px solid var(--card-border);border-radius:var(--radius-md)}.seo-option-card svg{color:var(--text-secondary)}.seo-option-card h3{font-size:13px;font-weight:700;color:var(--text-primary)}.seo-option-card p{font-size:12px;color:var(--text-secondary);line-height:1.6;margin:0}.seo-option-tag{font-size:10px;font-weight:600;color:var(--text-tertiary);background:#f0f0f3;border-radius:4px;padding:3px 8px;width:-moz-fit-content;width:fit-content}.seo-option-tag.recommended{color:#065f46;background:#d1fae5}.seo-binome-structure{background:var(--card);border:1.5px solid var(--card-border);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:0}.seo-binome-pair{display:flex;align-items:center;gap:16px;padding:12px 0}.seo-binome-pair-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;width:48px;flex-shrink:0}.seo-binome-candidates{display:flex;align-items:center;gap:12px;flex:1}.seo-binome-candidate{flex:1;padding:10px 14px;background:#f4f4f6;border-radius:var(--radius-sm)}.seo-binome-role{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.seo-binome-name{font-size:13px;font-weight:500;color:var(--text-secondary);font-style:italic}.seo-binome-separator{font-size:14px;font-weight:700;color:var(--text-tertiary)}.seo-binome-divider{height:1px;background:var(--card-border);margin:4px 0}.seo-parite-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.seo-parite-card{padding:16px;border-radius:var(--radius-md);border:1.5px solid var(--card-border);background:var(--card)}.seo-parite-card.valid{border-color:#bbf7d0;background:#f0fdf4}.seo-parite-card.invalid{border-color:#fecaca;background:#fff5f5;opacity:.8}.seo-parite-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#065f46;margin-bottom:10px}.seo-parite-status.invalid-status{color:#991b1b}.seo-parite-combo{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.seo-format-visual{display:flex;justify-content:center;padding:24px 0}.seo-format-a6{width:105px;height:148px;background:var(--card);border:1.5px solid #111111;border-radius:4px;padding:14px 12px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-md)}.seo-format-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.seo-format-dims{font-size:8px;color:var(--text-tertiary)}.seo-format-content{display:flex;flex-direction:column;gap:6px;flex:1;justify-content:center}.seo-format-line{height:6px;background:#e8e8ec;border-radius:2px}.seo-format-line.short{width:60%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 1024px){.processor-grid{grid-template-columns:1fr}.controls-col{max-height:none;border-top:1px solid var(--card-border);border-right:none}.info-grid{grid-template-columns:repeat(2,1fr)}.quick-info{grid-template-columns:1fr}}@media (max-width: 768px){.info-hero,.info-grid,.preview-col{grid-template-columns:1fr}.content-area{padding:16px}}@media (max-width: 1024px){.landing-hero{grid-template-columns:1fr;padding:48px 24px 40px;gap:40px}.landing-features-grid,.landing-usecase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.landing-hero-title{font-size:30px}.landing-pricing-grid,.landing-features-grid,.landing-usecase-grid{grid-template-columns:1fr}.landing-hero-visual{flex-direction:column;align-items:center}.landing-preview-card{max-width:100%;width:200px}.landing-preview-vs{transform:rotate(90deg)}.landing-nav-actions .landing-cta-sm{display:none}.landing-footer-inner{flex-direction:column;text-align:center}.landing-pages-grid{grid-template-columns:1fr}}@media (max-width: 768px){.seo-rules-grid,.seo-internal-links-grid,.seo-options-grid,.seo-parite-grid{grid-template-columns:1fr}.seo-color-grid{grid-template-columns:repeat(3,1fr)}.seo-h1{font-size:26px}.seo-main{padding:32px 16px 64px}.landing-pages-grid{grid-template-columns:1fr}}