.workspace.editing .drop{min-height:0;padding:13px 18px;flex-direction:row;justify-content:space-between;gap:14px}.workspace.editing .drop .upload-icon,.workspace.editing .drop small{display:none}.workspace.editing .drop p{margin:0}.workspace.editing .drop .primary{order:2;padding:7px 18px;font-size:11px}.workspace.editing .drop:before{display:none}.visual-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:23px 0 16px}.visual-toolbar strong{margin-right:auto;font-size:13px}.visual-toolbar button,.page-controls button,.mode-select{border:1px solid #ffffffdd;background:#ffffff9e;color:#4d6486;border-radius:16px;padding:6px 12px;font-size:11px}.visual-toolbar button:hover,.page-controls button:hover{background:#e1ebff}.visual-toolbar button:disabled{opacity:.4;cursor:not-allowed}.mode-select{border-color:#c8d8f4;padding:8px 12px}.visual-hint{color:#7e90aa;font-size:10px;margin:0 0 17px}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:16px}.page-card{position:relative;min-width:0;border:1px solid #dbe3efb8;background:#ffffff66;border-radius:17px;padding:10px;transition:border .15s,box-shadow .15s}.page-card.picked{border:1.5px solid #71a0eb;box-shadow:0 4px 15px #5a87d412;background:#ffffffa6}.page-card.dragging{opacity:.35}.page-card.drag-over{box-shadow:-5px 0 0 #5e90e5}.page-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:7px;font-size:10px;color:#6c81a1}.page-top label{display:flex;align-items:center;gap:7px;cursor:pointer}.page-top input{accent-color:#3b78df;width:15px;height:15px;margin:0}.page-thumb{height:185px;width:100%;border:0;background:#e4eaf247;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in;padding:12px}.page-thumb img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 3px 8px #223a5820;transition:transform .2s}.page-title{font-size:10px;color:#5e7596;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px}.page-meta{font-size:9px;color:#8c9db3;line-height:1.7;min-height:16px}.page-controls{display:flex;gap:4px;justify-content:space-between;margin-top:9px}.page-controls button{padding:3px 7px;font-size:12px;border-radius:8px;min-width:26px}.page-controls button:disabled{opacity:.35;cursor:not-allowed}.empty-preview{padding:30px;border:1px dashed #b1c4e1;border-radius:16px;text-align:center;font-size:12px;color:#6f84a3}.visual-notice{color:#c16b51;font-size:11px;margin-bottom:12px}.action-count{font-size:11px;color:#6882a4}.actions{gap:12px}.actions .primary{margin-left:auto}.editor-steps{display:flex;gap:18px;font-size:10px;color:#8a9eb8;margin-bottom:19px}.editor-steps span.active{color:#3069bd}.editor-steps b{display:inline-grid;place-items:center;background:#ffffffb3;border-radius:50%;width:18px;height:18px;margin-right:5px;font-size:9px}.dialog{width:min(1000px,94vw);max-height:92vh;border:1px solid white;border-radius:26px;background:#ecf1faed;backdrop-filter:blur(30px);box-shadow:0 30px 100px #142a5a33;padding:22px;color:#334c70}.dialog::backdrop{background:#14263f69;backdrop-filter:blur(7px)}.dialog-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.dialog-header strong{margin-right:auto;font-size:14px}.dialog button{border:1px solid white;border-radius:20px;background:#ffffffb3;padding:6px 14px;color:#47658d}.preview-stage{height:65vh;overflow:auto;background:#dbe4f170;border-radius:16px;display:flex;align-items:flex-start;justify-content:center;padding:20px}.preview-stage>img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center}.preview-stage iframe{width:100%;height:100%;border:0;background:white;border-radius:8px}.compare-view{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.compare-view section{min-width:0;text-align:center}.compare-view p{font-size:11px;color:#6a82a3;margin-bottom:12px}.compare-view img{width:100%;max-height:53vh;object-fit:contain}.dialog-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:12px;font-size:11px;color:#7790b0}.preview-loading{font-size:11px;color:#6082b0;padding:26px;text-align:center}.result iframe{width:100%;height:450px;border:0;border-radius:14px}.result{flex-wrap:wrap}.result-preview{border:1px solid #c7e2d6;border-radius:20px;padding:8px 14px;background:#ffffffad;color:#50886e;font-size:11px}.quality-summary{display:inline-block;font-size:11px;color:#3f866a;margin-left:8px}.page-card:focus-within{outline:2px solid #8fb0e4;outline-offset:3px}@media(max-width:760px){.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-thumb{height:155px;padding:9px}.workspace.editing .drop p{font-size:9px}.visual-toolbar{gap:5px}.visual-toolbar button{padding:5px 9px;font-size:10px}.visual-toolbar strong{width:100%}.editor-steps{gap:9px;font-size:9px}.dialog{padding:15px}.dialog-header{flex-wrap:wrap}.compare-view{grid-template-columns:1fr}.preview-stage{height:60vh}.compare-view img{max-height:32vh}.dialog-footer{flex-wrap:wrap}}

[hidden]{display:none!important}.editing-mode .hero-head{display:none}.editing-mode .section-head,.editing-mode #tools{display:none}.editing-mode main{padding-top:6px}.editing-mode .workspace{min-height:590px}.editing-mode .features{margin-top:22px}.editing-mode .work-head h2{font-size:21px}.editing-mode .preview-stage>img{max-height:none;width:auto;max-width:100%}.page-grid:empty{display:none}

.office-options{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0;color:#6782a2;font-size:11px}.office-options label{display:flex;align-items:center;gap:8px}.office-options select{max-width:100%;border:1px solid #fff;background:#ffffffa6;color:#4e6c93;border-radius:14px;padding:8px 12px;font-size:11px}.office-review{width:100%;background:#ffffffde;border-radius:12px;padding:24px;color:#253a56;font-size:13px;overflow:auto}.office-review>p{margin:0 0 11px;white-space:pre-wrap}.office-table{border-collapse:collapse;width:100%;font-size:12px;margin:12px 0 24px}.office-table td{border:1px solid #d4dfed;padding:8px 11px;white-space:pre-wrap;min-width:60px}.office-table tr:first-child{background:#e8f0fd;font-weight:600}.sheet-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.sheet-tabs button.active{background:#d7e6ff;color:#2767cc}.slide-review{position:relative;container-type:inline-size;width:100%;background:white;box-shadow:0 4px 14px #23426717;margin-bottom:24px;overflow:hidden}.slide-review img{object-fit:fill}.office-image{max-width:100%;display:block;margin:14px auto}.work-head p{max-width:680px}.office-options select:focus-visible{outline:2px solid #80aaf1}

/* One category navigation, positioned to suit the screen size. */
.service-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 15px;border:1px solid #e2d8bd;border-radius:14px;background:#fff7e7aa;color:#8b754e;font-size:11px}
.service-note.ready{background:#edf8f0aa;color:#548568;border-color:#d6eadc}
.service-note button{border:1px solid #ffffffd9;border-radius:18px;padding:6px 11px;background:#ffffffb3;color:#6f7d92;cursor:pointer;font:inherit;flex-shrink:0}
.language-switch{padding:0!important;border-radius:22px}
.language-switch:focus-within{outline:none!important}
.language-trigger{display:flex;align-items:center;justify-content:center;gap:9px;min-width:126px;padding:10px 13px;border:0;background:transparent;border-radius:22px;color:#42638d;font:inherit;font-size:12px;cursor:pointer;transition:background .18s,box-shadow .18s}
.language-trigger:hover,.language-trigger[aria-expanded=true]{background:#ffffff96;box-shadow:inset 0 1px 1px #ffffffd9}
.language-trigger>svg{width:16px;height:16px;flex-shrink:0}
.language-trigger .language-chevron{width:13px;height:13px;opacity:.7;transition:transform .18s}
.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}
.language-trigger:focus-visible{outline:2px solid #80aaf1;outline-offset:3px}
.language-menu{position:absolute;top:calc(100% + 9px);right:0;min-width:174px;padding:7px;border:1px solid #ffffffeb;border-radius:20px;background:linear-gradient(135deg,#f9fcfff2,#e6edfbd9);backdrop-filter:blur(32px) saturate(160%);box-shadow:0 16px 44px #2e507626,inset 0 1px 1px #ffffff;animation:language-open .16s ease-out}
.language-menu>button{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;min-height:41px;padding:10px 13px;border:1px solid transparent;border-radius:13px;background:transparent;color:#4b6382;font:inherit;font-size:12px;text-align:left;cursor:pointer;transition:background .15s}
.language-menu>button:hover{background:#ffffffa8}
.language-menu>button[aria-selected=true]{background:linear-gradient(125deg,#fff,#e4efffb3);border-color:#ffffffd6;color:#2867c9;font-weight:600;box-shadow:0 2px 7px #4d71ad0c}
.language-menu>button:focus-visible{outline:2px solid #8aafe7;outline-offset:-2px;background:#ffffffc2}
.language-check{color:#397bd5;font-size:13px;visibility:hidden}
.language-menu>button[aria-selected=true] .language-check{visibility:visible}
@keyframes language-open{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){header .language-switch{position:relative;top:auto;right:auto}.language-trigger{min-width:114px;padding:9px 11px}.language-menu{min-width:168px}}
@media(prefers-reduced-motion:reduce){.language-menu{animation:none}}
.language-switch{position:fixed;top:24px;right:36px;z-index:30;display:flex;align-items:center;gap:6px;background:linear-gradient(130deg,#ffffffc9,#ffffff78);border:1px solid #ffffffed;border-radius:18px;padding:6px 10px;backdrop-filter:blur(22px);box-shadow:0 3px 15px #405e8d08;color:#607a9c}
.language-switch select{border:0;outline:none;background:transparent;color:#4d6d98;font:inherit;font-size:11px;cursor:pointer;max-width:120px;padding:2px}
.language-switch:focus-within{outline:2px solid #80aaf1;outline-offset:3px}
.hero-head>div{min-width:0}.work-head>div:nth-child(2){min-width:0}
html[lang=en] h1{font-size:30px;letter-spacing:-.5px}
html[lang=en] .brand small{display:none}
html[lang=en] .card strong{font-size:11px}html[lang=en] .card small{font-size:9px}
@media(max-width:760px){.language-switch{position:static;margin-left:auto;padding:5px 8px}header .local{display:none}html[lang=en] h1{font-size:25px}html[lang=en] .hero-head{align-items:flex-start}.work-head p{max-width:100%}}
header{height:62px;margin:12px 24px 0;padding:0 24px;border-radius:21px;gap:20px}
header .logo{width:35px;height:35px;border-radius:12px}
header .logo svg{width:22px;height:22px}
header .brand{font-size:19px;gap:11px}
header .brand small{font-size:7px;letter-spacing:2px;margin-top:5px}
header .local{padding:6px 12px;font-size:10px}
.layout{min-height:calc(100vh - 74px);padding-top:15px}
main{padding-top:15px}
aside{padding-top:18px}
@media(min-width:1500px){main{padding-top:18px}}
@media(min-width:761px){
  header{position:absolute;top:24px;left:30px;width:210px;height:44px;margin:0;padding:0 8px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
  header .local{display:none}
  .layout{min-height:100vh;padding-top:24px}
  .layout>aside{padding-top:76px}
  main{padding-top:8px}
  .editing-mode main{padding-top:8px}
}
@media(max-width:760px){
  header{height:56px;margin:10px 12px 0;padding:0 15px;border-radius:18px}
  .layout{padding-top:0;min-height:calc(100vh - 66px)}
  main{padding-top:21px}
  .layout>aside{display:block;padding:0;margin-top:16px;background:transparent;border:0}
  .layout>aside .aside-label,.layout>aside .side-note{display:none}
  #sidebar{display:flex;gap:5px;overflow-x:auto;padding:6px;background:linear-gradient(120deg,#ffffff9c,#ffffff4d);border:1px solid #ffffffd6;border-radius:21px;backdrop-filter:blur(24px);scrollbar-width:thin}
  #sidebar .side-btn{flex:0 0 auto;width:auto;margin:0;padding:10px 13px;gap:7px;font-size:11px;white-space:nowrap;border:1px solid transparent;border-radius:16px}
  #sidebar .side-btn.active{border-color:#ffffffc9}
  #sidebar .side-btn svg{width:16px;height:16px}
}

/* Refined glass dashboard: grouped tools and a compact working surface. */
:root{--blue:#336fe5;--ink:#21334e;--muted:#6f8097;--line:#e4eaf3}
body{background-color:#f3f6fc;background-image:radial-gradient(ellipse at 90% 0,#e0ebff 0,transparent 45%),radial-gradient(ellipse at 0 50%,#eeebfc 0,transparent 48%),radial-gradient(ellipse at 85% 90%,#e9f7f6 0,transparent 48%);font-family:'Segoe UI','Microsoft YaHei',sans-serif}
body:before{background:linear-gradient(115deg,#ffffff50,transparent 55%)}
header{position:relative;top:auto;left:auto;width:auto;height:70px;margin:18px 28px 0;padding:0 24px;border:1px solid #fff;border-radius:23px;background:#ffffffa8;box-shadow:0 8px 30px #35517d05,inset 0 1px #fff;backdrop-filter:blur(24px);justify-content:space-between}
header .brand{font-size:21px;letter-spacing:.2px;gap:12px}
header .brand small{font-size:8px;letter-spacing:2.2px;color:#8293ad;margin-top:5px}
header .logo{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#6c9fff,#2f67df);box-shadow:0 5px 13px #427de42b,inset 0 1px 2px #ffffffa8}
header .logo svg{width:25px;height:25px}
header .local{display:none}
header .language-switch{position:relative;top:auto;right:auto;margin-left:auto;border:1px solid #e2e9f4;background:#f6f9ffbd;box-shadow:none;backdrop-filter:none}
.language-trigger{min-width:120px;font-size:12px;color:#546e91}
.language-menu{z-index:50;background:#f9fbfff5;border-color:#fff;box-shadow:0 14px 40px #29436d1f}
.layout{grid-template-columns:184px minmax(0,1fr);gap:28px;max-width:1680px;margin:0 auto;padding:28px 32px 0;min-height:calc(100vh - 88px)}
.layout>aside{position:sticky;top:24px;align-self:start;padding:7px 0 20px;border:0;background:transparent}
.aside-label{font-size:10px;color:#95a2b5;letter-spacing:2px;margin:0 16px 17px}
.side-btn{min-height:45px;margin-bottom:7px;padding:11px 15px;gap:11px;border:1px solid transparent;border-radius:15px;font-size:13px;color:#718197;transition:background .18s,color .18s}
.side-btn svg{width:18px;height:18px}
.side-btn.active{border-color:#ffffff;background:linear-gradient(110deg,#fff,#ffffff9e);box-shadow:0 4px 14px #345b9410;color:#356ed0}
.side-btn:hover{background:#ffffffa3;color:#356ed0}
.side-note{margin:30px 0 0;padding:17px 16px;font-size:11px;line-height:1.9;border-radius:18px;border:1px solid #fff;background:#ffffff59;color:#8a99ad}
.side-note strong{color:#6d7e98;margin-bottom:5px;font-size:11px}
main{max-width:none;padding:0 0 24px;margin:0;min-width:0}
.hero-head{margin:1px 0 22px;min-height:64px;align-items:center}
h1,html[lang=en] h1{font-size:31px;line-height:1.35;letter-spacing:-.6px;font-weight:720;margin:0;color:#233552}
.sub{font-size:13px;color:#8290a5;margin-top:8px}
.start-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:19px;align-items:stretch}
.workspace{padding:23px 24px 17px;border-radius:24px;border:1px solid #fff;background:linear-gradient(120deg,#ffffffd9,#f8fbff9e);box-shadow:0 10px 32px #2f4d7b06,inset 0 1px #fff;backdrop-filter:blur(28px)}
.work-head{gap:12px;margin:0 0 19px}
.work-head h2{font-size:17px;letter-spacing:.2px;font-weight:650;color:#263a58}
.work-head p{font-size:11px;line-height:1.7;margin-top:3px;color:#8290a4;max-width:640px}
.tool-icon{width:42px;height:44px;flex-shrink:0;border-radius:13px;border-color:#edf1f9;background:#fff!important;box-shadow:0 3px 9px #294e8a07}
.tool-icon svg{width:22px;height:22px}
.work-head .tag{padding:4px 10px;border-color:#e4eaf4;border-radius:8px;background:#f7faff;color:#8292ab;font-size:9px;white-space:nowrap}
.drop{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:12px;align-items:center;min-height:202px;padding:22px 30px;border:1px dashed #ccdaf0;border-radius:17px;background:radial-gradient(ellipse at 90% 0,#daeaff70,transparent 70%),linear-gradient(120deg,#f4f8ffba,#eaf3ff5e);box-shadow:none;overflow:hidden;text-align:left}
.drop:before{display:none}
.drop.over{border-color:#6e9ce8;background:#e8f1ff;box-shadow:inset 0 0 0 2px #8db3ed55}
.drop-copy{position:relative;z-index:2;min-width:0}
.drop .drop-title{font-size:20px;letter-spacing:.1px;font-weight:650;color:#335376;margin:0 0 17px}
.primary{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border-radius:12px;padding:10px 23px;border-color:#427bea;background:linear-gradient(135deg,#548cf4,#346bdf);box-shadow:0 5px 13px #386dde26,inset 0 1px #ffffff4d;font-size:12px;font-weight:600}
.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 17px #386dde35}
.drop .drop-hint{font-size:11px;line-height:1.8;color:#8b9bb0;margin-top:14px;max-width:290px}
.drop small{display:block;margin-top:5px;font-size:9px;line-height:1.6;color:#8b9bb0}
.upload-art{position:relative;width:205px;height:170px;justify-self:center;pointer-events:none}
.paper{position:absolute;border:1px solid #ffffffed;border-radius:15px;box-shadow:0 13px 30px #5781bf16}
.paper-back{width:110px;height:137px;top:6px;left:66px;background:linear-gradient(150deg,#e2eeff,#b3d0fa);transform:rotate(14deg)}
.paper-front{width:113px;height:140px;top:15px;left:45px;background:linear-gradient(135deg,#fff,#f4f8ffed);transform:rotate(-8deg);padding:19px 17px}
.paper-label{font-size:15px;letter-spacing:1px;font-weight:750;color:#668ac6}
.paper-line{display:block;height:4px;border-radius:4px;background:#dce7f6;margin-top:10px}
.paper-line.short{width:65%;margin-top:7px}
.upload-art .upload-icon{position:absolute;bottom:14px;right:-14px;width:51px;height:51px;margin:0;border-radius:17px;transform:rotate(8deg);color:#5687e6;border:1px solid #fff;box-shadow:0 7px 17px #3563ae20;background:linear-gradient(135deg,#fff,#e9f2ff)}
.upload-art .upload-icon svg{width:25px;height:25px;transform:none}
.file-orbit{position:absolute;display:grid;place-items:center;border:1px solid #fff;border-radius:12px;background:#ffffffbf;box-shadow:0 7px 20px #4a739317;backdrop-filter:blur(8px);font-weight:750}
.orbit-word{left:9px;top:39px;width:41px;height:44px;color:#5287dd;font-size:19px;transform:rotate(-12deg)}
.orbit-cad{right:3px;top:70px;width:47px;height:47px;color:#4fa59d;font-size:11px;transform:rotate(12deg)}
.art-spark{position:absolute;left:19px;bottom:15px;color:#b5c9e8;font-size:21px}
.options{margin-top:12px;gap:12px}
.privacy{font-size:9px;color:#9aa8bb}
.quick-panel{position:relative;padding:23px 20px 19px!important;border:1px solid #ffffff!important;border-radius:24px;background:linear-gradient(145deg,#edf4ffcf,#ffffffbd)!important;box-shadow:0 10px 32px #2f4d7b05;margin:0;min-width:0}
.quick-heading{display:flex;align-items:center;gap:9px}
.quick-heading h2{margin:0;font-size:16px;font-weight:650;color:#304663}
.quick-star{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#ffffffc2;color:#7899e2;font-size:19px}
.quick-sub{font-size:10px;color:#8d9db2;margin:5px 0 15px 36px}
.quick-tools{display:grid;gap:7px}
.quick-tool{display:flex;align-items:center;gap:10px;padding:10px 11px;min-height:47px;width:100%;border-radius:12px;border:1px solid #ffffff8c;background:#ffffffad;box-shadow:0 2px 6px #3c5d8c03;text-align:left;color:#455a76;transition:background .18s,transform .18s}
.quick-tool:hover{background:#fff;transform:translateX(2px)}
.quick-tool.selected{background:#fff;border-color:#bdd2f6}
.quick-tool .card-icon{width:28px;height:30px;border:0;border-radius:8px;box-shadow:none;color:var(--color);background:var(--tint);flex-shrink:0}
.quick-tool .card-icon svg{width:17px;height:17px}
.quick-tool .card-copy{flex:1;min-width:0}
.quick-tool strong{font-size:12px;font-weight:550;display:block}
.quick-tool small{display:none}
.card-arrow{margin-left:auto;display:flex;align-items:center;color:#a4b0c2;flex-shrink:0;transition:color .18s,transform .18s}
.card-arrow svg{width:17px;height:17px}
.section-head{margin:28px 1px 15px;align-items:center}
.section-head h2{font-size:16px;font-weight:650;letter-spacing:.2px}
.section-head>span{font-size:10px;color:#93a0b3}
.tools{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}
.tools.tool-directory{gap:16px;align-items:stretch}
.tool-group{padding:20px 14px 13px;border:1px solid #ffffff;border-radius:22px;background:linear-gradient(150deg,#ffffffd9,#ffffff97);box-shadow:0 7px 25px #324d7405;min-width:0}
.group-heading{display:flex;align-items:center;gap:11px;padding:0 5px 17px;margin-bottom:7px;border-bottom:1px solid #e9eef59c}
.group-icon{display:grid;place-items:center;width:42px;height:44px;flex-shrink:0;border-radius:14px;color:var(--group-color);background:var(--group-tint)}
.group-icon svg{width:24px;height:24px}
.group-heading h3{margin:0;color:#31455f;font-size:15px;font-weight:650}
.group-heading p{margin:4px 0 0;font-size:9px;color:#9aa7b9;letter-spacing:.1px}
.group-list{display:grid;gap:3px}
.card{display:flex;align-items:center;position:relative;min-height:86px;padding:16px;gap:11px;border:1px solid #ffffff;border-radius:17px;background:#ffffffa8;box-shadow:0 3px 12px #304a7103;text-align:left;color:#405570;transition:background .18s,box-shadow .18s,transform .18s}
.card:hover{background:#fff;border-color:#d7e4f6;box-shadow:0 6px 16px #38557a0a;transform:translateY(-2px)}
.card.selected{border-color:#b6d0f5;background:#f1f6fff2;box-shadow:inset 0 0 0 1px #ffffff91}
.card-icon{display:grid;place-items:center;flex-shrink:0;width:37px;height:40px;border-radius:12px;color:var(--color);background:var(--tint);border:1px solid #fff;box-shadow:none}
.card-icon svg{width:21px;height:21px}
.card-copy{min-width:0;flex:1}
.card strong{font-size:12px;letter-spacing:0;font-weight:550;color:#354b68;line-height:1.6}
.card small{font-size:9px;line-height:1.6;color:#95a1b3;margin-top:4px}
.group-list .card{min-height:43px;padding:9px 10px;gap:9px;border:1px solid transparent;border-radius:10px;background:transparent;box-shadow:none}
.group-list .card:hover{transform:none;background:#f4f7fd;border-color:#e9eff9}
.group-list .card.selected{background:#eef4ff;border-color:#e2ecfc}
.group-list .card.selected strong{color:#3470d3}
.group-list .card .card-icon{width:22px;height:24px;background:transparent;border:0;border-radius:6px;opacity:.75}
.group-list .card .card-icon svg{width:17px;height:17px}
.group-list .card strong{font-size:12px}
.group-list .card small{display:none}
.group-list .card:hover .card-arrow{color:var(--group-color);transform:translateX(2px)}
.office-formats{margin:11px 8px 0;padding:11px 4px 0;border-top:1px solid #edf1f7;display:grid;gap:13px}
.office-formats>div{display:flex;gap:9px;align-items:center;font-size:9px;color:#9aa8bc}
.format-token{display:grid;place-items:center;width:24px;height:27px;border-radius:7px;font-weight:700;font-size:12px}
.format-word{color:#6192df;background:#eff5ff}.format-excel{color:#69a98c;background:#eff9f3}.format-ppt{color:#dda15c;background:#fff7ed}
.office-formats i{margin-left:auto;font-style:normal;color:#b3c0d3;font-size:13px}
.office-formats b{font-size:8px;font-weight:500;color:#b0bac8}
.more-tools{grid-column:1/-1;display:flex;gap:14px}
.more-tools .card{flex:1;min-height:55px;max-width:280px;padding:10px 13px;border-radius:14px;background:#ffffff55;border-color:#ffffff8a;box-shadow:none}
.more-tools .card-icon{width:28px;height:30px;background:#ffffff6b;color:#a4afc1;border:0}
.more-tools .card-icon svg{width:17px;height:17px}
.more-tools .card strong{color:#8e9cb0;font-size:11px}
.more-tools .card small{display:none}
.soon{position:static;margin-left:auto;white-space:nowrap;font-size:8px;font-weight:400;color:#a9b3c1;background:#eef1f780;border-radius:6px;padding:3px 6px}
.features{margin-top:25px;padding:17px 4px 0;border-top-color:#dfe6f180;justify-content:space-between}
.feature{font-size:9px;color:#9aa6b9;gap:9px}
.feature b{background:#ffffff66;border-color:#fff;width:29px;height:29px;border-radius:10px;color:#98a9c1}
.feature strong{font-size:10px;color:#8090a6;font-weight:500}
footer{font-size:8px;letter-spacing:.7px;color:#a6b0c0;margin-top:20px}
.file{border-color:#e4ebf5;background:#f9fbffb8;color:#455a76;border-radius:13px;font-size:12px}
.ghost{font-size:11px;padding:9px 15px;border-radius:10px;border-color:#e5ebf5;background:#fff;color:#8394ac}
.result{background:#edf9f4;border-color:#dcefe6;border-radius:14px;padding:15px 17px;color:#3c765e}
.result a{font-size:11px;border-radius:10px;background:#43977d;padding:9px 16px}
.result-preview{border-radius:10px;border-color:#d3e8de;background:#ffffffad}
.status{font-size:11px;color:#8090a7}
.status:empty,#visual:empty{display:none}
#files:empty{margin:0}
.status.error,.visual-notice{color:#c66d56}
.office-options{margin-top:18px;gap:17px}
.office-options label{font-size:11px;color:#7d8ca2}
.office-options select{border-color:#e2eaf5;border-radius:9px;background:#fff;color:#577393;font-size:11px}
.options input[type=text]{background:#fff;border-color:#dfe8f5;border-radius:9px}
.start-grid:has(.file),.editing-mode .start-grid{grid-template-columns:minmax(0,1fr)}
.start-grid:has(.file) .quick-panel,.editing-mode .quick-panel{display:none}
.workspace:has(.file) .drop,.workspace.editing .drop{display:flex;min-height:65px;flex-direction:row;justify-content:space-between;gap:15px;padding:12px 17px;background:#f4f8fd8c;border:1px dashed #d1dff1}
.workspace:has(.file) .drop-copy,.workspace.editing .drop-copy{display:contents}
.workspace:has(.file) .upload-art,.workspace.editing .upload-art,.workspace:has(.file) .drop-title,.workspace.editing .drop-title{display:none}
.workspace:has(.file) .drop small,.workspace.editing .drop small{display:none}
.workspace:has(.file) .drop .primary,.workspace.editing .drop .primary{order:2;min-height:35px;font-size:11px;border-radius:10px;padding:8px 18px;flex-shrink:0}
.workspace:has(.file) .drop .drop-hint,.workspace.editing .drop .drop-hint{margin:0;max-width:none;font-size:10px}
.editing-mode .workspace{min-height:0}
.editing-mode main{padding-top:0}
.editing-mode .work-head h2{font-size:19px}
body:has(.workspace .file) .hero-head,body:has(.workspace .file) .section-head,body:has(.workspace .file) #tools{display:none}
.editing-mode .features,body:has(.workspace .file) .features{margin-top:22px}
.page-card{border-color:#e2e9f4;border-radius:15px;background:#ffffffa8;box-shadow:0 4px 12px #38557a05}
.page-card.picked{border-color:#9dbdf0;box-shadow:0 5px 13px #41699f0b;background:#fff}
.visual-toolbar button,.page-controls button,.mode-select{border-color:#e0e8f4;background:#fff;border-radius:9px;color:#66809f}
.editor-steps{margin-top:19px}
.dialog{background:#f5f8fff5;box-shadow:0 30px 100px #2339553d;border-radius:23px}
.dialog button{border-radius:10px;border-color:#e2e9f4;background:#fff}
.preview-stage{background:#e9eef7;border-radius:13px}
.dialog-footer{font-size:10px;color:#92a1b6}
html[lang=en] .card strong{font-size:11px}
html[lang=en] .group-heading h3{font-size:13px}
html[lang=en] .group-heading p{font-size:7px}
@media(min-width:1700px){.drop{min-height:215px}.quick-panel{padding-top:26px!important}.quick-tools{gap:10px}}
@media(max-width:1250px){.layout{grid-template-columns:164px minmax(0,1fr);gap:22px;padding:25px 24px 0}.side-btn{padding-left:12px;font-size:11px}.tools.tool-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.start-grid{grid-template-columns:minmax(0,1fr) 244px;gap:15px}.drop{grid-template-columns:minmax(0,1fr) 145px;padding:24px 22px}.upload-art{transform:scale(.8);width:170px}.drop .drop-title{font-size:18px}.quick-panel{padding:21px 15px 17px!important}.group-heading p{font-size:8px}.group-list .card strong{font-size:12px}}
@media(max-width:1020px){.start-grid{grid-template-columns:minmax(0,1fr)}.quick-panel{display:none}.drop{grid-template-columns:minmax(0,1fr) 215px}.upload-art{transform:none;width:205px}.tools:not(.tool-directory){grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:150px minmax(0,1fr);gap:19px}.side-note{padding:14px 12px;font-size:10px}.side-btn{font-size:10px;gap:9px}}
@media(max-width:760px){
  header{height:63px;margin:12px 14px 0;padding:0 16px;border-radius:19px;gap:12px}header .brand{font-size:18px;gap:10px}header .logo{width:35px;height:35px;border-radius:11px}header .logo svg{width:22px;height:22px}header .brand small{font-size:6px;letter-spacing:1.8px;margin-top:4px}.language-trigger{min-width:107px;padding:8px 10px;font-size:10px;gap:6px}header .language-switch{border-radius:13px}.language-menu{right:0}
  .layout{display:block;min-height:calc(100vh - 75px);padding:0 15px}.layout>aside{position:static;padding:0;margin:13px 0 0}#sidebar{padding:4px;gap:3px;background:#ffffff89;border-radius:15px;border-color:#fff;scrollbar-width:none}#sidebar .side-btn{padding:9px 11px;min-height:35px;border-radius:11px;font-size:10px;gap:6px}#sidebar .side-btn svg{width:14px;height:14px}
  main{padding:23px 0 20px}.hero-head{min-height:0;margin-bottom:18px}h1,html[lang=en] h1{font-size:26px;letter-spacing:-.5px}.sub{font-size:11px;margin-top:7px}.workspace{padding:19px 16px 14px;border-radius:21px}.work-head{gap:10px;margin-bottom:16px}.work-head h2{font-size:15px}.work-head p{font-size:10px;line-height:1.6}.tool-icon{width:37px;height:39px;border-radius:12px}.tool-icon svg{width:20px;height:20px}.drop{min-height:217px;grid-template-columns:minmax(0,1fr) 135px;gap:3px;padding:23px 17px;border-radius:15px}.drop .drop-title{font-size:17px;max-width:150px;margin-bottom:16px}.primary{font-size:11px;padding:10px 16px;min-height:41px;border-radius:11px}.drop .drop-hint{font-size:9px;max-width:210px;margin-top:12px}.drop small{font-size:8px}.upload-art{width:165px;transform:scale(.75);transform-origin:center}.privacy{font-size:8px}
  .section-head{margin:23px 2px 13px}.section-head h2{font-size:15px}.section-head>span{font-size:9px}.tools.tool-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tool-group{padding:15px 8px 9px;border-radius:17px}.group-heading{gap:8px;padding:0 3px 12px;margin-bottom:5px;align-items:flex-start}.group-icon{width:30px;height:33px;border-radius:10px}.group-icon svg{width:19px;height:19px}.group-heading h3,html[lang=en] .group-heading h3{font-size:11px;line-height:1.6}.group-heading p,html[lang=en] .group-heading p{font-size:6px;line-height:1.6;max-width:90px;overflow-wrap:anywhere}.group-list .card{padding:9px 5px;min-height:39px;gap:5px;border-radius:8px}.group-list .card strong,html[lang=en] .group-list .card strong{font-size:9px}.group-list .card .card-icon{width:17px;height:20px}.group-list .card .card-icon svg{width:14px;height:14px}.group-list .card .card-arrow svg{width:13px;height:13px}.office-formats{margin:7px 4px 0;padding-top:12px;gap:13px}.office-formats>div{gap:5px;font-size:7px}.format-token{width:20px;height:23px;font-size:10px;border-radius:6px}.office-formats b{font-size:7px}.more-tools{gap:10px}.more-tools .card{padding:9px 10px;min-height:51px;gap:7px}.more-tools .card strong{font-size:9px}.more-tools .card-icon{width:22px;height:25px}.soon{font-size:7px;padding:3px 4px}.more-tools .card .card-copy{flex:1}.features{justify-content:space-between;gap:15px;padding-top:16px}.feature:last-child{display:flex}.feature{font-size:8px}.feature strong{font-size:9px}.feature b{width:26px;height:26px;border-radius:9px}footer{font-size:7px;margin-top:19px}
  .card{padding:13px 11px;min-height:76px;gap:8px}.card-icon{width:31px;height:35px;border-radius:10px}.card strong{font-size:11px}.card small{font-size:8px}.card-arrow svg{width:14px;height:14px}.editing-mode main{padding-top:18px}body:has(.workspace .file) main{padding-top:18px}.workspace:has(.file) .drop,.workspace.editing .drop{padding:11px 12px;gap:10px}.workspace:has(.file) .drop .primary,.workspace.editing .drop .primary{font-size:10px;padding:8px 12px;white-space:nowrap}.workspace:has(.file) .drop .drop-hint,.workspace.editing .drop .drop-hint{font-size:8px;line-height:1.7;max-width:170px}.office-options{gap:11px}.office-options label,.office-options select{font-size:10px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dialog{padding:15px;border-radius:19px}.dialog-header strong{font-size:12px}.dialog button{font-size:10px;padding:6px 10px}
}
@media(max-width:760px){html[lang=en] h1{font-size:25px;max-width:310px}}
@media(max-width:380px){.drop{grid-template-columns:minmax(0,1fr) 100px;padding-left:14px}.upload-art{transform:scale(.62);width:140px}.drop .drop-title{font-size:16px}.group-heading{gap:6px}.group-icon{width:26px;height:29px}.group-list .card .card-icon{display:none}.more-tools .card-icon{display:none}.side-btn>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.card,.quick-tool,.primary,.side-btn{transition:none}.card:hover,.quick-tool:hover,.primary:hover:not(:disabled){transform:none}}