.workspace-main{max-width:1160px;margin:auto;display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 150px)}.tool-nav{border-right:1px solid var(--line);padding:40px 20px}.tool-nav .eyebrow{margin:0 0 16px}.nav-group{font:600 11px "DM Mono",monospace;letter-spacing:.8px;color:#80938a;margin:23px 0 7px}.tool-nav a{display:block;color:var(--ink);text-decoration:none;font-size:14px;padding:7px 8px;margin-left:-8px;border-radius:2px}.tool-nav a:hover,.tool-nav a.active{background:var(--mint);color:var(--green)}.tool-work{padding:56px 38px 90px}.tool-work h1{font:800 48px "Noto Serif SC",serif;margin:0}.tool-description{font-size:17px;line-height:1.65;color:#587068;margin:10px 0 26px;max-width:700px}.tool-options{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px;align-items:center}.tool-options input,.tool-options select{border:1px solid var(--line);padding:9px 10px;background:#fff;color:var(--ink);font:14px Outfit,sans-serif}.tool-options label{font-size:13px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-grid label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.work-area{height:270px}.tool-actions{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.live-result{display:flex;flex-wrap:wrap;gap:8px}.live-result div{border:1px solid var(--line);padding:10px 14px;font-size:12px;color:#637870}.live-result b{font-size:21px;color:var(--ink);display:block}.error{color:#a12d15}.tool-copy{border-top:1px solid var(--line);margin-top:42px;padding-top:30px;max-width:760px}.tool-copy h2{font:700 27px "Noto Serif SC",serif;margin:0}.tool-copy p{color:#526960;line-height:1.75}.example{background:var(--mint);padding:16px;margin-top:18px}.example pre{white-space:pre-wrap;margin:9px 0 0;font:13px/1.55 "DM Mono",monospace}.file-button{background:var(--green);color:#fff;padding:13px 20px;font-size:14px;cursor:pointer}.file-button input{display:none}.tool-field-grid{display:grid;gap:10px}.tool-field-grid input,.tool-field-grid textarea,.single-output{border:1px solid var(--line);padding:12px;background:#fff;color:var(--ink);font:14px Outfit,sans-serif}.tool-field-grid textarea{height:110px}.preview-card{border:1px solid var(--line);padding:20px;background:#fff;max-width:700px}.preview-card small{color:#24733d;display:block}.preview-card a{display:block;color:#1a0dab;font-size:20px;margin-top:5px;text-decoration:none}.preview-card p{color:#4d5156;line-height:1.55;margin:6px 0}.preview-card .meta-count{font-size:12px;color:#697b74}.single-output{width:100%;max-width:700px}.tool-status{font-size:13px;color:#5a7068}.helper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.helper-grid div{border:1px solid var(--line);padding:13px}.helper-grid b{font-size:25px;display:block}.helper-grid small{color:#60756d}.workspace-note{color:#596e66;line-height:1.65;margin:0 0 19px}.tool-hidden{display:none!important}@media(max-width:760px){.workspace-main{display:block}.tool-nav{border-right:0;border-bottom:1px solid var(--line);padding:24px 18px}.tool-nav #tool-list{display:flex;overflow:auto;gap:8px}.tool-nav .nav-group{display:none}.tool-nav a{white-space:nowrap;border:1px solid var(--line);margin:0}.tool-work{padding:38px 18px 60px}.tool-work h1{font-size:38px}.editor-grid{grid-template-columns:1fr}.work-area{height:190px}.helper-grid{grid-template-columns:1fr 1fr}}
.tool-page-main{max-width:1160px;margin:auto}.tool-page-hero{padding:84px 28px 26px;max-width:860px}.tool-page-hero h1{font:900 clamp(42px,6vw,70px)/1.06 "Noto Serif SC",serif;letter-spacing:-2px;margin:0}.tool-page-intro{font-size:18px;line-height:1.8;color:#50685f;max-width:720px;margin:24px 0 0}.tool-page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.ghost-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:13px 18px;font:600 14px Outfit,sans-serif;color:var(--ink);text-decoration:none;background:#fff}.tool-page-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:22px;padding:0 28px 28px}.tool-panel,.tool-side{border:1px solid var(--line);background:#fff;padding:26px}.tool-panel h2,.tool-side h2{font:700 28px "Noto Serif SC",serif;margin:0 0 8px}.tool-side h3{font:700 18px "Noto Serif SC",serif;margin:24px 0 10px}.tool-side p{font-size:15px;line-height:1.8;color:#566d65;margin:0 0 14px}.tool-bullets{margin:0;padding-left:18px;color:#566d65}.tool-bullets li{margin-bottom:10px;line-height:1.7}.tool-mini-links a{display:block;margin-bottom:10px;color:var(--green);text-decoration:none}.tool-page-editor{grid-template-columns:1fr 1fr}.tool-page-editor.compare-layout{grid-template-columns:1fr 1fr 1fr}.tool-page-editor .work-area{height:240px}.tool-panel .tool-description{max-width:none}.tool-callout{background:var(--mint);padding:16px 18px;margin-top:18px;color:#496057;line-height:1.7}.tool-callout b{display:block;margin-bottom:6px;color:var(--ink)}@media(max-width:900px){.tool-page-grid{grid-template-columns:1fr}.tool-side{order:2}}@media(max-width:760px){.tool-page-hero{padding:56px 18px 20px}.tool-page-hero h1{letter-spacing:-1.5px}.tool-page-intro{font-size:16px}.tool-page-grid{padding:0 18px 18px}.tool-panel,.tool-side{padding:20px}.tool-page-editor,.tool-page-editor.compare-layout{grid-template-columns:1fr}.tool-page-editor .work-area{height:180px}}
.workbench-link{padding:10px 8px!important;border:1px solid transparent;margin-bottom:4px!important}.workbench-link span{display:block;font-weight:600}.workbench-link small{display:block;color:#71847c;font-size:11px;margin-top:2px}.workbench-link em{display:block;font-style:normal;color:#71847c;font-size:11px;line-height:1.35;margin-top:3px}.standalone-tools{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.standalone-tools summary{cursor:pointer;color:var(--green);font-size:13px;font-weight:600;list-style:none}.standalone-tools summary::-webkit-details-marker{display:none}.standalone-tools summary:after{content:"＋";float:right;font-size:16px}.standalone-tools[open] summary:after{content:"−"}.standalone-tools summary small{float:right;margin-right:8px;color:#82948d;font-weight:400}.standalone-tools .nav-group{margin-top:18px}.standalone-tools a{font-size:13px;padding:5px 8px}.quick-links{margin-bottom:12px}.quick-links:empty{display:none}.file-action{display:inline-flex;align-items:center;cursor:pointer}.file-action input{display:none}
.tool-options #suite-filter{min-width:180px}.tool-options #suite-mode{min-width:190px}
@media(max-width:760px){.tool-nav #tool-list{display:block}.tool-nav .workbench-link{display:block!important}.standalone-tools{margin-top:12px}}
.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:1160px;margin:0 auto;padding:22px 28px 0;color:#71847c;font-size:13px}.breadcrumbs a{color:var(--green);text-decoration:none}.breadcrumbs [aria-current="page"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:58ch}.tool-page-main>.breadcrumbs+.tool-page-hero{padding-top:46px}.task-next{margin:34px 0 0;padding:24px;border:1px solid var(--line);background:var(--mint)}.task-next h2,.task-next h3{margin-top:0}.task-next .tool-mini-links{display:flex;gap:10px;flex-wrap:wrap}.task-next .tool-mini-links a{display:inline-flex;background:#fff;border:1px solid var(--line);padding:9px 12px;margin:0}@media(max-width:760px){.breadcrumbs{padding:16px 18px 0}.breadcrumbs [aria-current="page"]{max-width:32ch}.tool-page-main>.breadcrumbs+.tool-page-hero{padding-top:34px}}