:root{--primary-color: #3b82f6;--desc-color: #4b5563}a{text-decoration: none !important}.container{max-width: 1440px;margin: 0 auto}.tool-container{max-width: 1000px;margin: 0 auto;padding: 20px}.tool-container.wide{max-width: 1100px}.tool-container.narrow{max-width: 900px}.top-nav{max-width: 1440px;padding: 1rem 1rem 2rem 1rem;color: #1f2937 !important}.top-nav a{color: var(--primary-color);text-decoration: none}.top-nav a:hover{color: #1d4ed8}.top-nav div{display: flex;flex-direction: row;height: 2rem;line-height: 2rem;font-weight: bold;font-size: 1rem}.top-nav img{display: block;height: 2rem;width: 2rem;padding: .25rem;margin: 0 .6rem 0 0;background-color: #ffffff;border-radius: 2rem}.section-title{font-size: 1.3rem;font-weight: 600;color: #3b82f6;display: flex;align-items: center;gap: .8rem}.section-title .icon{font-size: 24px}.tool-hero{text-align: center;padding: 2rem 1rem;margin-bottom: 0rem}.tool-hero-title{font-size: 2rem;font-weight: 700;color: #1f2937;margin-bottom: 1rem;letter-spacing: -0.02em}.tool-hero-subtitle{font-size: 1rem;color: #6b7280;line-height: 1.7;text-align: left;max-width: 800px;margin: 0 auto}.tool-hero-link{font-size: 0.9rem;color: #6b7280;margin: 8px auto 0;max-width: 800px}.tool-hero-link a{color: #2563eb;text-decoration: none;font-weight: 500}.tool-hero-link a:hover{text-decoration: underline}.ai-summary-block{font-size: 14px;color: #6b7280;line-height: 1.6;margin: 8px auto 12px;max-width: 800px;text-align: left;contain: layout style}.ai-summary-summary{font-size: 0.9rem;color: #6b7280;padding: 4px 0}.ai-summary-content{margin-top: 8px;text-align: left;padding: 12px 16px;background: #f9fafb;border-radius: 8px;border: 1px solid #e5e7eb}.ai-summary-content p{margin-bottom: 8px}.ai-summary-content ul{padding-left: 20px;margin: 6px 0}.ai-summary-content li{margin-bottom: 4px}.calc-section{background: #f8f9fa;border-radius: 8px;padding: 25px;margin-bottom: 20px;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.05)}.input-group{margin-bottom: 15px}.input-group label{display: block;font-weight: 600;margin-bottom: 8px;color: #666;font-size: 14px}.input-group input,.input-group select,.input-group textarea{width: 100%;padding: 12px 15px;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 16px;background: #fff}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline: none;border-color: #667eea;box-shadow: 0 0 0 3px rgba(102,126,234,0.2)}.input-group textarea{min-height: 120px;resize: vertical;font-family: 'Courier New',Courier,monospace;line-height: 1.5}.settings-panel{background: #f8f9fa;border: 1px solid #e0e0e0;border-radius: 12px;padding: 25px;margin-bottom: 25px;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.05)}.settings-row{display: flex;gap: 20px;flex-wrap: wrap;align-items: flex-end;margin-bottom: 20px}.settings-row:last-child{margin-bottom: 0}.setting-group{flex: 1;min-width: 200px}.setting-group-wide{flex: 2}.setting-group label{display: block;font-weight: 600;margin-bottom: 8px;color: #666;font-size: 14px}.setting-group select,.setting-group input{width: 100%;padding: 12px 15px;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 16px;background: #fff}.setting-group select:focus,.setting-group input:focus{outline: none;border-color: #4CAF50;box-shadow: 0 0 0 3px rgba(76,175,80,0.2)}.checkbox-group{display: flex;align-items: center;gap: 10px;margin-top: 20px}.checkbox-group input[type="checkbox"]{width: 20px;height: 20px;cursor: pointer}.checkbox-group label{font-size: 14px;color: #666;cursor: pointer}.results-container{display: none}.results-container.visible{display: block}.results-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px}.results-header h2{margin: 0;font-size: 20px;color: #999}.results-columns{display: grid;grid-template-columns: 1fr 1fr;gap: 30px}.results-box{background: #fff;border: 2px solid #e0e0e0;border-radius: 12px;padding: 20px;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.05)}.results-box h3{margin: 0 0 15px 0;font-size: 16px;color: #4CAF50;display: flex;align-items: center;gap: 8px}.results-box h3 .icon{font-size: 20px}.results-box-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px}.btn-print-small{padding: 6px 12px;border: none;border-radius: 6px;font-size: 12px;font-weight: 600;cursor: pointer;background: #2196F3;color: white;transition: all 0.2s}.btn-print-small:hover{background: #1976D2}.problems-list,.answers-list{list-style: none;padding: 0;margin: 0}.problems-list li,.answers-list li{padding: 12px 15px;border-bottom: 1px solid #eee;font-family: 'Courier New',monospace;font-size: 16px}.problems-list li:last-child,.answers-list li:last-child{border-bottom: none}.problems-list li{display: flex;align-items: center;gap: 10px}.problem-number{font-weight: 600;color: #4CAF50;min-width: 30px}.problem-text{flex: 1;color: #666}.answers-list li{display: flex;align-items: center;gap: 15px}.answer-number{font-weight: 600;color: #4CAF50;min-width: 30px}.answer-problem{color: #666;font-size: 14px}.answer-result{font-weight: 700;color: #2e7d32;font-size: 18px}.reference-table{max-width: 900px;margin: 2rem auto;padding: 0 20px;contain: layout style}.reference-table h3{color: #1f2937;font-size: 1.1rem;font-weight: 600;margin-bottom: 0.75rem}.reference-table .info-table{width: 100%;border-collapse: collapse;margin: 1rem 0;font-size: 0.95rem}.reference-table .info-table th{background: #f8fafc;font-weight: 600;text-align: left;padding: 0.75rem 1rem;border-bottom: 2px solid #e5e7eb;color: #1f2937}.reference-table .info-table td{padding: 0.6rem 1rem;border-bottom: 1px solid #f1f5f9;color: #4b5563}.reference-table .info-table tr:hover td{background: #f8fafc}.reference-table .table-note{font-size: 0.85rem;color: #9ca3af;margin-top: 0.5rem}.reference-table .example-item{margin-bottom: 1.25rem}.reference-table .example-item h4{font-size: 0.95rem;font-weight: 600;color: #1f2937;margin-bottom: 0.5rem}.reference-table .example-box{background: #f3f4f6;border: 1px solid #e5e7eb;border-radius: 8px;padding: 12px 16px}.reference-table .example-box .example-label{font-size: 0.8rem;font-weight: 600;color: #6b7280;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 6px}.reference-table .example-box pre{margin: 0;white-space: pre-wrap;word-break: break-word;font-size: 0.85rem;line-height: 1.5;color: #374151}.reference-table .example-box pre code{font-family: 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace}.reference-table .scenario-item{margin-bottom: 0.75rem}.reference-table .scenario-item h4{font-size: 0.95rem;font-weight: 600;color: #1f2937;margin-bottom: 0.25rem}.reference-table .scenario-item p{font-size: 0.9rem;color: #4b5563;line-height: 1.6;margin: 0}.breadcrumb-nav{font-size: 0.85rem;color: #6b7280;padding: 0 1rem;margin-bottom: 0.5rem;contain: layout style}.breadcrumb-nav ol{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 0}.breadcrumb-nav li{display: inline;color: #6b7280}.breadcrumb-nav li+li::before{content: "›";margin: 0 0.4rem;color: #9ca3af}.breadcrumb-nav a{color: #3b82f6;text-decoration: none}.breadcrumb-nav a:hover{text-decoration: underline}.info-box{background: #ffffff;border-radius: 16px;padding: 2rem;margin-top: 2rem;color: #374151;border: 1px solid #e5e7eb;box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.info-box h2{color: #1f2937;font-size: 1.5rem;font-weight: 600;margin-bottom: 1.25rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e5e7eb}.info-box h3{color: #3b82f6;font-size: 1.1rem;font-weight: 600;margin-top: 1.5rem;margin-bottom: 0.75rem}.info-box ul{margin-bottom: 0;padding-left: 1.25rem}.info-box li{margin-bottom: 0.5rem;color: #4b5563;line-height: 1.6}.info-box p{color: #4b5563;line-height: 1.7;margin-bottom: 0.75rem}.info-box .table-note{font-size: 0.85rem;color: #9ca3af;margin-top: 0.5rem}.info-box table.info-table{width: 100%;border-collapse: collapse;margin: 1rem 0;font-size: 0.95rem}.info-box table.info-table th{background: #f8fafc;font-weight: 600;text-align: left;padding: 0.75rem 1rem;border-bottom: 2px solid #e5e7eb;color: #1f2937}.info-box table.info-table td{padding: 0.6rem 1rem;border-bottom: 1px solid #f1f5f9;color: #4b5563}.info-box table.info-table tr:hover td{background: #f8fafc}.info-box .related-tools-list{list-style: none;padding: 0;margin: 0.5rem 0 0}.info-box .related-tools-list li{padding: 0.5rem 0;border-bottom: 1px solid #f1f5f9}.info-box .related-tools-list li:last-child{border-bottom: none}.info-box .related-tools-list a{color: #2563eb;text-decoration: none;font-weight: 500}.info-box .related-tools-list a:hover{text-decoration: underline}.how-to-guide{padding-left: 1.5rem;margin: 0.5rem 0;contain: layout style}.how-to-guide li{margin-bottom: 0.75rem;color: #4b5563;line-height: 1.7}.practical-applications p{margin-bottom: 0.75rem}.copy-toast{display: none;margin: 20px auto;padding: 12px 24px;background-color: #10b981;color: white;border-radius: 4px;text-align: center;max-width: 400px;box-shadow: 0 4px 12px rgba(0,0,0,0.15);animation: fadeIn 0.3s ease-in-out}.copy-toast.error{background-color: #c00000}@keyframes fadeIn{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}.tkb-toast{position: fixed;bottom: 0;left: 0;right: 0;background-color: #10b981;color: white;padding: 16px 20px;display: flex;justify-content: center;align-items: center;gap: 15px;transform: translateY(100%);transition: transform 0.3s ease-in-out;z-index: 9999;box-shadow: 0 -4px 12px rgba(0,0,0,0.15)}.tkb-toast.show{transform: translateY(0)}.tkb-toast.error{background-color: #ef4444}.tkb-toast-message{flex: 1;text-align: center;font-size: 15px;font-weight: 500}.tkb-toast-close{background: rgba(255,255,255,0.2);border: none;color: white;width: 32px;height: 32px;border-radius: 50%;cursor: pointer;font-size: 16px;display: flex;align-items: center;justify-content: center;transition: background 0.2s;flex-shrink: 0}.tkb-toast-close:hover{background: rgba(255,255,255,0.3)}footer{text-align: center;padding: 1.5rem;color: #64748b;font-size: 0.9rem}footer p{margin: 1rem auto}footer a{color: #64748b;text-decoration: none}footer a:hover{color: #3b82f6}footer span{color: #0d9488}@media (max-width: 768px){.tool-hero{padding: 1.5rem 1rem}.tool-hero-title{font-size: 1.5rem}.tool-hero-subtitle{font-size: 0.9rem}.results-columns{grid-template-columns: 1fr}.breadcrumb-nav{font-size: 0.8rem}.ai-summary-block{font-size: 13px;margin: 4px auto 8px}.reference-table{padding: 0 12px}.reference-table table{font-size: 0.85rem}.reference-table th,.reference-table td{padding: 0.4rem 0.5rem}.tkb-toast{padding: 14px 15px}.tkb-toast-message{font-size: 14px}}@media (max-width: 480px){.ai-summary-content{padding: 8px 12px}.reference-table{overflow-x: auto}}.hero-section{text-align: center;padding: 3rem 1rem 2rem}.hero-content{max-width: 600px;margin: 0 auto}.hero-logo-link{display: inline-block;margin-bottom: 1.5rem}.hero-logo{width: 100px;height: 100px;padding: 10px;border-radius: 24px;box-shadow: 0 8px 32px rgba(59,130,246,0.2);transition: transform 0.3s ease,box-shadow 0.3s ease}.hero-logo:hover{transform: scale(1.05);box-shadow: 0 12px 40px rgba(59,130,246,0.3)}.hero-title{font-size: 2.5rem;font-weight: 700;color: #1f2937;margin-bottom: 2rem;letter-spacing: -0.02em}.hero-subtitle{font-size: 1.15rem;color: #6b7280;font-weight: 400}.intro-section{max-width: 800px;margin: 0 auto 2rem;padding: 0 1rem}.intro-text{text-align: center;color: #4b5563;line-height: 1.8;font-size: 1rem}.tools-section{max-width: 1200px;margin: 0 auto;padding: 0 1rem 2rem}.section-heading{display: flex;align-items: center;gap: 0.75rem;font-size: 1.5rem;font-weight: 600;color: #1f2937;margin-bottom: 1.5rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e5e7eb}.heading-icon{font-size: 1.5rem}.tools-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: 1.25rem}.tool-card{display: flex;flex-direction: column;background: #ffffff;border-radius: 16px;padding: 1.5rem;text-decoration: none;border: 1px solid #e5e7eb;box-shadow: 0 2px 8px rgba(0,0,0,0.04);transition: all 0.3s ease;position: relative;overflow: hidden}.tool-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,#3b82f6,#8b5cf6);opacity: 0;transition: opacity 0.3s ease}.tool-card:hover{border-color: #3b82f6;box-shadow: 0 8px 24px rgba(59,130,246,0.12);transform: translateY(-4px)}.tool-card:hover::before{opacity: 1}.tool-card-header{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.75rem}.tool-icon{font-size: 1.5rem;line-height: 1}.tool-card-title{font-size: 1.1rem;font-weight: 600;color: #1f2937;margin: 0;transition: color 0.3s ease}.tool-card:hover .tool-card-title{color: #3b82f6}.tool-card-desc{color: #6b7280;font-size: 0.9rem;line-height: 1.6;margin: 0 0 1rem;flex: 1;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.tool-card-footer{display: flex;align-items: center;justify-content: flex-end;padding-top: 0.75rem;border-top: 1px solid #f3f4f6}.tool-link-text{font-size: 0.85rem;font-weight: 500;color: #3b82f6;transition: transform 0.3s ease}.tool-card:hover .tool-link-text{transform: translateX(4px)}@media (max-width: 768px){.hero-section{padding: 2rem 1rem 1.5rem}.hero-logo{width: 80px;height: 80px}.hero-title{font-size: 2rem}.hero-subtitle{font-size: 1rem}.tools-grid{grid-template-columns: 1fr;gap: 1rem}.tool-card{padding: 1.25rem}}.cf-options-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.cf-option-field{display: flex;flex-direction: column;gap: 6px}.cf-option-label{font-size: 0.9rem;font-weight: 600;padding: 4px 12px;border-radius: 6px;display: inline-block;width: fit-content}.cf-heads-label{background: #dbeafe;color: #1d4ed8}.cf-tails-label{background: #fce7f3;color: #be185d}.cf-option-input{width: 100%;padding: 12px 16px;border: 2px solid #d1d5db;border-radius: 10px;font-size: 1rem;color: #1f2937;transition: border-color 0.15s ease}.cf-option-input:focus{outline: none;border-color: #667eea;box-shadow: 0 0 0 3px rgba(102,126,234,0.15)}.cf-flip-area{text-align: center;padding: 30px 0 10px}.cf-coin-wrapper{perspective: 800px;display: inline-block;margin-bottom: 16px}.cf-coin{width: 140px;height: 140px;position: relative;transform-style: preserve-3d;transition: transform 1.2s cubic-bezier(0.25,0.46,0.45,0.94);cursor: pointer}.cf-coin-face{position: absolute;width: 100%;height: 100%;border-radius: 50%;display: flex;align-items: center;justify-content: center;backface-visibility: hidden;box-shadow: 0 4px 16px rgba(0,0,0,0.12)}.cf-coin-heads{background: linear-gradient(145deg,#fbbf24,#f59e0b);border: 4px solid #d97706}.cf-coin-tails{background: linear-gradient(145deg,#c0c0c0,#a8a8a8);border: 4px solid #8a8a8a;transform: rotateX(180deg)}.cf-coin-letter{font-size: 3rem;font-weight: 800;color: rgba(255,255,255,0.9);text-shadow: 1px 2px 4px rgba(0,0,0,0.2)}.cf-result-text{font-size: 1.8rem;font-weight: 700;margin-top: 8px;min-height: 2.2rem}.cf-result-heads{color: #1d4ed8}.cf-result-tails{color: #be185d}.cf-result-choice{font-size: 1.2rem;font-weight: 600;color: #374151;margin-top: 4px;min-height: 1.5rem}.cf-stats-row{display: flex;gap: 16px;margin: 20px 0;justify-content: center}.cf-stat-card{background: #f8f9fa;border-radius: 12px;padding: 16px 24px;text-align: center;min-width: 100px;border-bottom: 3px solid #9ca3af}.cf-stat-card.cf-stat-heads{border-bottom-color: #3b82f6}.cf-stat-card.cf-stat-tails{border-bottom-color: #ec4899}.cf-stat-value{font-size: 1.6rem;font-weight: 700;color: #1f2937}.cf-stat-label{font-size: 0.85rem;color: #6b7280;margin-top: 4px}.cf-history-section{background: #f8f9fa;border-radius: 12px;padding: 20px;margin-top: 10px}.cf-history-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px}.cf-history-title{font-size: 1.05rem;font-weight: 700;color: #374151}.cf-history-header .btn-reset{padding: 4px 14px;font-size: 0.82rem}.cf-history-list{max-height: 240px;overflow-y: auto;display: flex;flex-direction: column;gap: 6px}.cf-hist-item{display: flex;align-items: center;gap: 8px;padding: 8px 12px;border-radius: 8px;background: #fff;font-size: 0.9rem}.cf-hist-badge{font-size: 0.78rem;font-weight: 600;padding: 2px 10px;border-radius: 20px;white-space: nowrap}.cf-hist-heads .cf-hist-badge{background: #dbeafe;color: #1d4ed8}.cf-hist-tails .cf-hist-badge{background: #fce7f3;color: #be185d}.cf-hist-text{color: #4b5563}@media (max-width: 600px){.cf-options-grid{grid-template-columns: 1fr}.cf-coin{width: 120px;height: 120px}.cf-coin-letter{font-size: 2.5rem}.cf-stats-row{gap: 10px}.cf-stat-card{padding: 12px 16px;min-width: 80px}}.CodeMirror{font-family: monospace;height: 300px;color: #000;direction: ltr}.CodeMirror-lines{padding: 4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding: 0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color: #fff}.CodeMirror-gutters{border-right: 1px solid #ddd;background-color: #f7f7f7;white-space: nowrap}.CodeMirror-linenumber{padding: 0 3px 0 5px;min-width: 20px;text-align: right;color: #999;white-space: nowrap}.CodeMirror-guttermarker{color: #000}.CodeMirror-guttermarker-subtle{color: #999}.CodeMirror-cursor{border-left: 1px solid #000;border-right: none;width: 0}.CodeMirror div.CodeMirror-secondarycursor{border-left: 1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width: auto;border: 0 !important;background: #7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index: 1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background: 0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background: 0 0}.cm-fat-cursor{caret-color: transparent}@-moz-keyframes blink{50%{background-color: transparent}}@-webkit-keyframes blink{50%{background-color: transparent}}@keyframes blink{50%{background-color: transparent}}.cm-tab{display: inline-block;text-decoration: inherit}.CodeMirror-rulers{position: absolute;left: 0;right: 0;top: -50px;bottom: 0;overflow: hidden}.CodeMirror-ruler{border-left: 1px solid #ccc;top: 0;bottom: 0;position: absolute}.cm-s-default .cm-header{color: #00f}.cm-s-default .cm-quote{color: #090}.cm-negative{color: #d44}.cm-positive{color: #292}.cm-header,.cm-strong{font-weight: 700}.cm-em{font-style: italic}.cm-link{text-decoration: underline}.cm-strikethrough{text-decoration: line-through}.cm-s-default .cm-keyword{color: #708}.cm-s-default .cm-atom{color: #219}.cm-s-default .cm-number{color: #164}.cm-s-default .cm-def{color: #00f}.cm-s-default .cm-variable-2{color: #05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color: #085}.cm-s-default .cm-comment{color: #a50}.cm-s-default .cm-string{color: #a11}.cm-s-default .cm-string-2{color: #f50}.cm-s-default .cm-meta{color: #555}.cm-s-default .cm-qualifier{color: #555}.cm-s-default .cm-builtin{color: #30a}.cm-s-default .cm-bracket{color: #997}.cm-s-default .cm-tag{color: #170}.cm-s-default .cm-attribute{color: #00c}.cm-s-default .cm-hr{color: #999}.cm-s-default .cm-link{color: #00c}.cm-s-default .cm-error{color: red}.cm-invalidchar{color: red}.CodeMirror-composing{border-bottom: 2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color: #0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color: #a22}.CodeMirror-matchingtag{background: rgba(255,150,0,.3)}.CodeMirror-activeline-background{background: #e8f2ff}.CodeMirror{position: relative;overflow: hidden;background: #fff}.CodeMirror-scroll{overflow: scroll !important;margin-bottom: -50px;margin-right: -50px;padding-bottom: 50px;height: 100%;outline: 0;position: relative;z-index: 0}.CodeMirror-sizer{position: relative;border-right: 50px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position: absolute;z-index: 6;display: none;outline: 0}.CodeMirror-vscrollbar{right: 0;top: 0;overflow-x: hidden;overflow-y: scroll}.CodeMirror-hscrollbar{bottom: 0;left: 0;overflow-y: hidden;overflow-x: scroll}.CodeMirror-scrollbar-filler{right: 0;bottom: 0}.CodeMirror-gutter-filler{left: 0;bottom: 0}.CodeMirror-gutters{position: absolute;left: 0;top: 0;min-height: 100%;z-index: 3}.CodeMirror-gutter{white-space: normal;height: 100%;display: inline-block;vertical-align: top;margin-bottom: -50px}.CodeMirror-gutter-wrapper{position: absolute;z-index: 4;background: 0 0 !important;border: none !important}.CodeMirror-gutter-background{position: absolute;top: 0;bottom: 0;z-index: 4}.CodeMirror-gutter-elt{position: absolute;cursor: default;z-index: 4}.CodeMirror-gutter-wrapper ::selection{background-color: transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color: transparent}.CodeMirror-lines{cursor: text;min-height: 1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;border-width: 0;background: 0 0;font-family: inherit;font-size: inherit;margin: 0;white-space: pre;word-wrap: normal;line-height: inherit;color: inherit;z-index: 2;position: relative;overflow: visible;-webkit-tap-highlight-color: transparent;-webkit-font-variant-ligatures: contextual;font-variant-ligatures: contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap: break-word;white-space: pre-wrap;word-break: normal}.CodeMirror-linebackground{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0}.CodeMirror-linewidget{position: relative;z-index: 2;padding: .1px}.CodeMirror-rtl pre{direction: rtl}.CodeMirror-code{outline: 0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing: content-box;box-sizing: content-box}.CodeMirror-measure{position: absolute;width: 100%;height: 0;overflow: hidden;visibility: hidden}.CodeMirror-cursor{position: absolute;pointer-events: none}.CodeMirror-measure pre{position: static}div.CodeMirror-cursors{visibility: hidden;position: relative;z-index: 3}div.CodeMirror-dragcursors{visibility: visible}.CodeMirror-focused div.CodeMirror-cursors{visibility: visible}.CodeMirror-selected{background: #d9d9d9}.CodeMirror-focused .CodeMirror-selected{background: #d7d4f0}.CodeMirror-crosshair{cursor: crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background: #d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background: #d7d4f0}.cm-searching{background-color: #ffa;background-color: rgba(255,255,0,.4)}.cm-force-border{padding-right: .1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility: hidden}}.cm-tab-wrap-hack:after{content: ''}span.CodeMirror-selectedtext{background: 0 0}.cm-s-monokai.CodeMirror{background: #272822;color: #f8f8f2}.cm-s-monokai div.CodeMirror-selected{background: #49483e}.cm-s-monokai .CodeMirror-line::selection,.cm-s-monokai .CodeMirror-line>span::selection,.cm-s-monokai .CodeMirror-line>span>span::selection{background: rgba(73,72,62,.99)}.cm-s-monokai .CodeMirror-line::-moz-selection,.cm-s-monokai .CodeMirror-line>span::-moz-selection,.cm-s-monokai .CodeMirror-line>span>span::-moz-selection{background: rgba(73,72,62,.99)}.cm-s-monokai .CodeMirror-gutters{background: #272822;border-right: 0}.cm-s-monokai .CodeMirror-guttermarker{color: #fff}.cm-s-monokai .CodeMirror-guttermarker-subtle{color: #d0d0d0}.cm-s-monokai .CodeMirror-linenumber{color: #d0d0d0}.cm-s-monokai .CodeMirror-cursor{border-left: 1px solid #f8f8f0}.cm-s-monokai span.cm-comment{color: #75715e}.cm-s-monokai span.cm-atom{color: #ae81ff}.cm-s-monokai span.cm-number{color: #ae81ff}.cm-s-monokai span.cm-comment.cm-attribute{color: #97b757}.cm-s-monokai span.cm-comment.cm-def{color: #bc9262}.cm-s-monokai span.cm-comment.cm-tag{color: #bc6283}.cm-s-monokai span.cm-comment.cm-type{color: #5998a6}.cm-s-monokai span.cm-attribute,.cm-s-monokai span.cm-property{color: #a6e22e}.cm-s-monokai span.cm-keyword{color: #f92672}.cm-s-monokai span.cm-builtin{color: #66d9ef}.cm-s-monokai span.cm-string{color: #e6db74}.cm-s-monokai span.cm-variable{color: #f8f8f2}.cm-s-monokai span.cm-variable-2{color: #9effff}.cm-s-monokai span.cm-type,.cm-s-monokai span.cm-variable-3{color: #66d9ef}.cm-s-monokai span.cm-def{color: #fd971f}.cm-s-monokai span.cm-bracket{color: #f8f8f2}.cm-s-monokai span.cm-tag{color: #f92672}.cm-s-monokai span.cm-header{color: #ae81ff}.cm-s-monokai span.cm-link{color: #ae81ff}.cm-s-monokai span.cm-error{background: #f92672;color: #f8f8f0}.cm-s-monokai .CodeMirror-activeline-background{background: #373831}.cm-s-monokai .CodeMirror-matchingbracket{text-decoration: underline;color: #fff !important}.batch-tip{text-align: center;padding: 12px 20px;margin-bottom: 16px}.batch-tip a{color: #3b82f6;font-size: 0.95rem;text-decoration: none;transition: color 0.2s ease}.batch-tip a:hover{color: #2563eb;text-decoration: underline}.main-content{display: flex;flex-wrap: wrap;gap: 2rem;margin-bottom: 2rem}.code-section{flex: 1;min-width: 20rem;background: rgba(255,255,255,0.95);border-radius: .5rem;overflow: hidden;box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.1);display: flex;flex-direction: column;border: .15rem solid #e2e8f0}.section-header{background: rgba(248,250,252,0.95);padding: 1rem 1.2rem;display: flex;justify-content: space-between;align-items: center;border-bottom: .15rem solid #e2e8f0}.section-title{font-size: 1.3rem;font-weight: 600;color: #3b82f6;display: flex;align-items: center;gap: .8rem}.code-container{flex: 1;overflow: hidden;max-height: 25rem;min-height: 25rem}.code-container.drag-over{border-color: #3b82f6;background-color: rgba(59,130,246,0.05);outline: 2px dashed #3b82f6;outline-offset: -2px}.CodeMirror{height: 100% !important;font-size: 1rem;padding: 1rem 0;max-height: 100%}.CodeMirror-scroll{max-height: 100% !important}.controls{display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;margin: 2rem 0}.btn{padding: 1rem 2rem;font-size: 1rem;font-weight: 600;border: none;border-radius: .5rem;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;gap: .8rem;box-shadow: 0 .2rem 1rem rgba(0,0,0,0.2)}.btn-format{background: linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color: white}.btn-validate{background: linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color: white}.btn-sort{background: linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);color: white}.btn-optimize{background: linear-gradient(135deg,#10b981 0%,#047857 100%);color: white}.btn-purify{background: linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color: white}.btn-minify{background: linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color: white}.btn-clear{background: linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color: white}.btn-download{background: linear-gradient(135deg,#51c4d3 0%,#00919f 100%);color: white;padding: 12px 24px;font-size: 15px;font-weight: 600;border: none;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(81,196,211,0.3);display: inline-flex}.btn-download:hover:not(:disabled){transform: translateY(-2px);box-shadow: 0 4px 12px rgba(81,196,211,0.4)}.btn-download:disabled{opacity: 0.6;cursor: not-allowed;transform: none}.btn-copy{background: linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);color: white}.btn:hover{transform: translateY(-3px);box-shadow: 0 .5rem 1.5rem rgba(0,0,0,0.3)}.btn:active{transform: translateY(0)}.btn:disabled{opacity: 0.6;cursor: not-allowed;transform: none !important}.stats{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 1.5rem;margin: 1.5rem 0;padding: 1.5rem;background: rgba(255,255,255,0.95);border-radius: 1rem;border: .15rem solid #e2e8f0;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.05)}.stat-card{flex: 1;min-width: 150px;padding: 1.25rem;background: #f1f5f9 !important;border-radius: 12px;text-align: center;border-left: 4px solid #3b82f6;box-shadow: 0 2px 8px rgba(0,0,0,0.06)}.stat-card h3{font-size: 0.9rem;color: #374151;margin-bottom: 0.5rem;font-weight: 500}.stat-card .value{font-size: 1.75rem;font-weight: 700;color: #3b82f6}.stat-card.highlight{border-left-color: #8b5cf6}.stat-card.highlight .value{color: #8b5cf6}.stat-card .stat-value{font-size: 1.75rem;font-weight: 700;color: #3b82f6}.stat-card .stat-label{font-size: 0.9rem;color: #374151;font-weight: 500}.stat-card.highlight .stat-value{color: #8b5cf6}@media (max-width: 768px){.main-content{flex-direction: column}.btn{padding: .8rem 1.5rem;font-size: 0.95rem}.controls{gap: .8rem}}.file-upload-area{border: 2px dashed #d1d5db;border-radius: 12px;padding: 40px 20px;text-align: center;cursor: pointer;transition: all 0.3s ease;background: #f9fafb}.file-upload-area:hover{border-color: #3b82f6;background: #eff6ff}.file-upload-area.drag-over{border-color: #3b82f6;background: #dbeafe}.upload-icon{font-size: 48px;margin-bottom: 15px}.upload-text{font-size: 16px;font-weight: 600;color: #374151;margin-bottom: 5px}.upload-subtext{font-size: 14px;color: #6b7280}.file-list{margin-top: 15px}.file-item{display: flex;align-items: center;padding: 12px 15px;background: #f9fafb;border-radius: 8px;margin-bottom: 8px;border: 1px solid #e5e7eb}.file-icon{font-size: 20px;margin-right: 10px}.file-name{flex: 1;font-size: 14px;font-weight: 500;color: #374151;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.file-size{font-size: 13px;color: #6b7280;margin-right: 15px}.file-remove{background: #fee2e2;border: none;color: #dc2626;width: 24px;height: 24px;border-radius: 50%;cursor: pointer;font-size: 16px;display: flex;align-items: center;justify-content: center;transition: background 0.2s}.file-remove:hover{background: #fecaca}.file-item.has-error{background: #fef2f2;border-color: #fecaca}.file-status{font-size: 14px;margin-right: 10px}.file-status.success{color: #2e7d32}.file-status.warning{color: #c62828}.process-options{display: grid;grid-template-columns: repeat(2,1fr);gap: 12px}@media (max-width: 600px){.process-options{grid-template-columns: 1fr}}.process-option{display: flex;align-items: flex-start;padding: 15px;background: #f9fafb;border: 2px solid #e5e7eb;border-radius: 10px;cursor: pointer;transition: all 0.2s ease}.process-option:hover{border-color: #93c5fd;background: #f0f7ff}.process-option input[type="radio"]{margin-top: 3px;margin-right: 12px;width: 18px;height: 18px;accent-color: #3b82f6}.process-option input[type="radio"]:checked+.option-label .option-name{color: #3b82f6}.process-option:has(input:checked){border-color: #3b82f6;background: #eff6ff}.option-label{display: flex;flex-direction: column}.option-name{font-weight: 600;font-size: 15px;color: #374151;margin-bottom: 3px}.option-desc{font-size: 13px;color: #6b7280}.progress-section{background: #f9fafb;border-radius: 10px;padding: 20px;margin-bottom: 20px;border: 1px solid #e5e7eb}.progress-header{display: flex;justify-content: space-between;margin-bottom: 10px;font-size: 14px;color: #374151}.progress-bar{height: 8px;background: #e5e7eb;border-radius: 4px;overflow: hidden}.progress-fill{height: 100%;background: linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius: 4px;transition: width 0.3s ease;width: 0%}.button-row{display: flex;gap: 12px;justify-content: center;flex-wrap: wrap;margin-bottom: 20px}.btn-primary{background: linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color: white;padding: 12px 24px;font-size: 15px;font-weight: 600;border: none;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(59,130,246,0.3)}.btn-primary:hover:not(:disabled){transform: translateY(-2px);box-shadow: 0 4px 12px rgba(59,130,246,0.4)}.btn-primary:disabled{opacity: 0.6;cursor: not-allowed;transform: none}.btn-secondary{background: linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color: white;padding: 12px 24px;font-size: 15px;font-weight: 600;border: none;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(107,114,128,0.3)}.btn-secondary:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(107,114,128,0.4)}.stats-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 15px}@media (max-width: 768px){.stats-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns: 1fr}}.progress-section.hidden,.stats-grid.hidden{display: none}.cvd-mode-tabs{display: flex;gap: 8px}.cvd-mode-tab{padding: 8px 20px;border: 2px solid #d1d5db;border-radius: 8px;background: #fff;cursor: pointer;font-size: 0.9rem;font-weight: 500;color: #374151;transition: all 0.15s ease}.cvd-mode-tab:hover{border-color: #667eea;color: #667eea}.cvd-mode-tab.active{background: linear-gradient(135deg,#667eea,#764ba2);color: #fff;border-color: transparent}.cvd-inputs-row{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.cvd-input-field label{display: block;font-size: 0.88rem;font-weight: 600;color: #6b7280;margin-bottom: 6px}.cvd-input-field .input-group{display: flex;align-items: center;margin-bottom: 0}.cvd-input-field .input-group input{flex: 1;min-width: 0;width: auto;padding: 10px 12px;border: 2px solid #d1d5db;border-radius: 8px 0 0 8px;font-size: 0.95rem;height: 44px;box-sizing: border-box}.cvd-input-field .input-group input:focus{outline: none;border-color: #667eea;box-shadow: 0 0 0 3px rgba(102,126,234,0.15)}.cvd-input-field .input-group select,.cvd-unit-select{width: auto;padding: 10px 10px;border: 2px solid #d1d5db;border-left: none;border-radius: 0 8px 8px 0;background: #f3f4f6;font-size: 0.95rem;color: #4b5563;cursor: pointer;height: 44px;box-sizing: border-box}.cvd-results{margin-top: 20px}.cvd-results.hidden{display: none}.cvd-result-main{display: flex;gap: 20px;align-items: center;background: #f0f4ff;border-radius: 12px;padding: 24px;margin-bottom: 16px}.cvd-result-primary{flex: 1}.cvd-result-label{font-size: 0.9rem;font-weight: 600;color: #6b7280;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 6px}.cvd-result-value{font-size: 1.8rem;font-weight: 700;color: #1e1b4b;font-family: 'SF Mono',SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cvd-diagram-wrap{flex-shrink: 0}.cvd-svg{width: 140px;height: auto}.cvd-result-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-bottom: 16px}.cvd-result-card{background: #f8f9fa;border-radius: 12px;padding: 20px;border-left: 4px solid #667eea}.cvd-card-title{font-size: 1rem;font-weight: 700;color: #374151;margin-bottom: 12px}.cvd-detail-row{display: flex;justify-content: space-between;align-items: baseline;padding: 5px 0;border-bottom: 1px solid #e5e7eb}.cvd-detail-row:last-child{border-bottom: none}.cvd-detail-label{font-size: 0.88rem;color: #6b7280}.cvd-detail-value{font-size: 0.85rem;font-weight: 600;color: #1f2937;font-family: 'SF Mono',SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cvd-steps-section{background: #1e1e2e;border-radius: 12px;overflow: hidden}.cvd-steps-header{padding: 14px 20px;background: #2d2d3f;font-size: 0.95rem;font-weight: 600;color: #cdd6f4}.cvd-steps-body{padding: 16px 20px}.cvd-step{display: flex;gap: 14px;margin-bottom: 14px}.cvd-step:last-child{margin-bottom: 0}.cvd-step-num{width: 28px;height: 28px;border-radius: 50%;background: #667eea;color: #fff;font-size: 0.82rem;font-weight: 700;display: flex;align-items: center;justify-content: center;flex-shrink: 0;margin-top: 2px}.cvd-step-content{flex: 1}.cvd-step-title{font-size: 0.9rem;font-weight: 600;color: #cdd6f4;margin-bottom: 4px}.cvd-step-body{font-size: 0.85rem;color: #a6e3a1;font-family: 'SF Mono',SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height: 1.6;word-break: break-word}@media (max-width: 600px){.cvd-inputs-row{grid-template-columns: 1fr}.cvd-result-main{flex-direction: column-reverse;text-align: center}.cvd-result-grid{grid-template-columns: 1fr}.cvd-result-value{font-size: 1.4rem}}.tool-hero-crosslink{font-size: 0.875rem;color: #6b7280;margin-top: 8px}.tool-hero-crosslink a{color: #3b82f6;text-decoration: none;font-weight: 500}.tool-hero-crosslink a:hover{text-decoration: underline}.section-meta{font-size: 0.9rem;color: #6b7280}.htmlf-options{display: flex;flex-wrap: wrap;gap: 16px;margin: 16px 0;padding: 16px;background: #f8f9fa;border-radius: 8px}.htmlf-checkbox{display: flex;align-items: center;gap: 8px;cursor: pointer;font-size: 14px;color: #333}.htmlf-checkbox input[type="checkbox"]{width: 18px;height: 18px;cursor: pointer;accent-color: #2563eb}.htmlf-error-panel.hidden{display: none}.stat-decrease{color: #2e7d32}.stat-increase{color: #c62828}.stat-neutral{color: #666}.htmlf-error-panel{margin: 16px 0;border: 1px solid #fecaca;border-radius: 8px;background: #fef2f2;overflow: hidden}.htmlf-error-header{display: flex;align-items: center;gap: 8px;padding: 12px 16px;background: #fee2e2;font-weight: 600;color: #991b1b}.htmlf-error-icon{font-size: 18px}.htmlf-error-list{max-height: 200px;overflow-y: auto}.htmlf-error-item{display: flex;align-items: flex-start;gap: 12px;padding: 10px 16px;border-bottom: 1px solid #fecaca;font-size: 14px}.htmlf-error-item:last-child{border-bottom: none}.htmlf-error-line{flex-shrink: 0;font-weight: 600;color: #2563eb;min-width: 60px}.htmlf-error-msg{color: #333;word-break: break-word}@media (max-width: 600px){.htmlf-options{flex-direction: column;gap: 12px}.htmlf-error-item{flex-direction: column;gap: 4px}.htmlf-error-line{min-width: auto}}.htmlf-upload-area{border: 2px dashed #d1d5db;border-radius: 12px;padding: 40px 20px;text-align: center;cursor: pointer;transition: all 0.2s ease;background: #fafafa}.htmlf-upload-area:hover{border-color: #3b82f6;background: #f0f7ff}.htmlf-upload-area.dragover{border-color: #3b82f6;background: #e0efff}.htmlf-upload-area .upload-icon{font-size: 48px;margin-bottom: 12px}.htmlf-upload-area .upload-text{font-size: 16px;color: #333;margin: 0 0 8px 0}.htmlf-upload-area .upload-subtext{font-size: 13px;color: #666;margin: 0}.htmlf-file-list{margin-top: 16px;display: flex;flex-direction: column;gap: 8px}.htmlf-file-list.hidden{display: none}.htmlf-file-item{display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;background: #f8f9fa;border-radius: 8px;border: 1px solid #e5e7eb}.htmlf-file-item.has-error{background: #fef2f2;border-color: #fecaca}.htmlf-file-info{display: flex;align-items: center;gap: 12px}.htmlf-file-name{font-size: 14px;font-weight: 500;color: #333}.htmlf-file-size{font-size: 12px;color: #666}.htmlf-file-actions{display: flex;align-items: center;gap: 12px}.htmlf-file-status{font-size: 14px}.htmlf-file-status.success{color: #2e7d32}.htmlf-file-status.error{color: #c62828}.btn-remove-file{background: none;border: none;color: #999;cursor: pointer;font-size: 16px;padding: 4px 8px;border-radius: 4px;transition: all 0.2s}.btn-remove-file:hover{background: #fee2e2;color: #c62828}.kf-file-info{display: flex;flex-wrap: wrap;gap: 0.5rem 1.25rem;margin-top: 0.75rem;padding: 0.75rem 1rem;background: #f0f4ff;border-radius: 8px;font-size: 0.85rem;align-items: center}.kf-file-info.hidden{display: none}.kf-file-name{font-weight: 600;color: #1f2937}.kf-file-detail{color: #6b7280}.kf-text-preview{margin-top: 12px}.kf-text-preview.hidden{display: none}.htmlf-error-file{font-weight: 500;color: #c62828;min-width: 120px}.htmlf-results-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 16px;margin-top: 16px}.htmlf-result-card{background: #fff;border: 1px solid #e5e7eb;border-radius: 8px;padding: 16px}.htmlf-result-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px}.htmlf-result-name{font-weight: 500;color: #333;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 180px}.htmlf-result-change{font-size: 13px;font-weight: 500}.htmlf-result-change.change-decrease{color: #2e7d32}.htmlf-result-change.change-increase{color: #c62828}.htmlf-result-change.change-neutral{color: #666}.htmlf-result-meta{font-size: 12px;color: #666;margin-bottom: 12px}.htmlf-result-actions{display: flex;gap: 8px}.htmlf-result-actions .btn-sm{padding: 6px 12px;font-size: 12px}.htmlf-modal{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;z-index: 1000;padding: 20px}.htmlf-modal-content{background: #fff;border-radius: 12px;max-width: 800px;width: 100%;max-height: 80vh;display: flex;flex-direction: column;overflow: hidden}.htmlf-modal-header{display: flex;justify-content: space-between;align-items: center;padding: 16px 20px;border-bottom: 1px solid #e5e7eb;font-weight: 600;color: #333}.htmlf-modal-close{background: none;border: none;font-size: 20px;cursor: pointer;color: #666;padding: 4px 8px;border-radius: 4px}.htmlf-modal-close:hover{background: #f0f0f0}.htmlf-modal-body{padding: 20px;overflow: auto;flex: 1}.htmlf-preview-code{background: #1e1e1e;color: #d4d4d4;padding: 16px;border-radius: 8px;font-family: 'Consolas','Monaco',monospace;font-size: 13px;line-height: 1.5;white-space: pre-wrap;word-break: break-all;margin: 0;overflow-x: auto}@media (max-width: 600px){.htmlf-upload-area{padding: 30px 16px}.htmlf-results-grid{grid-template-columns: 1fr}.htmlf-result-name{max-width: 140px}.htmlf-error-file{min-width: auto}}.form-field{display: flex;flex-direction: column}.form-field label{font-weight: 600;margin-bottom: 8px;color: #333;font-size: 14px}.form-field input,.form-field select{padding: 12px;border: 1px solid #ddd;border-radius: 4px;font-size: 15px}.form-field input:focus,.form-field select:focus{outline: none;border-color: #667eea;box-shadow: 0 0 0 2px rgba(102,126,234,0.2)}.form-row{display: flex;gap: 15px}.form-row .form-field{flex: 1}.range-wrapper{display: flex;align-items: center;gap: 10px}.range-wrapper input[type="range"]{flex: 1;height: 6px;-webkit-appearance: none;background: #e5e7eb;border-radius: 3px;outline: none}.range-wrapper input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none;width: 18px;height: 18px;background: linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius: 50%;cursor: pointer;box-shadow: 0 2px 6px rgba(59,130,246,0.3)}.range-wrapper input[type="range"]::-moz-range-thumb{width: 18px;height: 18px;background: linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius: 50%;cursor: pointer;border: none;box-shadow: 0 2px 6px rgba(59,130,246,0.3)}.range-wrapper span{min-width: 45px;text-align: right;font-size: 14px;color: #374151;font-weight: 500}.color-input-wrapper{display: flex;align-items: center;gap: 10px}.color-input-wrapper input[type="color"]{width: 40px;height: 40px;border: 2px solid #e5e7eb;border-radius: 8px;cursor: pointer;padding: 2px}.color-input-wrapper input[type="color"]::-webkit-color-swatch-wrapper{padding: 0}.color-input-wrapper input[type="color"]::-webkit-color-swatch{border: none;border-radius: 4px}.color-input-wrapper span{font-size: 14px;color: #374151;font-weight: 500;font-family: monospace}.input-with-unit{display: flex;gap: 10px}.input-with-unit input{flex: 1}.input-with-unit select{width: 150px}.radio-group{display: flex;gap: 20px}.radio-group label{display: flex;align-items: center;gap: 8px;cursor: pointer;font-weight: normal}.interest-result-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 25px}.interest-result-item{text-align: center;padding: 20px;background: #fff;border: 2px solid #e0e0e0;border-radius: 12px;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.05)}.interest-result-item h3{font-size: 13px;font-weight: 400;margin-bottom: 8px;opacity: 0.9;text-transform: uppercase;letter-spacing: 0.5px}.interest-result-item .value{font-size: 26px;font-weight: 700}.interest-result-item .sub-value{font-size: 12px;opacity: 0.8;margin-top: 4px}@media (max-width: 768px){.interest-result-grid{grid-template-columns: 1fr}}.preview-section{position: relative;border: 2px solid #e5e7eb;border-radius: 12px;padding: 15px;background: #f9fafb;display: flex;align-items: center;justify-content: center}.preview-section canvas{max-width: 100%;border-radius: 8px}.btn-remove{position: absolute;top: 10px;right: 10px;background: rgba(0,0,0,0.6);color: white;border: none;width: 28px;height: 28px;border-radius: 50%;cursor: pointer;font-size: 14px;display: flex;align-items: center;justify-content: center;transition: background 0.2s}.btn-reset{background: #f3f4f6;color: #6b7280;border: 1px solid #d1d5db;padding: 6px 12px;font-size: 13px;border-radius: 6px;cursor: pointer;margin-left: 10px;transition: all 0.2s}.btn-reset:hover{background: #e5e7eb;color: #374151}.slider-value{font-weight: 700;color: #3b82f6;font-size: 1.1em;margin-left: 4px}.slider-labels{display: flex;justify-content: space-between;margin-top: 0px;font-size: 12px;color: #6b7280;font-weight: 600}.image-info{display: flex;flex-wrap: wrap;gap: 0.5rem 1.25rem;margin-top: 0.75rem;padding: 0.75rem 1rem;background: #f0f4ff;border-radius: 8px;font-size: 0.85rem}.image-info-name{font-weight: 600;color: #1f2937;max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.image-info-detail{color: #6b7280}.format-hint{font-size: 0.85rem;color: #6b7280;margin-bottom: 0.75rem}.format-checkboxes{display: flex;flex-wrap: wrap;gap: 0.6rem}.format-checkbox{display: flex;align-items: center;cursor: pointer}.format-checkbox input[type="checkbox"]{display: none}.format-label{display: inline-block;padding: 8px 18px;border: 2px solid #d1d5db;border-radius: 8px;font-size: 0.9rem;font-weight: 600;color: #6b7280;background: #ffffff;transition: all 0.15s ease;user-select: none}.format-checkbox input[type="checkbox"]:checked+.format-label{border-color: #3b82f6;background: #eff6ff;color: #1d4ed8}.format-label:hover{border-color: #93c5fd}.quality-section{margin-top: 1rem}.results-section{background: #ffffff;border-radius: 12px;padding: 1.5rem;margin-bottom: 1rem}.results-section.hidden{display: none}.results-list{display: flex;flex-direction: column;gap: 0.75rem}.result-item{display: flex;align-items: center;justify-content: space-between;padding: 0.75rem 1rem;background: #f8fafc;border: 1px solid #e5e7eb;border-radius: 8px}.result-info{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 1rem}.result-name{font-weight: 600;color: #1f2937;font-size: 0.9rem}.result-detail{font-size: 0.8rem;color: #6b7280}.btn-remove-image{background: #ef4444;color: white;border: none;padding: 4px 12px;border-radius: 4px;font-size: 0.8rem;font-weight: 600;cursor: pointer;margin-left: auto;white-space: nowrap;transition: background 0.15s ease}.btn-remove-image:hover{background: #dc2626}.jc-controls{display: flex;flex-direction: column;gap: 14px;margin-bottom: 18px}.jc-search-box input{width: 100%;padding: 10px 14px;border: 1px solid #d1d5db;border-radius: 8px;font-size: 14px;outline: none;transition: border-color 0.2s;box-sizing: border-box}.jc-search-box input:focus{border-color: #3b82f6;box-shadow: 0 0 0 2px rgba(59,130,246,0.15)}.jc-category-tabs{display: flex;flex-wrap: wrap;gap: 6px}.jc-tab{padding: 6px 14px;border: 1px solid #d1d5db;border-radius: 20px;background: #fff;font-size: 13px;color: #4b5563;cursor: pointer;transition: all 0.15s}.jc-tab:hover{border-color: #3b82f6;color: #3b82f6}.jc-tab.active{background: #3b82f6;color: #fff;border-color: #3b82f6}.jc-stats{font-size: 13px;color: #6b7280;margin-bottom: 14px}.jc-empty-state{text-align: center;padding: 40px 20px;font-size: 15px;color: #9ca3af}.jc-color-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(130px,1fr));gap: 12px}.jc-color-card{border-radius: 8px;overflow: hidden;border: 1px solid #e5e7eb;cursor: pointer;transition: transform 0.15s,box-shadow 0.15s;background: #fff}.jc-color-card:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.1)}.jc-color-swatch{height: 80px;position: relative;display: flex;align-items: center;justify-content: center}.jc-copy-hint{font-size: 11px;font-weight: 600;opacity: 0;transition: opacity 0.15s;letter-spacing: 0.5px}.jc-color-card:hover .jc-copy-hint{opacity: 0.7}.jc-color-info{padding: 8px 10px 10px}.jc-color-name{font-size: 12px;font-weight: 600;color: #1f2937;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.jc-color-jp{font-size: 11px;color: #6b7280;margin-top: 1px}.jc-color-en{font-size: 11px;color: #6b7280;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.jc-color-hex{font-size: 11px;color: #9ca3af;font-family: monospace;margin-top: 2px}@media (max-width: 640px){.jc-color-grid{grid-template-columns: repeat(auto-fill,minmax(100px,1fr));gap: 8px}.jc-color-swatch{height: 60px}.jc-color-info{padding: 6px 8px 8px}.jc-color-name,.jc-color-jp,.jc-color-en,.jc-color-hex{font-size: 10px}}.shape-selector{display: grid;grid-template-columns: repeat(auto-fill,minmax(130px,1fr));gap: 12px;margin-bottom: 25px}.shape-btn{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px 15px;border: 2px solid #e0e0e0;border-radius: 12px;background: #fff;cursor: pointer;transition: all 0.2s;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.05)}.shape-btn:hover{border-color: #667eea;background: rgba(102,126,234,0.05)}.shape-btn.active{border-color: #667eea;background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white}.shape-btn .shape-icon{font-size: 32px;margin-bottom: 8px}.shape-btn .shape-name{font-size: 13px;font-weight: 500}.input-section{margin-bottom: 20px}.input-section label{display: block;font-weight: 600;margin-bottom: 8px;color: #999}.input-section textarea{width: 100%;padding: 12px 15px;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 16px;background: #fff;min-height: 120px;resize: vertical;font-family: 'Courier New',Courier,monospace;line-height: 1.5}.input-section textarea:focus{outline: none;border-color: #667eea;box-shadow: 0 0 0 3px rgba(102,126,234,0.2)}.input-row{display: flex;gap: 10px;align-items: center;flex-wrap: wrap}.input-row input,.input-row select{padding: 12px 15px;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 16px}.input-row input:focus,.input-row select:focus{outline: none;border-color: #667eea;box-shadow: 0 0 0 3px rgba(102,126,234,0.2)}.input-row input[type="number"]{flex: 1;min-width: 120px}.input-row .unit-label{color: #666;font-size: 14px}.formula-display{background: #f8f9fa;border: 1px solid #e0e0e0;border-radius: 8px;padding: 15px;margin-bottom: 20px;font-family: 'Courier New',monospace;font-size: 14px;color: #666}.formula-display strong{color: #667eea}.shape-diagram{text-align: center;margin-bottom: 20px;padding: 20px;background: #f8f9fa;border-radius: 8px}.shape-diagram svg{max-width: 200px;height: auto}.shape-diagram .dimension-label{font-size: 12px;fill: #667eea;font-weight: 600}.results-section{margin-top: 25px}.results-card{background: linear-gradient(135deg,#e7f3ff 0%,#f0e6ff 100%);border: 1px solid #b6d4fe;border-radius: 12px;padding: 25px;margin-bottom: 20px}.results-card .card-title{font-size: 16px;font-weight: 600;color: #084298;margin-bottom: 15px}.results-main{display: flex;justify-content: space-between;align-items: center;padding: 20px;background: rgba(255,255,255,0.7);border-radius: 8px}.results-main .label{font-size: 16px;color: #666}.results-main .value{font-size: 36px;font-weight: 700;color: #667eea}.results-main .unit{font-size: 18px;color: #666;margin-left: 5px}.results-details{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 15px;margin-top: 15px}.detail-item{background: rgba(255,255,255,0.5);padding: 12px 15px;border-radius: 8px}.detail-item .detail-label{font-size: 12px;color: #666;margin-bottom: 5px}.detail-item .detail-value{font-size: 18px;font-weight: 600;color: #333}.sort-array-group{margin-bottom: 20px;padding: 16px;background: #f9fafb;border-radius: 8px;border: 1px solid #e5e7eb}.sort-array-path{margin-bottom: 12px;font-size: 14px;display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.sort-path-label{font-weight: 600;color: #6b7280}.sort-path-value{font-weight: 600;color: #3b82f6;font-family: var(--bs-font-monospace)}.sort-item-count{font-size: 13px;color: #9ca3af;background: #f3f4f6;padding: 2px 8px;border-radius: 10px}.sort-rule-row{display: flex;gap: 8px;align-items: center;margin-bottom: 8px}.sort-rules-list{display: flex;flex-direction: column}.sort-rule-label{font-size: 13px;color: #6b7280;min-width: 52px}.sort-key-select,.sort-dir-select{padding: 6px 10px;border: 1px solid #d1d5db;border-radius: 6px;font-size: 14px;background: #fff;min-width: 120px;color: #374151;cursor: pointer}.sort-key-select:focus,.sort-dir-select:focus{outline: none;border-color: #3b82f6;box-shadow: 0 0 0 2px rgba(59,130,246,0.15)}.btn-add-rule{background: none;border: 1px dashed #d1d5db;color: #6b7280;padding: 6px 14px;border-radius: 6px;cursor: pointer;font-size: 13px;margin-top: 4px;transition: all 0.2s}.btn-add-rule:hover{border-color: #3b82f6;color: #3b82f6}.btn-remove-rule{background: none;border: none;color: #9ca3af;cursor: pointer;font-size: 15px;padding: 4px 8px;border-radius: 4px;transition: all 0.2s;line-height: 1}.btn-remove-rule:hover{color: #ef4444;background: #fef2f2}.jks-file-info{display: flex;align-items: center;gap: 10px;padding: 10px 14px;background: #f0f7ff;border-radius: 8px;margin-bottom: 12px;font-size: 14px}.jks-file-name{font-weight: 600;color: #374151}.jks-file-detail{color: #6b7280;font-size: 13px}.print-only{display: none}@media print{body,html{margin: 0 !important;padding: 0 !important;height: auto !important}body.print-mode .container,body.print-mode footer{display: none !important}.top-nav{display: block !important;border: none;box-shadow: none;background: #fff !important;padding: 5px 10px !important;margin: 0 0 10px 0 !important}.top-nav .container{padding: 0 !important;margin: 0 !important}.top-nav a div{font-size: 0}.top-nav a div::after{content: "ToolkitBook.com";font-size: 16px;color: #333}.results-container{display: block !important;padding: 0 10px !important;margin: 0 !important}.results-header{display: block !important;margin-bottom: 10px}.results-header h2{font-size: 16px;color: #333}.results-box{border: none;box-shadow: none;border-radius: 0;margin: 0;padding: 0}.results-box.print-active{display: block !important}.results-box:not(.print-active){display: none !important}.results-box-header{display: none !important}.problems-list li,.answers-list li{padding: 8px 10px}}.nav-link{font-size: .9rem;font-weight: 500;color: #6b7280;text-decoration: none;transition: color .2s}.nav-link:hover{color: #3b82f6}.checkbox-item{display: flex;align-items: center;gap: 10px;cursor: pointer;height: 24px;line-height: 24px}.checkbox-item input[type="checkbox"]{width: 20px;height: 20px;cursor: pointer;margin: 0;padding: 0}.checkbox-item label{cursor: pointer;font-weight: normal;color: #333;line-height: 24px;margin: 0}.converter-section{background: #f8f9fa;border: 1px solid #e0e0e0;border-radius: 12px;padding: 25px;margin-bottom: 25px;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.05)}.converter-row{display: grid;grid-template-columns: 1fr auto 1fr;gap: 15px;align-items: end;margin-bottom: 20px}.swap-btn-container{display: flex;align-items: center;justify-content: center;padding-bottom: 18px}@media (max-width: 768px){.converter-row{grid-template-columns: 1fr;gap: 10px}.swap-btn-container{display: flex;justify-content: center}}.swap-btn{width: 44px;height: 44px;border-radius: 50%;border: 2px solid #667eea;background: white;color: #667eea;cursor: pointer;font-size: 18px;transition: all 0.2s;display: flex;align-items: center;justify-content: center}.swap-btn:hover{background: #667eea;color: white}.results-display{display: none;background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius: 12px;padding: 25px;color: white;margin-top: 20px}.result-value{font-size: 28px;font-weight: 700;word-break: break-all}.result-unit{font-size: 16px;opacity: 0.9}.conversion-formula{margin-top: 15px;padding-top: 15px;border-top: 1px solid rgba(255,255,255,0.2);font-size: 14px;opacity: 0.9}.bconv-all-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 12px}.bconv-all-item{display: flex;flex-direction: column;gap: 4px}.bconv-all-label{font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;color: #6b7280}.bconv-all-code{font-family: 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;font-size: 0.9rem;background: #f1f5f9;padding: 8px 12px;border-radius: 6px;color: #1e293b;word-break: break-all;min-height: 36px}@media (max-width: 600px){.bconv-all-grid{grid-template-columns: 1fr}}.btn-calculate{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white;border: none;padding: 14px 32px;font-size: 16px;font-weight: 600;border-radius: 4px;cursor: pointer;transition: transform 0.2s,box-shadow 0.2s}.btn-calculate:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(102,126,234,0.4)}.bc-ratio-presets,.bc-paper-presets{display: flex;gap: 8px;flex-wrap: wrap;margin-bottom: 10px}.bc-preset-btn,.bc-paper-btn{padding: 8px 16px;border: 2px solid #d1d5db;border-radius: 8px;background: #fff;cursor: pointer;font-size: 0.9rem;font-weight: 500;color: #374151;transition: all 0.15s ease}.bc-preset-btn:hover,.bc-paper-btn:hover{border-color: #667eea;color: #667eea}.bc-preset-btn.active,.bc-paper-btn.active{background: linear-gradient(135deg,#667eea,#764ba2);color: #fff;border-color: transparent}.bc-custom-ratio,.bc-custom-paper{margin-top: 8px}.bc-custom-fields{display: flex;align-items: flex-end;gap: 12px;flex-wrap: wrap}.bc-custom-fields .form-field{flex: 1;min-width: 100px}.bc-custom-fields .form-field label{display: block;font-size: 0.85rem;color: #6b7280;margin-bottom: 4px}.bc-custom-fields .form-field input{width: 100%;padding: 8px 12px;border: 2px solid #d1d5db;border-radius: 8px;font-size: 0.95rem}.bc-ratio-sep{font-size: 1.4rem;font-weight: 700;color: #9ca3af;padding-bottom: 8px}.bc-margin-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 12px}.bc-margin-grid .form-field label{display: block;font-size: 0.85rem;color: #6b7280;margin-bottom: 4px}.bc-margin-grid .form-field .input-group{display: flex;align-items: center}.bc-margin-grid .form-field .input-group input{flex: 1;min-width: 0;padding: 8px 10px;border: 2px solid #d1d5db;border-radius: 8px 0 0 8px;font-size: 0.95rem}.bc-margin-grid .form-field .input-group .unit-label{padding: 8px 10px;background: #f3f4f6;border: 2px solid #d1d5db;border-left: none;border-radius: 0 8px 8px 0;font-size: 0.85rem;color: #6b7280;white-space: nowrap}.bc-margin-link-row{margin-top: 10px}.bc-checkbox-label{display: flex;align-items: center;gap: 6px;font-size: 0.88rem;color: #6b7280;cursor: pointer}.bc-checkbox-label input[type="checkbox"]{width: 16px;height: 16px;accent-color: #667eea}.bc-results-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-bottom: 20px}.bc-result-card{background: #f8f9fa;border-radius: 12px;padding: 20px}.bc-result-card-title{font-size: 1.05rem;font-weight: 700;color: #374151;margin-bottom: 12px}.bc-result-slide{border-left: 4px solid #667eea}.bc-result-text{border-left: 4px solid #10b981}.bc-result-row{display: flex;justify-content: space-between;align-items: baseline;padding: 6px 0;border-bottom: 1px solid #e5e7eb}.bc-result-row:last-child{border-bottom: none}.bc-result-label{font-size: 0.9rem;color: #6b7280}.bc-result-value{font-size: 0.85rem;font-weight: 600;color: #1f2937;text-align: right;font-family: 'SF Mono',SFMono-Regular,Menlo,Monaco,Consolas,monospace}.bc-slide-preview{background: #f8f9fa;border-radius: 12px;padding: 20px;margin-bottom: 20px}.bc-preview-title{font-size: 1.05rem;font-weight: 700;color: #374151;margin-bottom: 16px}.bc-preview-wrapper{display: flex;justify-content: center;padding: 20px}.bc-preview-slide{background: #FDE688;position: relative;border-radius: 4px;box-shadow: 0 2px 12px rgba(0,0,0,0.1)}.bc-preview-text{background: #7BFBB9;border-radius: 2px}.bc-preview-legend{display: flex;justify-content: center;gap: 20px;margin-top: 12px}.bc-legend-item{display: flex;align-items: center;gap: 6px;font-size: 0.85rem;color: #6b7280}.bc-legend-box{display: inline-block;width: 16px;height: 16px;border-radius: 3px}.bc-legend-box-margin{background: #FDE688}.bc-legend-box-text{background: #7BFBB9}.bc-latex-section{background: #1e1e2e;border-radius: 12px;overflow: hidden}.bc-latex-header{display: flex;justify-content: space-between;align-items: center;padding: 12px 20px;background: #2d2d3f}.bc-latex-title{font-size: 0.95rem;font-weight: 600;color: #cdd6f4}.bc-latex-header .btn-copy{padding: 4px 14px;font-size: 0.82rem}.bc-latex-code{margin: 0;padding: 16px 20px;color: #a6e3a1;font-family: 'SF Mono',SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size: 0.85rem;line-height: 1.6;overflow-x: auto;white-space: pre}@media (max-width: 600px){.bc-margin-grid{grid-template-columns: 1fr 1fr}.bc-results-grid{grid-template-columns: 1fr}.bc-custom-fields{flex-direction: column}.bc-ratio-sep{display: none}}.unit-toggle{display: flex;gap: 0;margin-bottom: 25px;border-radius: 8px;overflow: hidden;border: 2px solid #e0e0e0;width: fit-content}.unit-toggle button{padding: 12px 24px;border: none;background: #fff;cursor: pointer;font-size: 15px;font-weight: 500;transition: all 0.2s}.unit-toggle button:hover{background: rgba(102,126,234,0.05)}.unit-toggle button.active{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white}.input-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 20px}.result-section{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white;border-radius: 8px;padding: 30px;margin-top: 20px}.result-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 25px}.result-grid .result-item{display: block;padding: 1.25rem;background: #f8fafc;border: 1px solid #e5e7eb;border-radius: 8px}.result-item h3,.result-item h4{font-size: 13px;font-weight: 400;margin-bottom: 8px;opacity: 0.9;text-transform: uppercase;letter-spacing: 0.5px}.result-item .value{font-size: 26px;font-weight: 700}.info-card{background: white;border: 1px solid #e0e0e0;border-radius: 12px;padding: 20px;margin-top: 25px;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.05)}.legend-item{display: flex;align-items: center;gap: 8px}.legend-color{width: 16px;height: 16px;border-radius: 4px}.bmi-value{font-size: 56px;font-weight: 700;margin-bottom: 10px}.bmi-category{font-size: 20px;font-weight: 500;opacity: 0.95}.bmi-range{font-size: 14px;opacity: 0.8;margin-top: 8px}.bmi-bar{height: 12px;background: rgba(255,255,255,0.2);border-radius: 6px;margin: 25px 0;position: relative;overflow: hidden}.bmi-bar-fill{height: 100%;border-radius: 6px;transition: width 0.5s ease}.bmi-bar-marker{position: absolute;top: -3px;width: 4px;height: 18px;background: white;border-radius: 2px;box-shadow: 0 1px 4px rgba(0,0,0,0.3)}.bmi-scale{display: flex;justify-content: space-between;margin-top: 10px;font-size: 12px;opacity: 0.8}.bmi-scale-item{text-align: center}.category-legend{display: flex;justify-content: center;gap: 20px;margin-top: 15px}.legend-underweight{background: #3498db}.legend-normal{background: #2ecc71}.legend-overweight{background: #f39c12}.legend-obese{background: #e74c3c}.input-radius-left{border-radius: 8px 0 0 8px !important}.input-radius-none{border-radius: 0 !important}.warning-range{color: #e67e22}.healthy-range{color: #27ae60}.danger-range{color: #e74c3c}.clcv-detail-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 12px;margin-top: 20px}.clcv-detail-item{background: rgba(255,255,255,0.2);border-radius: 8px;padding: 12px 16px;text-align: center}.clcv-detail-label{display: block;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;opacity: 0.8;margin-bottom: 4px}.clcv-detail-value{display: block;font-size: 1rem;font-weight: 600;word-break: break-all}@media (max-width: 600px){.clcv-detail-grid{grid-template-columns: 1fr}}.section-header+.section-header{margin-top: 1.5rem}.text-section{margin-bottom: 1.5rem}.text-section textarea{width: 100%;min-height: 220px;padding: 1rem 1.25rem;font-size: 1.05rem;line-height: 1.8;border: 1px solid #d1d5db;border-radius: 12px;background: #fff;resize: vertical;font-family: "PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;transition: border-color 0.2s,box-shadow 0.2s}.text-section textarea:focus{outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59,130,246,0.15)}.btn-info{background: linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);color: white;padding: 12px 24px;font-size: 15px;font-weight: 600;border: none;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(20,184,166,0.3)}.btn-info:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(20,184,166,0.4)}.mt-5{margin-top: 2rem}.hidden{display: none}.stats-grid-3{grid-template-columns: repeat(3,1fr)}.no-data{text-align: center;padding: 2rem 1rem;color: #9ca3af;font-size: 0.95rem;font-style: italic}.stats-breakdown{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-top: 2rem}.breakdown-card{background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 12px;padding: 1.5rem}.breakdown-card .section-title{font-size: 1.1rem;margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 1px solid #e2e8f0}.breakdown-row{display: flex;justify-content: space-between;align-items: center;padding: 0.6rem 0;border-bottom: 1px solid #f1f5f9}.breakdown-row:last-child{border-bottom: none}.breakdown-row .label{font-size: 0.9rem;color: #64748b}.breakdown-row .value{font-size: 0.95rem;font-weight: 600;color: #1e293b}.frequency-table{margin-top: 2rem}.frequency-row{display: flex;align-items: center;gap: 1rem;padding: 0.75rem 1rem;border-bottom: 1px solid #f1f5f9;transition: background 0.15s}.frequency-row:hover{background: #f8fafc}.frequency-row .rank{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: #e0e7ff;color: #4338ca;border-radius: 50%;font-size: 0.8rem;font-weight: 700;flex-shrink: 0}.frequency-row .char-display{flex-shrink: 0}.frequency-row .hanzi{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: #eff6ff;border: 2px solid #bfdbfe;border-radius: 10px;font-size: 1.3rem;font-weight: 700;color: #1e40af;font-family: "PingFang SC","Microsoft YaHei","Noto Sans SC",serif}.frequency-row .char-info{flex: 1;min-width: 0}.frequency-row .pinyin{font-size: 0.9rem;color: #64748b;font-style: italic}.frequency-row .meaning{font-size: 0.8rem;color: #94a3b8}.frequency-row .char-count{font-size: 0.95rem;font-weight: 600;color: #3b82f6;white-space: nowrap;flex-shrink: 0}.char-analysis{margin-top: 2rem}.char-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(80px,1fr));gap: 10px}.char-grid>.no-data{grid-column: 1 / -1}.char-item{display: flex;flex-direction: column;align-items: center;padding: 0.75rem 0.4rem;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 10px;transition: transform 0.15s,box-shadow 0.15s}.char-item:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.08)}.char-item .char{font-size: 1.4rem;font-weight: 700;color: #1e293b;font-family: "PingFang SC","Microsoft YaHei","Noto Sans SC",serif}.char-item .count{font-size: 0.75rem;color: #3b82f6;font-weight: 600;margin-top: 2px}.char-item .pinyin{font-size: 0.7rem;color: #94a3b8;font-style: italic;margin-top: 1px}@media (max-width: 768px){.stats-grid-3{grid-template-columns: repeat(2,1fr)}.stats-breakdown{grid-template-columns: 1fr}.frequency-row{gap: 0.5rem;padding: 0.5rem 0.75rem}.frequency-row .hanzi{width: 40px;height: 40px;font-size: 1.1rem}.char-grid{grid-template-columns: repeat(auto-fill,minmax(60px,1fr))}}@media (max-width: 480px){.stats-grid-3{grid-template-columns: 1fr}}.enc-result-row{display: flex;align-items: center;gap: 12px;padding: 10px 14px;border-bottom: 1px solid #e5e7eb}.enc-result-row:last-child{border-bottom: none}.enc-badge{display: inline-block;padding: 4px 12px;border-radius: 4px;background: #dbeafe;color: #1d4ed8;font-size: 0.85rem;font-weight: 600;white-space: nowrap}.enc-score{font-size: 0.8rem;color: #6b7280;min-width: 70px}.enc-decode-btn{margin-left: auto;padding: 5px 14px;font-size: 0.82rem}.enc-no-result{color: #6b7280}.calc-section.hidden{display: none}.section-desc{font-size: 0.9rem;color: #6b7280;margin-top: -0.5rem;margin-bottom: 1rem;font-style: italic}.preset-buttons{display: flex;gap: 6px;flex-wrap: wrap;margin-top: 4px}.preset-btn{padding: 6px 14px;border: 2px solid #e5e7eb;border-radius: 8px;background: white;cursor: pointer;font-size: 13px;font-weight: 600;color: #374151;transition: all 0.2s ease;min-width: 44px}.preset-btn:hover{border-color: #3b82f6;background: #eff6ff}.preset-btn.active{border-color: #3b82f6;background: linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color: white}.btn-toggle-visibility{padding: 8px 12px;border: 2px solid #e5e7eb;border-radius: 8px;background: white;cursor: pointer;font-size: 16px;transition: all 0.2s ease}.btn-toggle-visibility:hover{background: #f3f4f6}.algorithm-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 15px;margin: 20px 0}.algorithm-card{background: linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border: 1px solid #cbd5e1;border-radius: 12px;padding: 20px;transition: all 0.3s ease}.algorithm-card:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.1)}.algorithm-card h3{font-size: 1.25rem;font-weight: 700;color: #3b82f6;margin-bottom: 10px}.algorithm-card p{font-size: 0.9rem;color: #4b5563;line-height: 1.5;margin-bottom: 12px}.algo-badge{display: inline-block;background: linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color: white;padding: 4px 12px;border-radius: 20px;font-size: 0.8rem;font-weight: 600}.jwt-key-output{display: flex;gap: 8px;align-items: center}.jwt-key-output input{flex: 1;font-family: 'SF Mono','Monaco','Inconsolata','Roboto Mono',monospace;font-size: 14px;background: #f8fafc;padding: 10px 12px;border: 2px solid #e5e7eb;border-radius: 8px}.key-info{font-size: 12px;font-weight: 400;color: #6b7280;margin-left: 4px}.key-type-toggle{display: flex;align-items: center;gap: 10px;margin-top: 4px}.toggle-label{font-size: 13px;font-weight: 600;color: #4b5563;white-space: nowrap}.toggle-switch{position: relative;display: inline-block;width: 48px;height: 26px;flex-shrink: 0}.toggle-switch input{opacity: 0;width: 0;height: 0}.toggle-slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background: #cbd5e1;border-radius: 26px;transition: all 0.3s ease}.toggle-slider::before{content: '';position: absolute;height: 20px;width: 20px;left: 3px;bottom: 3px;background: white;border-radius: 50%;transition: all 0.3s ease;box-shadow: 0 1px 3px rgba(0,0,0,0.15)}.toggle-switch input:checked+.toggle-slider{background: linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.toggle-switch input:checked+.toggle-slider::before{transform: translateX(22px)}.toggle-switch input:focus+.toggle-slider{box-shadow: 0 0 0 3px rgba(59,130,246,0.2)}.jwt-checkbox-group{display: grid;grid-template-columns: repeat(2,1fr);gap: 4px 12px;margin-top: 4px}.jwt-checkbox-label{display: flex;align-items: center;gap: 6px;font-size: 13px;color: #4b5563;cursor: pointer;padding: 3px 6px;border-radius: 4px;transition: background 0.2s ease}.jwt-checkbox-label:hover{background: #f3f4f6}.jwt-checkbox-label input[type="checkbox"]{width: 14px;height: 14px;cursor: pointer;accent-color: #3b82f6;flex-shrink: 0}.jwt-checkbox-label span{user-select: none}.slider-container{margin-top: 8px}.custom-slider{position: relative;height: 32px;display: flex;align-items: center;cursor: pointer;touch-action: none}.slider-track{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);height: 8px;border-radius: 4px;background: #e5e7eb}.slider-fill{position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 8px;border-radius: 4px;background: linear-gradient(90deg,#3b82f6,#1d4ed8)}.slider-thumb{position: absolute;width: 24px;height: 24px;top: 50%;transform: translateY(-50%);border-radius: 50%;background: linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);cursor: grab;box-shadow: 0 2px 8px rgba(59,130,246,0.3);transition: box-shadow 0.2s ease;z-index: 1}.slider-thumb:hover{box-shadow: 0 4px 12px rgba(59,130,246,0.4)}.slider-thumb:active{cursor: grabbing;box-shadow: 0 4px 12px rgba(59,130,246,0.5)}.slider-value{font-weight: 700;color: #3b82f6;font-size: 1.1em;margin-left: 4px}.slider-labels{display: flex;justify-content: space-between;margin-top: 0px;font-size: 12px;color: #6b7280;font-weight: 600}.info-box .feature-list{margin-top: 1rem}.info-box .feature-list li{padding: 0.5rem 0}.kf-textarea{width: 100%;min-height: 200px;padding: 16px;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 15px;line-height: 1.6;resize: vertical;font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.kf-textarea:focus{outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59,130,246,0.15)}.kf-textinput{width: 100%;padding: 12px 16px;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 15px;line-height: 1.5;font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.kf-textinput:focus{outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59,130,246,0.15)}.kf-hint{margin: 4px 0 0;font-size: 0.8rem;color: #9ca3af}.kf-options{display: flex;flex-direction: column;gap: 12px}.kf-option-row{display: flex;flex-wrap: wrap;gap: 16px;align-items: center}.kf-stats-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 12px;margin-bottom: 16px}@media (max-width: 600px){.kf-stats-grid{grid-template-columns: 1fr}}.kf-form-field-inline{flex-direction: row;align-items: center;gap: 8px}.kf-label-inline{margin: 0;white-space: nowrap}.kf-input-small{width: 70px}.btn-results-action{padding: 6px 14px;font-size: 13px}.results-table{width: 100%;border-collapse: collapse;background: #fff;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.1)}.results-table th,.results-table td{padding: 15px;text-align: left;border-bottom: 1px solid #e0e0e0}.results-table th{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white;font-weight: 600}.results-table tr:hover{background: #f8f9fa}.results-table .word-cell{font-weight: 600;color: #667eea}.results-table .count-cell{font-size: 18px;font-weight: 700}.results-table .percentage-cell{color: #666}.kf-th-rank{width: 50px}.kf-th-count{width: 80px}.kf-th-share{width: 90px}.kf-th-bar{width: 35%}.kf-td-rank{text-align: center;color: #6b7280}.bar-chart{height: 8px;background: #e0e0e0;border-radius: 4px;overflow: hidden}.bar-chart .bar{height: 100%;background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius: 4px;transition: width 0.3s ease}.ig-option-t{display: inline-flex;align-items: center;padding: 12px;background: #e9ecef;border: 1px solid #ddd;border-right: none;border-radius: 4px 0 0 4px;color: #333;line-height: 1;flex-shrink: 0}.ig-option-t-right{display: inline-flex;align-items: center;padding: 12px;background: #e9ecef;border: 1px solid #ddd;border-left: none;border-radius: 0 4px 4px 0;color: #333;line-height: 1;flex-shrink: 0}.ig-row{display: flex;align-items: stretch}.ig-row label{display: inline-flex;align-items: center;font-weight: 600;color: #666;font-size: 14px;margin-bottom: 0;white-space: nowrap;flex-shrink: 0}.ig-row .input-row{flex: 1;min-width: 0}.ig-row input,.ig-row select{flex: 1;width: auto;min-width: 0}.ig-row-center{align-items: center;gap: 12px}.mg-input-prefixed{border-radius: 0 4px 4px 0}.mg-input-prefixed-right{border-radius: 4px 0 0 4px}.mg-controls{display: flex;justify-content: center;gap: 1rem;margin-top: 25px}.mg-payment-breakdown{margin-top: 30px}.mg-payment-breakdown.hidden{display: none}.mg-payment-title{margin-top: 0;margin-bottom: 20px;font-size: 20px}.breakdown-section{background: white;border-radius: 8px;padding: 25px;margin-top: 20px;color: #333;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.05)}.breakdown-section.hidden{display: none}.breakdown-item{display: flex;justify-content: space-between;padding: 12px 0;border-bottom: 1px solid #eee}.breakdown-item:last-child{border-bottom: none}.mg-summary-title{margin-top: 0}.mg-savings-row{display: flex;justify-content: space-between;background: #d4edda;margin: 0 -25px;padding: 12px 25px}.mg-savings-row.hidden{display: none}.mg-savings-label{color: #155724;font-weight: 600}.mg-amortization-section{margin-top: 20px}.mg-amortization-section.hidden{display: none}.amortization-table{max-height: 400px;overflow-y: auto;margin-top: 20px;background-color: #fff}.amortization-table table{width: 100%;border-collapse: collapse;font-size: 13px}.amortization-table thead{color: #333}.amortization-table th,.amortization-table td{padding: 10px;text-align: right;border-bottom: 1px solid #eee}.amortization-table th{background: #f5f5f5;font-weight: 600;position: sticky;top: 0}.amortization-table th:first-child,.amortization-table td:first-child{text-align: center}.collapsible{cursor: pointer;padding: 15px;background: #f8f9fa;border-radius: 4px;margin-top: 20px;display: flex;justify-content: space-between;align-items: center;color: #333}.collapsible:hover{background: #e9ecef}.collapsible-content{display: none;padding: 15px 0}.collapsible-content.active{display: block}.password-list{display: flex;flex-direction: column;gap: 15px}.password-item{background: #667eea;border-radius: 8px;padding: 20px;display: flex;flex-direction: column;gap: 10px;align-items: flex-start;transition: transform 0.2s}.password-item:hover{transform: translateY(-3px)}.password-display{flex: 1;font-family: 'Courier New',monospace;font-size: 18px;font-weight: 600;color: white;letter-spacing: 1px;word-break: break-all}.password-actions{display: flex;gap: 10px;justify-content: flex-start}.password-actions button{background: rgba(255,255,255,0.2);border: none;color: white;padding: 8px 12px;border-radius: 4px;cursor: pointer;font-size: 14px;transition: background 0.2s}.password-actions button:hover{background: rgba(255,255,255,0.3)}.strength-indicator{display: flex;gap: 5px}.strength-bar{flex: 1;height: 4px;background: rgba(255,255,255,0.3);border-radius: 2px}.strength-bar.weak{background: #ff4444}.strength-bar.medium{background: #ffaa00}.strength-bar.strong{background: #00c853}.strength-bar.very-strong{background: #0066cc}.no-password{text-align: center;padding: 40px;color: #666;font-style: italic}.pa-settings-grid{display: flex;flex-direction: column;gap: 1rem;margin-top: 0.75rem}.pa-setting-item label{display: block;font-size: 0.85rem;font-weight: 600;color: #333;margin-bottom: 0.35rem}.pa-setting-hint{display: flex;justify-content: space-between;font-size: 0.75rem;color: #888;margin-top: 0.25rem}.pa-setting-hint .slider-value{font-weight: 600;color: #333}.pa-result-wrap{display: flex;flex-direction: column;align-items: center;gap: 1rem;margin-top: 0.75rem}.pa-result-preview{border: 2px dashed #d0d0d0;border-radius: 8px;padding: 12px;background: repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 0 0 / 16px 16px;display: inline-block}.pa-result-preview canvas{display: block;max-width: 320px;max-height: 320px;image-rendering: pixelated;image-rendering: -moz-crisp-edges;image-rendering: crisp-edges}.pa-result-actions{display: flex;gap: 0.75rem}@media (max-width: 480px){.pa-result-preview canvas{max-width: 240px;max-height: 240px}}.throw-ratio-presets{display: flex;gap: 8px;flex-wrap: wrap;margin-bottom: 15px}.input-hint{color: #666}.aspect-badge{display: inline-block;background: rgba(102,126,234,0.1);color: #667eea;font-size: 0.75rem;font-weight: 600;padding: 2px 8px;border-radius: 4px;margin-left: 8px;vertical-align: middle}.mode-tabs{display: flex;gap: 0;margin-bottom: 20px;border-radius: 8px;overflow: hidden;border: 2px solid #e0e0e0}.mode-tab{flex: 1;padding: 15px 20px;border: none;background: #fff;cursor: pointer;font-size: 16px;font-weight: 500;transition: all 0.2s;text-align: center;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.05)}.mode-tab:hover{background: rgba(102,126,234,0.05)}.mode-tab.active{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white}.mode-content{display: none}.mode-content.active{display: block}.results-row{display: flex;justify-content: space-between;align-items: center;padding: 12px 0;border-bottom: 1px solid rgba(0,0,0,0.1)}.results-row:last-child{border-bottom: none}.results-row .label{color: #666;font-size: 14px}.results-row .value{font-size: 24px;font-weight: 700;color: #667eea}.results-row .unit{font-size: 14px;color: #666;margin-left: 5px}.results-row-highlight{background: rgba(102,126,234,0.1);margin: 0 -15px;padding: 15px;border-radius: 8px}.results-row .label-highlight{font-weight: 600}.results-row .value-secondary{font-size: 18px}.color-input-row{display: flex;align-items: center;gap: 12px;margin-bottom: 16px}.color-input-row input[type="color"]{width: 48px;height: 48px;border: 2px solid #e0e0e0;border-radius: 8px;cursor: pointer;padding: 2px;background: #fff}.color-input-row input[type="color"]::-webkit-color-swatch-wrapper{padding: 0}.color-input-row input[type="color"]::-webkit-color-swatch{border: none;border-radius: 4px}.color-hex{font-family: 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;font-size: 0.95rem;font-weight: 600;color: #374151;letter-spacing: 0.5px}.result-main{display: flex;align-items: center;gap: 1rem}.color-preview-wrap{margin-right: 16px}.color-swatch{width: 56px;height: 56px;border-radius: 12px;border: 2px solid rgba(255,255,255,0.4);box-shadow: 0 2px 8px rgba(0,0,0,0.15)}.rcmk-detail-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));gap: 12px;margin-top: 20px}.rcmk-detail-item{background: rgba(255,255,255,0.2);border-radius: 8px;padding: 12px 16px;text-align: center}.rcmk-detail-label{display: block;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;opacity: 0.8;margin-bottom: 4px}.rcmk-detail-value{display: block;font-size: 1rem;font-weight: 600;word-break: break-all}@media (max-width: 600px){.rcmk-detail-grid{grid-template-columns: 1fr 1fr}}.smc-editor-wrap{border-radius: 6px;overflow: hidden}.smc-results-list{display: flex;flex-direction: column;gap: 10px}.smc-issue-item{background: #fff;border-radius: 8px;padding: 14px 18px;border-left: 4px solid #e5e7eb;transition: box-shadow 0.15s ease}.smc-issue-item:hover{box-shadow: 0 2px 8px rgba(0,0,0,0.08)}.smc-issue-error{border-left-color: #ef4444}.smc-issue-warning{border-left-color: #f59e0b}.smc-issue-header{display: flex;align-items: center;gap: 10px;margin-bottom: 6px}.smc-issue-badge{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.5px;padding: 2px 8px;border-radius: 3px;color: #fff}.smc-badge-error{background: #ef4444}.smc-badge-warning{background: #f59e0b}.smc-issue-line{font-size: 0.85rem;font-weight: 600;color: #374151}.smc-issue-code{display: block;font-family: 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;font-size: 0.85rem;background: #f1f5f9;padding: 6px 10px;border-radius: 4px;color: #475569;margin-bottom: 6px;overflow-x: auto;white-space: pre}.smc-issue-msg{margin: 0;font-size: 0.9rem;color: #374151;line-height: 1.5}.smc-no-issues{text-align: center;padding: 30px 20px;color: #10b981;font-size: 1.05rem;font-weight: 600}.smc-line-error{background: rgba(239,68,68,0.15) !important}.smc-line-warn{background: rgba(245,158,11,0.12) !important}.sfc-line-error{background: rgba(239,68,68,0.15) !important}.sfc-line-warn{background: rgba(245,158,11,0.12) !important}.sfc-file-info{display: flex;align-items: center;gap: 12px;padding: 12px 16px;background: #f0fdf4;border: 1px solid #bbf7d0;border-radius: 8px;margin-top: 12px}.sfc-file-name{font-size: 0.9rem;font-weight: 600;color: #166534}.sfc-file-detail{font-size: 0.8rem;color: #6b7280}.sfc-editor-wrap{border-radius: 6px;overflow: hidden}.stopwatch-header{display: flex;justify-content: center;margin-bottom: 20px}.add-stopwatch-btn{display: inline-flex;align-items: center;gap: 8px;padding: 12px 24px;font-size: 15px}.stopwatches-container{display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 30px;justify-content: center}.stopwatch-card{background: #fff;border-radius: 16px;padding: 20px;border: 2px solid #e5e7eb;transition: all 0.2s;cursor: pointer;width: 280px;flex-shrink: 0}.stopwatches-container .stopwatch-card:first-child:last-child{margin: 0 auto}.stopwatch-card:hover{border-color: #cbd5e1;box-shadow: 0 4px 12px rgba(0,0,0,0.08)}.stopwatch-card.active{border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59,130,246,0.15)}.stopwatch-card-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px}.stopwatch-name{font-weight: 600;color: #374151;font-size: 14px}.btn-delete-stopwatch{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;border: none;background: transparent;color: #9ca3af;font-size: 20px;cursor: pointer;border-radius: 6px;transition: all 0.2s;line-height: 1}.btn-delete-stopwatch:hover{background: #fee2e2;color: #dc2626}.stopwatch-card .stopwatch-display{background: linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius: 12px;padding: 20px 15px;text-align: center;margin-bottom: 15px}.stopwatch-display{background: linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius: 16px;padding: 40px 30px;text-align: center;margin-bottom: 30px;box-shadow: 0 10px 40px rgba(0,0,0,0.2)}.time-main{font-family: 'SF Mono','Monaco','Inconsolata','Roboto Mono',monospace;font-size: 4rem;font-weight: 700;color: #f1f5f9;letter-spacing: 2px;line-height: 1}.stopwatch-card .time-main{font-family: 'SF Mono','Monaco','Inconsolata','Roboto Mono',monospace;font-size: 2.5rem;font-weight: 700;color: #f1f5f9;letter-spacing: 1px;line-height: 1}.time-ms{font-family: 'SF Mono','Monaco','Inconsolata','Roboto Mono',monospace;font-size: 2rem;font-weight: 600;color: #94a3b8;margin-top: 5px}.stopwatch-card .time-ms{font-family: 'SF Mono','Monaco','Inconsolata','Roboto Mono',monospace;font-size: 1.25rem;font-weight: 600;color: #94a3b8;margin-top: 5px}.stopwatch-card .controls{display: flex;gap: 8px}.stopwatch-card .controls .btn{flex: 1;padding: 10px 8px;font-size: 13px}.stopwatch-tabs{display: flex;gap: 8px;margin-bottom: 15px;flex-wrap: wrap}.stopwatch-tab{display: flex;align-items: center;gap: 6px;padding: 10px 16px;border: 2px solid #e5e7eb;border-radius: 8px;background: #fff;color: #6b7280;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s}.stopwatch-tab:hover{border-color: #cbd5e1;background: #f8fafc}.stopwatch-tab.active{border-color: #3b82f6;background: #eff6ff;color: #3b82f6}.tab-name{white-space: nowrap}.tab-count{display: flex;align-items: center;justify-content: center;min-width: 20px;height: 20px;padding: 0 6px;background: #dbeafe;color: #1d4ed8;font-size: 12px;font-weight: 600;border-radius: 10px}.stopwatch-tab.active .tab-count{background: #3b82f6;color: #fff}.btn-danger{background: linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color: white}.btn-danger:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(239,68,68,0.4)}.laps-section{background: #ffffff;border-radius: 12px;padding: 20px;margin-top: 20px;border: 1px solid #e5e7eb;box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.laps-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #e5e7eb}.laps-title{font-weight: 600;color: #374151;font-size: 1rem}.btn-clear-laps{background: transparent;border: 1px solid #d1d5db;color: #6b7280;padding: 6px 12px;border-radius: 6px;font-size: 13px;cursor: pointer;transition: all 0.2s}.btn-clear-laps:hover{background: #f3f4f6;color: #374151}.laps-list{max-height: 300px;overflow-y: auto}.lap-item{display: grid;grid-template-columns: 80px 1fr 1fr;gap: 10px;padding: 12px 15px;border-radius: 8px;margin-bottom: 8px;background: #f8fafc;cursor: pointer;transition: all 0.2s;font-family: 'SF Mono','Monaco','Inconsolata','Roboto Mono',monospace}.lap-item:hover{background: #f1f5f9;transform: translateX(3px)}.lap-number{font-weight: 600;color: #3b82f6}.lap-split{color: #6b7280;text-align: center}.lap-total{color: #1f2937;font-weight: 600;text-align: right}.mt-2{margin-top: .5rem !important}.mt-3{margin-top: 1rem !important}.svg-input-wrapper{width: 100%}.svg-textarea{width: 100%;min-height: 200px;padding: 15px;border: 2px solid #e0e0e0;border-radius: 12px;font-family: 'Courier New',Courier,monospace;font-size: 14px;line-height: 1.5;background: #fafafa;color: #333;resize: vertical;tab-size: 2}.svg-textarea:focus{outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59,130,246,0.15);background: #fff}.svg-error{color: #dc2626;font-size: 13px;margin-top: 8px;padding: 8px 12px;background: #fef2f2;border: 1px solid #fecaca;border-radius: 8px}.svg-preview{background: repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 50% / 20px 20px;border: 2px solid #e0e0e0;border-radius: 12px;padding: 16px;min-height: 100px;display: flex;justify-content: center;align-items: center;overflow: auto}.svg-preview svg{max-width: 100%;max-height: 400px;display: block}.svg-dimensions{font-size: 13px;color: #6b7280;text-align: center}.setting-label{display: block;font-weight: 600;margin-bottom: 8px;color: #666;font-size: 14px}.format-radio-group{display: flex;gap: 10px;flex-wrap: wrap}.format-radio{display: flex;align-items: center;gap: 6px;cursor: pointer;padding: 8px 18px;border: 2px solid #e0e0e0;border-radius: 8px;background: #fff;font-size: 14px;font-weight: 600;color: #555;transition: all 0.2s}.format-radio:hover{border-color: #3b82f6}.format-radio input[type="radio"]{display: none}.format-radio input[type="radio"]:checked+.format-radio-label{color: #3b82f6}.format-radio:has(input:checked){border-color: #3b82f6;background: #eff6ff}.format-radio-label{text-transform: uppercase}.scale-buttons{display: flex;gap: 8px;flex-wrap: wrap}.scale-btn{padding: 8px 20px;border: 2px solid #e0e0e0;border-radius: 8px;background: #fff;font-size: 14px;font-weight: 600;color: #555;cursor: pointer;transition: all 0.2s}.scale-btn:hover{border-color: #3b82f6}.scale-btn.active{border-color: #3b82f6;background: #3b82f6;color: #fff}.custom-size-inputs{display: flex;align-items: flex-end;gap: 10px}.custom-size-inputs .form-field{flex: 1;min-width: 100px}.custom-size-inputs .form-field label{display: block;font-size: 12px;color: #888;margin-bottom: 4px}.custom-size-inputs .form-field input{width: 100%;padding: 10px 12px;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 14px}.custom-size-inputs .form-field input:focus{outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59,130,246,0.15)}.lock-btn{padding: 8px;border: 2px solid #e0e0e0;border-radius: 8px;background: #fff;cursor: pointer;font-size: 18px;line-height: 1;transition: all 0.2s;margin-bottom: 2px}.lock-btn:hover{border-color: #3b82f6}.lock-btn.locked{border-color: #3b82f6;background: #eff6ff}.category-tabs{display: flex;gap: 0;margin-bottom: 20px;border-radius: 8px;overflow: hidden;border: 2px solid #e0e0e0;flex-wrap: wrap}.category-tab{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 15px 20px;border: none;background: #fff;cursor: pointer;font-size: 16px;font-weight: 500;transition: all 0.2s;text-align: center}.category-tab:hover{background: rgba(102,126,234,0.05)}.category-tab.active{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white}.category-tab .tab-icon{font-size: 1.4em;line-height: 1}.category-tab .tab-text{font-size: 0.85em;line-height: 1.2}.quick-convert{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 15px}.quick-btn{padding: 8px 14px;border: 1px solid #e0e0e0;border-radius: 20px;background: white;cursor: pointer;font-size: 13px;transition: all 0.2s}.quick-btn:hover{border-color: #667eea;background: rgba(102,126,234,0.05)}.shape-category{grid-column: 1 / -1;font-size: 13px;font-weight: 700;color: #6b7280;text-transform: uppercase;letter-spacing: 0.5px;padding: 8px 4px 4px}.reading-stats{background: #e7f3ff;border: 1px solid #b6d4fe;border-radius: 8px;padding: 20px;margin-bottom: 25px;box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.05)}.reading-stats h3{margin-top: 0;color: #084298}.reading-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 15px}.reading-item{display: flex;align-items: center;gap: 10px}.reading-item .icon{font-size: 24px}.reading-item .info .title{font-size: 12px;color: #666;text-transform: uppercase}.reading-item .info .data{font-size: 18px;font-weight: 600;color: #084298}.stats-table{background: #f8f9fa;border-radius: 8px;padding: 20px;margin-bottom: 25px}.stats-table h3{margin-top: 0;margin-bottom: 15px;color: #333}.stats-row{display: flex;justify-content: space-between;padding: 12px 0;border-bottom: 1px solid #e0e0e0}.stats-row:last-child{border-bottom: none}.stats-row .label{color: #666}.stats-row .value{font-weight: 600;color: #333}.frequency-item{display: flex;justify-content: space-between;align-items: center;padding: 8px 0px;background: #f8f9fa;margin-bottom: 5px;border-bottom: solid 1px #e0e0e0}.frequency-item .word{font-weight: 500;color: #666}.frequency-item .count{background: #667eea;color: white;padding: 2px 10px;border-radius: 12px;font-size: 12px}.words-input-section{margin-bottom: 25px}.words-input-section label{display: block;font-weight: 600;margin-bottom: 8px;color: #999}.words-input-container{display: flex;gap: 10px;flex-wrap: wrap}.words-input-container input{flex: 1;min-width: 200px;padding: 12px 15px;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 16px}.words-input-container input:focus{outline: none;border-color: #667eea;box-shadow: 0 0 0 3px rgba(102,126,234,0.2)}.words-tags{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 10px}.word-tag{display: inline-flex;align-items: center;gap: 5px;background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white;padding: 6px 12px;border-radius: 20px;font-size: 14px}.word-tag .remove-tag{cursor: pointer;font-weight: bold;margin-left: 5px;opacity: 0.8}.word-tag .remove-tag:hover{opacity: 1}.total-count{background: #e7f3ff;border: 1px solid #b6d4fe;border-radius: 8px;padding: 15px;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center}.total-count .label{font-weight: 600;color: #084298}.total-count .value{font-size: 24px;font-weight: 700;color: #084298}.results-title{font-size: 18px;font-weight: 600;margin-bottom: 15px;color: #333}.words-input-tip{color: #999;margin-top: 5px;display: block}#highlightedTextSection{margin-top: 25px}#highlightedText{background: #fff;border: 1px solid #e0e0e0;border-radius: 8px;padding: 20px;line-height: 1.8;font-size: 15px;white-space: pre-wrap;word-wrap: break-word;color: #333}.word-highlight{background: #ff6b6b;color: #fff;padding: 1px 4px;border-radius: 3px}.results-section.stale .total-count,.results-section.stale .results-table{opacity: 0.4;transition: opacity 0.3s ease}.laps-empty{padding: 30px;text-align: center;color: #9ca3af;font-size: 14px}@media (max-width: 600px){.time-main{font-size: 2.5rem}.time-ms{font-size: 1.25rem}.stopwatch-display{padding: 30px 20px}.stopwatch-card .time-main{font-size: 2rem}.stopwatch-card .time-ms{font-size: 1rem}.lap-item{grid-template-columns: 60px 1fr 1fr;font-size: 0.85rem;padding: 10px 12px}}@media (max-width: 768px){.smc-issue-item{padding: 10px 14px}}