/* Shared IdeaFactorys Lab tool theme: warm paper, coral masthead, ink outlines. */
:root{color-scheme:light!important;--lab-paper:#f3f0e8;--lab-ink:#191919;--lab-muted:#575751;--lab-line:#1f1f1f;--lab-coral:#ed5a50;--lab-yellow:#ffe372;--lab-purple:#6234d8;--lab-card:#fffdf8}
html,body{background:var(--lab-paper)!important;color:var(--lab-ink)!important}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important}.page{width:min(1180px,calc(100% - 32px))!important;padding:22px 0 44px!important}.topbar{background:var(--lab-coral);border:2px solid var(--lab-line);border-radius:5px;box-shadow:5px 5px 0 var(--lab-line);padding:13px 18px;margin-bottom:34px!important}.brand{color:#fff!important;font-weight:900!important;font-size:20px}.brand:before{content:'✳';display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;background:var(--lab-yellow);border:2px solid var(--lab-line);border-radius:4px;color:var(--lab-ink);font-size:19px}.lang,.language-switch{background:#ffffff33!important;border:0!important;border-radius:4px!important;padding:3px!important}.lang a,.language-switch a{color:#fff!important;border-radius:3px!important;font-weight:800}.lang .active,.language-switch .switch-en,.language-switch .switch-zh:hover{background:var(--lab-yellow)!important;color:var(--lab-ink)!important}.hero{margin-bottom:28px!important}.eyebrow{color:#4d6048!important}.hero h1,h1{color:var(--lab-ink)!important;letter-spacing:-1.2px!important}.summary{color:var(--lab-muted)!important}.trust span,.trust-row span{border:1px solid #19191933!important;background:#fff9!important;color:#393934!important;border-radius:4px!important}.seo-card,.panel,.preview,.info-card,.tool-shell>.panel{background:var(--lab-card)!important;border:2px solid var(--lab-line)!important;border-radius:5px!important;box-shadow:4px 4px 0 var(--lab-line)!important}.seo-card h2,.seo-card h3,.info-card h2,.info-card h3{color:var(--lab-ink)!important}.seo-card p,.seo-card li,.info-card p,.info-card li,.hint,.status{color:var(--lab-muted)!important}label,.field label{color:#484842!important}select,textarea,input[type=text],input[type=url],input[type=number]{background:#fff!important;color:var(--lab-ink)!important;border:2px solid #b9b6ad!important;border-radius:4px!important}select:focus,textarea:focus,input:focus{border-color:var(--lab-purple)!important;box-shadow:3px 3px 0 #c7b9f4!important;outline:none}.toggle{background:#fff!important;border:1px solid #b9b6ad!important;border-radius:4px!important}.actions button,.btn,.quick-btn,.download-btn{background:#fff!important;color:var(--lab-ink)!important;border:2px solid var(--lab-line)!important;border-radius:4px!important;box-shadow:2px 2px 0 var(--lab-line);font-weight:800}.actions .primary,.btn-primary,.btn.primary{background:var(--lab-purple)!important;color:#fff!important;border-color:var(--lab-line)!important}.actions button:hover,.btn:hover,.quick-btn:hover,.download-btn:hover{background:var(--lab-yellow)!important;color:var(--lab-ink)!important;border-color:var(--lab-line)!important;transform:translate(-1px,-1px)!important}.actions button:disabled,.btn:disabled,.download-btn[disabled]{opacity:.45!important;box-shadow:none!important}.drop{background:#fff!important;border:2px dashed #776f61!important;border-radius:5px!important}.drop:hover,.drop.drag{background:#fff9dd!important;border-color:var(--lab-purple)!important}.preview,.video-wrap,.imagebox,.qr-wrapper{background:#fff!important;border:2px solid var(--lab-line)!important;border-radius:5px!important}.metric{background:#fff9dd!important;border:1px solid #19191955!important;border-radius:4px!important}.metric strong,.timer{color:var(--lab-purple)!important}.tag{background:var(--lab-yellow)!important;color:var(--lab-ink)!important;border:1px solid var(--lab-line)}.download-row{color:var(--lab-muted)}.lab-simple-footer{border-top:1px solid #aaa69d!important;color:var(--lab-muted)!important;padding-top:22px!important}.lab-simple-footer a{color:var(--lab-purple)!important}.toast,.error-toast{background:var(--lab-ink)!important;color:#fff!important;border:2px solid var(--lab-line)!important;border-radius:4px!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lab-purple)!important;outline-offset:3px!important}@media(max-width:900px){.page{width:min(100% - 24px,720px)!important}.topbar{margin-bottom:26px!important}.hero{display:block!important}.hero>aside{margin-top:18px}.app,.tool-shell{grid-template-columns:1fr!important}.preview-panel{position:static!important}}@media(max-width:560px){.page{width:calc(100% - 20px)!important;padding-top:16px!important}.topbar{padding:11px 12px}.brand{font-size:17px}.brand:before{width:24px;height:24px;font-size:16px}.hero h1,h1{font-size:34px!important}.summary{font-size:14px!important}.seo,.seo-content{grid-template-columns:1fr!important}.row,.btn-row,.download-btns,.logo-upload,.metrics,.compare{grid-template-columns:1fr!important}.panel,.preview,.seo-card,.info-card{padding:15px!important}.video-wrap{min-height:230px!important}.qr-wrapper{padding:16px!important}}
.panel-title{color:var(--lab-ink)!important}.panel-title .en,.panel-title .zh{color:inherit!important}.char-count{color:#6b78a0!important}
/* New micro-tool pages: keep controls inside panels and language links inline. */
.new-tool-page,.new-tool-page *{box-sizing:border-box}
.new-tool-page .topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;min-width:0}
.new-tool-page .topbar .lang{display:inline-flex!important;flex:0 0 auto;width:auto!important;margin-left:auto;align-items:center;white-space:nowrap}
.new-tool-page .topbar .lang a{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:48px!important;white-space:nowrap}
.new-tool-page .tool-main{min-width:0}
.new-tool-page .tool-panel{min-width:0;overflow:hidden}
.new-tool-page input,.new-tool-page textarea,.new-tool-page select{max-width:100%;box-sizing:border-box}
.new-tool-page .tool-output{max-width:100%;overflow:auto}
@media(max-width:560px){.new-tool-page .topbar .lang a{min-width:42px!important;padding:7px 8px!important;font-size:12px}}
.new-tool-page .page{width:min(1180px,calc(100% - 40px))!important;margin-left:auto!important;margin-right:auto!important}
.new-tool-page .hero,.new-tool-page .tool-main,.new-tool-page .seo-block,.new-tool-page .lab-simple-footer{width:100%;max-width:1180px;margin-left:auto;margin-right:auto}
.new-tool-page .page{width:min(1040px,calc(100% - 40px))!important}
.new-tool-page .tool-panel textarea,.new-tool-page .tool-panel input[type=text],.new-tool-page .tool-panel input[type=url],.new-tool-page .tool-panel input[type=number]{display:block;width:100%!important;min-width:0}
/* Final centered layout pass: keep the entire tool experience in a readable column. */
.new-tool-page .page{width:min(960px,calc(100% - 48px))!important;max-width:960px!important;margin-inline:auto!important}
.new-tool-page .topbar,.new-tool-page .hero,.new-tool-page .tool-main,.new-tool-page .seo-block,.new-tool-page .lab-simple-footer{width:100%!important;max-width:960px!important;margin-inline:auto!important}
.new-tool-page .tool-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
@media(max-width:760px){.new-tool-page .page{width:calc(100% - 24px)!important}.new-tool-page .tool-main{grid-template-columns:1fr!important}}