@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout-container .page-container.page-container{background:linear-gradient(180deg,#0ea5e914,#fff0 260px),#fff;color:#0f172a;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:56px 20px 88px}.layout-container .page-container .content-wrapper.content-wrapper{min-width:0;width:min(100%,1040px)}.layout-container .page-container .header.header{margin:0 0 32px;text-align:left}.layout-container .page-container .header:before{color:#0369a1;content:"Hajimi Tools";display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}.layout-container .page-container .main-title.main-title{color:#0f172a;font-family:inherit;font-size:3.5rem;font-weight:800;letter-spacing:0;line-height:1.04;margin:0;max-width:780px}.layout-container .page-container .description.description{color:#475569;font-size:1.1rem;line-height:1.75;margin-top:16px;max-width:680px}.layout-container .page-container .card.card,.layout-container .page-container .education-card.education-card,.layout-container .page-container .output-panel.output-panel,.layout-container .page-container .source-panel.source-panel{background:#ffffffe6;border:1px solid #dbe3ee;border-radius:8px;box-shadow:0 24px 70px #0f172a14;margin-bottom:28px;min-width:0;overflow:hidden;padding:28px}.layout-container .page-container .education-card.education-card{box-shadow:none}.layout-container .page-container .edu-title.edu-title,.layout-container .page-container .panel-title.panel-title,.layout-container .page-container .section-title.section-title{color:#0f172a;font-family:inherit;font-weight:750;letter-spacing:0}.layout-container .page-container .edu-content li,.layout-container .page-container .edu-content p,.layout-container .page-container .edu-content.edu-content{color:#475569;line-height:1.8}.layout-container .page-container .edu-content h3{color:#0f172a}.layout-container .page-container code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a}.layout-container .page-container .method-box.method-box,.layout-container .page-container .platform-item.platform-item,.layout-container .page-container .security-note.security-note{background:#f8fafc;border:1px solid #dbe3ee;border-left:4px solid #0369a1;border-radius:8px}.layout-container .page-container .mode-toggles.mode-toggles{background:#eef6fb;border:1px solid #dbe3ee;border-radius:8px;display:flex;gap:4px;padding:4px}.layout-container .page-container .mode-btn.mode-btn{border-radius:6px;color:#475569;font-family:inherit;letter-spacing:0;min-height:42px;min-width:0;overflow-wrap:anywhere}.layout-container .page-container .mode-btn.active{background:#fff;box-shadow:0 8px 20px #0f172a14;color:#0f172a}.layout-container .page-container .format-selector.format-selector,.layout-container .page-container .radio-group.radio-group{flex-wrap:wrap}.layout-container .page-container .radio-item.radio-item{background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;color:#475569;padding:8px 10px}.layout-container .page-container input,.layout-container .page-container select,.layout-container .page-container textarea{font-family:inherit}.layout-container .page-container .base-input.base-input,.layout-container .page-container .base64-textarea.base64-textarea,.layout-container .page-container .select-input.select-input,.layout-container .page-container .text-input-sm.text-input-sm,.layout-container .page-container .text-input.text-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:inset 0 1px #0f172a08;color:#0f172a}.layout-container .page-container .key-display.key-display,.layout-container .page-container .result-input.result-input{background:#f8fafc}.layout-container .page-container .base-input:focus,.layout-container .page-container .base64-textarea:focus,.layout-container .page-container .select-input:focus,.layout-container .page-container .text-input-sm:focus,.layout-container .page-container .text-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e929}.layout-container .page-container .btn.btn,.layout-container .page-container .copy-btn.copy-btn,.layout-container .page-container .copy-code-btn.copy-code-btn{border-radius:8px;font-family:inherit;font-weight:700;letter-spacing:0;min-width:0}.layout-container .page-container .edu-table.edu-table{display:block;overflow-x:auto}.layout-container .page-container .btn-primary.btn-primary{background:#0f172a;border-color:#0f172a;color:#fff}.layout-container .page-container .btn-primary:hover:not(:disabled){background:#0369a1;border-color:#0369a1}.layout-container .page-container .btn-secondary.btn-secondary,.layout-container .page-container .copy-btn.copy-btn{background:#fff;border:1px solid #dbe3ee;color:#475569}.layout-container .page-container .btn-secondary:hover,.layout-container .page-container .copy-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a}.layout-container .page-container .output-zone.output-zone,.layout-container .page-container .preview-box.preview-box,.layout-container .page-container .upload-zone.upload-zone{background:linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 0),linear-gradient(rgba(15,23,42,.04) 1px,transparent 0),#f8fafc;background-size:28px 28px;border:1px dashed #94a3b8;border-radius:8px}.layout-container .page-container .output-zone.is-drag-over,.layout-container .page-container .upload-zone.is-dragging,.layout-container .page-container .upload-zone:hover{background-color:#eef6fb;border-color:#0284c7}.layout-container .page-container .main-content.main-content{gap:24px}.layout-container .page-container .output-thumb.output-thumb,.layout-container .page-container .page-thumb.page-thumb,.layout-container .page-container .pdf-item.pdf-item{border-color:#dbe3ee;border-radius:8px}.layout-container .page-container .pdf-header.pdf-header{background:#f8fafc}.layout-container .page-container .base-badge.base-badge,.layout-container .page-container .key-icon.key-icon,.layout-container .page-container .page-count.page-count,.layout-container .page-container .pdf-pages.pdf-pages{border-radius:6px}.layout-container .page-container .base-badge.base-badge,.layout-container .page-container .output-thumb .page-number{background:#0369a1}.layout-container .page-container .code-block.code-block{background:#0f172a;border:1px solid #1e293b;border-radius:8px}.layout-container .page-container .error-msg.error-msg{color:#dc2626}@media(max-width:768px){.layout-container .page-container.page-container{display:block;overflow-x:hidden;padding:40px 14px 64px}.layout-container .page-container .card.card,.layout-container .page-container .content-wrapper.content-wrapper,.layout-container .page-container .education-card.education-card,.layout-container .page-container .output-panel.output-panel,.layout-container .page-container .source-panel.source-panel{max-width:calc(100vw - 28px);width:100%}.layout-container .page-container .main-title.main-title{font-size:2.35rem;line-height:1.12}.layout-container .page-container .description.description{font-size:1rem}.layout-container .page-container .card.card,.layout-container .page-container .education-card.education-card,.layout-container .page-container .output-panel.output-panel,.layout-container .page-container .source-panel.source-panel{padding:20px}.layout-container .page-container .panel-header.panel-header,.layout-container .page-container .section-header.section-header{align-items:flex-start;flex-direction:column;flex-wrap:wrap;gap:12px}.layout-container .page-container .section-header .btn,.layout-container .page-container .section-header .copy-btn{flex:0 0 auto;margin-left:0;width:100%}.layout-container .page-container .mode-toggles.mode-toggles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.layout-container .page-container .btn-sm.btn-sm,.layout-container .page-container .mode-btn.mode-btn{font-size:.78rem}}