:root{--bg:#f5f7fb;--text:#152747;--muted:#72819a;--blue:#2a63e9;--teal:#07978d;--purple:#8055d9;--border:#e3eaf3;--radius:16px;--sidebar-width:246px}body{font-family:"Segoe UI",Arial,sans-serif}.sidebar{background:linear-gradient(158deg,#163d85,#102a58);padding:27px 16px 20px}.brand{padding:0 8px 31px;font-size:23px}.brand-sub{font-size:14px}.brand-sub small{font-size:9px}.nav-item{font-size:12px;gap:11px;padding:12px 13px;border-radius:10px}.nav-item span:not(.nav-dot){min-width:0}.nav-item svg{width:19px;height:19px}.nav-item.active{box-shadow:0 4px 20px #07193626}.nav-label{font-size:9px;color:#88a7d9;letter-spacing:1.9px;padding-left:13px}.support-label{padding-top:28px}.sidebar-bottom{padding:23px 9px 0;font-size:10px}.sidebar-note{padding:13px;background:#ffffff0c;border:1px solid #ffffff14;border-radius:10px;color:#d4e1f7}.sidebar-note small{display:block;font-size:9px;color:#9eb6dd;margin-top:3px}.author{font-size:10px;margin-top:15px;padding-top:13px}.topbar{height:75px;padding:0 34px}.top-right{gap:13px}.free-badge{display:flex;gap:6px;align-items:center;font-size:11px;color:#628773}.free-badge svg{width:14px;height:14px}.header-divider{height:21px;width:1px;background:var(--border);margin:0 3px}.breadcrumb{font-size:11px}.breadcrumb span{padding:0 9px}main{padding:30px 34px 24px;max-width:1590px}.app-footer{padding:18px 34px;font-size:10px}.welcome{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:15px;background:linear-gradient(116deg,#f0f6ff 0%,#f5f8ff 53%,#e8f2ff 100%);border:1px solid #dce7f8;border-radius:22px;padding:39px 37px;overflow:hidden}.welcome-kicker{display:block;color:#4c739f;font-size:9px;letter-spacing:1.6px;font-weight:700;margin-bottom:17px}.welcome-kicker .online-dot{width:5px;height:5px;vertical-align:middle;background:#12a994}.welcome h1{font-size:38px;font-weight:750;line-height:1.24;letter-spacing:-1.1px;color:#162d54}.welcome h1>span{color:#2f61c6}.welcome p{font-size:12px;line-height:1.9;color:#7285a2;margin-top:15px}.welcome .row{margin-top:24px}.welcome .btn{padding:11px 17px;font-size:11px;border-radius:9px}.hero-benefits{display:flex;gap:18px;margin-top:20px;font-size:10px;color:#7d91ac}.hero-benefits>span{display:flex;align-items:center;gap:5px}.hero-benefits svg{width:12px;height:12px;color:var(--teal)}.document-art{position:relative;width:100%;min-height:260px;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-orbit{position:absolute;border:1px solid #d9e5f7;border-radius:50%;z-index:-1}.orbit-one{width:255px;height:255px}.orbit-two{width:310px;height:310px}.art-sheet{width:131px;height:166px;background:#fff;border:1px solid #e4ebf8;box-shadow:0 16px 26px #2e589513;border-radius:12px;padding:21px}.sheet-back{transform:rotate(-13deg);position:absolute;left:13%;top:21%}.sheet-front{transform:rotate(10deg);position:absolute;left:43%;top:32%;z-index:2}.art-type{display:inline-block;color:#3c70de;background:#edf3ff;border-radius:5px;font-size:9px;font-weight:700;padding:4px 7px;letter-spacing:.5px}.art-type.pdf{background:#fff1f0;color:#d97871}.art-sheet b{font-size:14px;display:block;margin:12px 0;color:#254b7c}.art-sheet i{display:block;background:#eaf0f8;border-radius:4px;height:4px;margin:8px 0}.art-sheet i.short{width:60%}.art-seal{display:grid;place-items:center;width:30px;height:30px;background:var(--teal);color:white;position:absolute;bottom:-10px;right:-10px;border:4px solid #edf4ff;border-radius:50%}.art-seal svg{width:15px;height:15px}.art-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #e1eafa;border-radius:10px;position:absolute;background:#ffffffed;box-shadow:0 7px 20px #264a7a08;z-index:3;font-size:10px;font-weight:600;color:#4e6993;white-space:nowrap}.chip-one{top:14%;right:3%}.chip-one .icon-tile{height:27px;width:27px;border-radius:8px}.chip-one svg{width:16px;height:16px}.chip-one b{color:#14a196;margin:0 3px}.chip-two{bottom:3%;left:2%;color:#3a8b7c}.chip-two svg{width:15px;height:15px}.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 5px;border-bottom:1px solid var(--border);margin-bottom:27px}.quick-strip>div{display:flex;align-items:center;justify-content:center;gap:9px;border-right:1px solid var(--border);font-size:11px;color:var(--muted)}.quick-strip>div:last-child{border-right:0}.quick-strip svg{width:17px;height:17px;color:#6081ad}.count-label{font-size:10px;color:var(--muted);border:1px solid var(--border);background:var(--surface);padding:5px 10px;border-radius:6px}.section-heading{margin:23px 0 17px}.section-heading h2{font-size:18px}.section-heading p{font-size:11px;margin-top:4px}.home-tools{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.tool-card{padding:19px 17px 21px;border-radius:14px;min-height:157px;box-shadow:0 4px 16px #17356b03}.tool-card-top{width:100%;display:flex;justify-content:space-between;align-items:center}.tool-card .tool-arrow{position:static;display:inline-flex}.tool-card .icon-tile{width:38px;height:38px;border-radius:11px}.tool-card .icon-tile svg{width:20px;height:20px}.tool-card h3{font-size:12px;margin-top:15px;margin-bottom:6px;line-height:1.5}.tool-card p{font-size:10px;line-height:1.7}.tool-card:hover{box-shadow:0 12px 30px #153a7610;transform:translateY(-3px)}.tool-card:hover .tool-arrow{color:var(--blue)}.start-guide{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:23px;padding:28px 27px;margin-top:27px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.guide-title .eyebrow{font-size:8px;color:var(--muted);margin-bottom:8px}.guide-title h2{font-size:17px;line-height:1.5}.guide-step>b{display:block;color:#abc0dc;font-size:20px;font-weight:500;line-height:1.2;margin-bottom:10px}.guide-step strong{font-size:11px}.guide-step p{font-size:10px;color:var(--muted);margin-top:5px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.6px;color:#8b9bb4;margin-bottom:9px}.page-heading h1{font-size:29px}.page-heading p{font-size:12px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:19px}.editor-toolbar .tabs{margin:0}.editor-toolbar .tab{font-size:12px;padding:11px 22px}.local-save-hint{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.local-save-hint svg{width:13px;color:var(--teal)}.direction{padding:17px 20px}.direction-letter{font-weight:750;font-size:23px;position:relative;display:block;min-width:43px;color:var(--teal)}.direction-letter>span{font-size:15px;display:inline-block;margin-left:1px}.direction.purple .direction-letter{color:var(--purple)}.direction strong{font-size:12px}.direction small{font-size:10px}.editor-head>div{display:flex;align-items:center;gap:9px}.panel-index{font-size:9px;font-weight:600;color:#a6b3c5;border:1px solid var(--border);border-radius:5px;padding:2px 5px}.editor-panel{box-shadow:0 5px 20px #19386804}.editor-panel textarea{min-height:380px;font-size:14px}.result-panel .panel-index{color:var(--teal);border-color:#c6e9e4}.editor-foot{font-size:10px}.editor-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font-size:10px;color:var(--muted)}#check-note{margin-bottom:18px}.pdf-tools{gap:9px;grid-template-columns:repeat(7,minmax(0,1fr))}.pdf-tool{padding:14px 7px;border-radius:12px;gap:9px;font-size:10px}.pdf-tool .icon-tile{width:33px;height:33px;background:transparent;border-radius:8px}.pdf-tool.active[data-color=teal]{border-color:var(--teal);background:var(--teal-soft);color:var(--teal)}.pdf-tool.active[data-color=purple]{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.pdf-tool.active[data-color=orange]{border-color:var(--orange);background:var(--orange-soft);color:var(--orange)}.pdf-tool strong{font-size:10px;font-weight:600}.workspace{grid-template-columns:minmax(0,1fr) 290px;align-items:start}.file-card{min-height:490px}.file-card h2,.process-card h2{font-size:17px}.dropzone{padding:28px 18px;background:var(--surface-2);border-color:#bdd1ee;gap:8px}.upload-symbol{width:60px;height:60px;border-radius:18px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:7px;box-shadow:0 0 0 7px var(--surface)}.upload-symbol svg{width:28px;height:28px}.dropzone strong{font-size:12px}.dropzone p{font-size:10px}.dropzone .btn{margin-top:6px}.drop-footnote{font-size:9px;color:#94a3b8;margin-top:4px}.files-heading{margin:20px 0 11px}.files-heading h3{font-size:12px}.files-heading .pill{margin-left:4px}.process-card .steps{margin:25px 0 23px;gap:26px}.process-card .step-num{width:32px;height:32px;font-size:11px}.process-card .step{font-size:12px}.process-card .step p{font-size:10px;margin-top:2px}.work-status{background:var(--surface-2);border:1px solid var(--border);padding:12px;border-radius:10px;font-size:11px;color:var(--muted);margin-bottom:13px}.process-note{font-size:10px;line-height:1.8;color:var(--muted);border-top:1px solid var(--border);padding-top:18px;margin-top:20px}.process-note svg{width:13px;height:13px;margin-right:3px}.mt-small{margin-top:5px}.history-toolbar{margin-bottom:17px}.setting-row strong{font-size:12px}.theme-grid{max-width:850px}.help-grid .card p{font-size:12px}.contact-grid .contact{font-size:11px}.video-symbol{display:grid;place-items:center}.video-symbol svg{width:115px;height:115px;color:#6c8dcc;stroke-width:1}.about-logo{display:grid;place-items:center}.video-tags{margin-top:20px}.youtube-link{margin-top:24px;white-space:normal}.video-welcome h1,.about-welcome h1{font-size:33px}.toast{bottom:25px;font-size:12px}.busy-line{height:3px;width:100%;background:linear-gradient(90deg,transparent,var(--teal),transparent);background-size:200% 100%;animation:slide 1.5s linear infinite;border-radius:3px;margin-top:10px}@keyframes slide{to{background-position:-200% 0}}
[data-theme=dark] .welcome{background:linear-gradient(115deg,#203653,#1c304d);border-color:#304868}[data-theme=dark] .welcome h1{color:#e3ecff}[data-theme=dark] .welcome h1>span{color:#9cbfff}[data-theme=dark] .welcome p,[data-theme=dark] .welcome-kicker{color:#a1b6d6}[data-theme=dark] .art-orbit{border-color:#304f78}[data-theme=dark] .art-sheet{background:#2d4565;border-color:#385577}[data-theme=dark] .art-sheet b{color:#c6dcff}[data-theme=dark] .art-sheet i{background:#486384}[data-theme=dark] .art-chip{background:#273c58;border-color:#3d5472;color:#c9d7ee}[data-theme=dark] .free-badge{color:#8bc8b2}[data-theme=dark] .sidebar-note{background:#ffffff05}[data-theme=light] .sidebar-note{background:var(--surface-2);color:var(--text);border-color:var(--border)}[data-theme=light] .sidebar-note small{color:var(--muted)}
@media(min-width:1600px){main{padding-top:36px}.welcome{padding:45px}.welcome h1{font-size:43px}.tool-card{padding:23px 20px;min-height:177px}.tool-card h3{font-size:14px}.tool-card p{font-size:11px}.document-art{min-height:285px}}
@media(max-width:1250px){:root{--sidebar-width:220px}.brand{font-size:20px}.sidebar{padding:24px 12px}.nav-item{font-size:11px;padding:11px 12px}.home-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome{padding:30px 27px}.welcome h1{font-size:32px}.document-art{transform:scale(.88);transform-origin:center}.chip-one{right:-8%}.start-guide{grid-template-columns:1fr 1fr;gap:23px}.pdf-tools{grid-template-columns:repeat(4,1fr)}.workspace{grid-template-columns:minmax(0,1fr) 255px}.file-row .file-name{max-width:210px}.app-footer>span:nth-child(2){display:none}}
@media(max-width:960px){:root{--sidebar-width:0px}.sidebar{width:246px}.topbar{padding:0 23px;height:68px}main{padding:26px 23px}.welcome h1{font-size:33px}.free-badge{font-size:10px}.top-right{gap:7px}.top-left{gap:8px}.workspace{grid-template-columns:minmax(0,1fr) 255px}.settings-grid{grid-template-columns:1fr}.app-footer{padding:17px 23px}.document-art{min-height:270px}.support-label{padding-top:20px}}
@media(max-width:650px){main{padding:21px 15px}.topbar{padding:0 12px}.free-badge,.header-divider{display:none}.top-right{gap:3px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 4px}.breadcrumb strong{display:inline-block;max-width:125px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome{display:block;padding:27px 23px;border-radius:17px}.welcome-kicker{font-size:8px;letter-spacing:1px;margin-bottom:14px}.welcome h1,.video-welcome h1,.about-welcome h1{font-size:29px;letter-spacing:-.8px;line-height:1.25}.welcome p{font-size:11px;margin-top:15px;line-height:1.85}.welcome .row{margin-top:20px;gap:8px}.welcome .btn{padding:11px 14px;font-size:11px}.welcome .btn svg{width:15px;height:15px}.hero-benefits{gap:12px;margin-top:20px;font-size:9px;flex-wrap:wrap}.document-art{display:none}.desktop-only{display:none}.quick-strip{grid-template-columns:1fr 1fr;padding:16px 0;row-gap:14px;margin-bottom:23px}.quick-strip>div{font-size:10px;gap:6px;justify-content:flex-start;padding-left:12px}.quick-strip>div:nth-child(2){border-right:0}.quick-strip svg{width:16px;height:16px}.section-heading h2{font-size:17px;max-width:225px;line-height:1.4}.section-heading p{font-size:10px}.count-label{display:none}.home-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{padding:17px 14px;min-height:162px}.tool-card h3{font-size:12px;margin-top:14px}.tool-card p{font-size:10px}.tool-card .icon-tile{width:35px;height:35px;border-radius:10px}.start-guide{padding:23px 19px;grid-template-columns:1fr 1fr;gap:22px 17px}.guide-title h2{font-size:15px}.guide-title .eyebrow{font-size:7px}.guide-step>b{font-size:19px}.guide-step strong{font-size:11px}.guide-step p{font-size:10px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.7}.editor-toolbar{gap:12px}.editor-toolbar .tabs{width:100%;gap:7px}.editor-toolbar .tab{padding:10px 12px;font-size:11px}.local-save-hint{display:none}.direction{padding:14px 11px;gap:7px}.direction-letter{display:none}.direction strong{font-size:10px}.direction small{font-size:9px}.direction .radio{width:12px;height:12px}.editor-panel textarea{min-height:240px;font-size:14px}.editor-head{padding:12px 13px}.editor-head>div{gap:6px}.panel-index{font-size:8px;padding:2px 4px}.editor-head h3{font-size:11px}.editor-head .btn.small{font-size:10px;padding:6px 8px}.editor-bottom{font-size:10px;flex-wrap:wrap;gap:8px}.pdf-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pdf-tool{padding:12px 4px;gap:7px}.pdf-tool strong{font-size:9px}.pdf-tool .icon-tile{width:26px;height:26px}.pdf-tool svg{width:19px;height:19px}.workspace{grid-template-columns:1fr;gap:17px}.file-card{min-height:0}.card{padding:19px}.dropzone{padding:25px 12px}.dropzone strong{font-size:11px}.drop-footnote{font-size:9px}.file-row .file-name{max-width:155px}.file-row{gap:8px;padding:10px}.file-row .icon-button{width:27px;height:30px}.process-card .steps{gap:21px}.app-footer{padding:16px 15px}.about-logo,.video-symbol{display:none}.theme-grid{grid-template-columns:1fr 1fr}.history-toolbar .btn{font-size:10px;padding:8px 11px}.history-toolbar>span{max-width:175px}.fields-grid{grid-template-columns:1fr 1fr}.fields-grid label{font-size:11px}}
@media(max-width:355px){.welcome{padding:24px 19px}.welcome h1{font-size:27px}.hero-benefits{gap:8px;font-size:8px}.tool-card{padding:15px 12px}.tool-card h3{font-size:11px}.quick-strip>div{font-size:9px}.file-row .file-name{max-width:125px}.page-heading h1{font-size:23px}}

/* Simplified shared layout: no desktop top bar. */
.sidebar-tools{display:flex;gap:8px;padding:18px 12px 0}.sidebar-tools .icon-button{color:#dbeafe;border:1px solid #ffffff35}.standalone-menu{display:none}.app-shell>main{padding-top:30px}
[data-mode=translate]{--mode:#087f76;--mode-soft:#e4f5f1}[data-mode=spell]{--mode:#7640ba;--mode-soft:#f2eafb}[data-mode=numbers]{--mode:#a95108;--mode-soft:#fff0db}
.tabs .tab[data-mode]{background:var(--mode-soft);color:var(--mode);border:1px solid transparent}.tabs .tab[data-mode].active{background:var(--mode);color:#fff;box-shadow:0 3px 12px #15274715}
#hy-imlo .si-filters .si-filter{--chip:#235ea9;display:inline-flex;align-items:center;gap:6px;color:var(--chip);border-color:var(--chip);background:var(--si-bg)}
#hy-imlo .si-filters .si-filter[data-filter=apos]{--chip:#bf3443}#hy-imlo .si-filters .si-filter[data-filter=spell]{--chip:#7942c3}#hy-imlo .si-filters .si-filter[data-filter=grammar]{--chip:#0876a2}#hy-imlo .si-filters .si-filter[data-filter=punct]{--chip:#087c61}#hy-imlo .si-filters .si-filter[data-filter=cap]{--chip:#a85408}#hy-imlo .si-filters .si-filter[data-filter=style]{--chip:#5858b5}#hy-imlo .si-filters .si-filter[data-filter=repeat]{--chip:#906008}#hy-imlo .si-filters .si-filter[data-filter=join]{--chip:#8851b4}#hy-imlo .si-filters .si-filter[data-filter=mix]{--chip:#b93566}
#hy-imlo .si-filters .si-filter[aria-pressed=true]{background:var(--chip);border-color:var(--chip);color:#fff}
#hy-imlo .si-filters .si-filter svg,#hy-imlo .si-btn svg,#hy-imlo .si-copy svg{width:17px;height:17px;flex:none}#hy-imlo .si-btn,#hy-imlo .si-copy{display:inline-flex;align-items:center;justify-content:center;gap:7px}
#hy-imlo #si-check{background:#1460b7;border-color:#1460b7;color:#fff}#hy-imlo #si-clear{background:#b83248;border-color:#b83248;color:#fff}#hy-imlo #si-undo{background:#7550b5;border-color:#7550b5;color:#fff}
#hy-imlo button:disabled{opacity:.55}#hy-imlo .si-filters .si-filter:hover:not([aria-pressed=true]){box-shadow:0 0 0 2px var(--si-line)}
[data-theme=dark] .tab[data-mode]:not(.active){background:#25324a;color:#e2e8f0}[data-theme=dark] #hy-imlo .si-filters .si-filter:not([aria-pressed=true]){color:#e2e8f0}
@media(max-width:960px){.standalone-menu{display:flex;position:fixed;top:12px;left:12px;z-index:55;background:var(--card,#fff);border:1px solid var(--border);box-shadow:0 2px 8px #0002}.app-shell>main{padding-top:66px}.sidebar{z-index:70}.scrim.open{z-index:65}}

.document-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.document-directions>.directions{display:contents}.document-directions .direction{margin:0;min-width:0}.document-directions .new-alphabet .direction-letter{color:#2b63db}.document-directions .new-alphabet.active{border-color:#2b63db;background:#edf3ff}.document-directions .new-alphabet.active .radio{border-color:#2b63db;background:#2b63db}[data-theme=dark] .document-directions .new-alphabet.active{background:#203855}@media(max-width:760px){.document-directions{grid-template-columns:1fr;gap:10px}}