*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--background);color:var(--foreground)}a{color:inherit;text-decoration:none}p{margin:0}button,select,input{font:inherit}button{cursor:pointer;background:var(--primary);color:white;border:0;border-radius:8px}button:disabled{opacity:.45;cursor:not-allowed}select{border:1px solid var(--input);background:var(--secondary);color:var(--foreground);border-radius:8px;padding:0 12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
:root {--background:#f8faf8;--foreground:#18362d;--card:#fff;--card-foreground:#18362d;--popover:#fff;--popover-foreground:#18362d;--primary:#14634b;--primary-foreground:#fff;--secondary:#eef4ef;--secondary-foreground:#18362d;--muted:#eef4ef;--muted-foreground:#64776d;--accent:#edf5ef;--accent-foreground:#18362d;--border:#dce6dd;--input:#cbd8cd;--ring:#39896b;}
@media(prefers-color-scheme:dark){:root{--background:#f8faf8;--foreground:#18362d;--card:#fff;--card-foreground:#18362d;--popover:#fff;--popover-foreground:#18362d;--primary:#14634b;--primary-foreground:#fff;--secondary:#eef4ef;--secondary-foreground:#18362d;--muted:#eef4ef;--muted-foreground:#64776d;--accent:#edf5ef;--accent-foreground:#18362d;--border:#dce6dd;--input:#cbd8cd;--ring:#39896b}}
body{font-size:16px;line-height:1.55}a,button,input,select{outline-offset:4px}.shell{max-width:1200px;margin:auto;padding-left:36px;padding-right:36px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;font-size:23px;letter-spacing:-1px;font-weight:800}.brand img{margin-right:10px}.brand span{color:var(--primary)}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.account-link{border:1px solid var(--border);padding:10px 18px;border-radius:9px}.workspace{padding-top:46px;padding-bottom:46px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;color:#718476}h1{font-size:36px;line-height:1.2;letter-spacing:-1.3px;font-weight:700;margin:9px 0 12px}.page-title p{color:#64776d}.status-chip{padding:7px 12px;background:#edf2de;border:1px solid #dce5c2;color:#657535;border-radius:40px;font-size:12px;white-space:nowrap}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:38px}.conversion-panel{padding:28px;border:1px solid var(--border);background:white;border-radius:18px;box-shadow:0 6px 20px #21473005}.mode-tabs{width:100%;height:44px;margin-bottom:24px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;border:1.5px dashed #b7cdbb;border-radius:12px;background:#f7faf6;cursor:pointer;text-align:center;padding:22px;gap:8px}.upload-zone svg{color:#73907b;margin-bottom:8px}.upload-zone strong{font-size:19px;overflow-wrap:anywhere}.upload-zone span{color:#718476;font-size:14px}.upload-zone small{font-size:12px;color:#809185;margin-top:9px}.upload-zone.selected{background:#edf7ef;border-color:#438765}.conversion-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:26px}.conversion-controls label{display:block;font-size:14px;margin-bottom:7px;font-weight:600}.conversion-controls select{min-width:190px;height:46px;font-size:16px}.convert-button{height:46px;padding:0 24px;font-size:15px;gap:18px}.result-area{margin-top:18px}.result-area p{font-size:14px}.download-button{margin-top:12px;display:flex;align-items:center;gap:10px;color:var(--primary);font-weight:600;font-size:14px;overflow-wrap:anywhere}.file-note{border-top:1px solid var(--border);padding-top:17px;margin-top:22px;font-size:13px;color:#718476}.workspace-aside{padding-top:4px}.workspace-aside img{margin:0 0 12px -8px}.workspace-aside h2{font-size:22px;line-height:1.3;font-weight:650;letter-spacing:-.5px}.workspace-aside p{font-size:14px;color:#718476;margin:12px 0 20px}.aside-rule{height:1px;background:var(--border);margin:25px 0}.workspace-aside h3{font-size:18px;font-weight:600;margin-top:8px}.workspace-aside a{font-size:13px;display:flex;gap:8px;align-items:center;font-weight:600;color:var(--primary)}.workspace-bottom{display:flex;gap:28px;flex-wrap:wrap;font-size:13px;color:#607465;padding-top:25px}.workspace-bottom small{font-size:12px;margin-left:5px;color:#94a18d}.site-footer{padding-top:24px;padding-bottom:28px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;color:#718476;font-size:12px}.site-footer div{display:flex;gap:24px}.document-page{max-width:880px;padding-top:50px;padding-bottom:65px;min-height:70vh}.document-page h2{font-size:23px;font-weight:600;margin:25px 0 12px}.document-page p{margin:14px 0;color:#607465}.document-page a{color:var(--primary);text-decoration:underline}.notice{padding:15px 18px;background:#edf2de;border:1px solid #dce5c2;border-radius:9px;font-size:14px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.plan-card{background:white;border:1px solid var(--border);border-radius:14px;padding:28px}.plan-card h2{margin-top:0}.price{font-size:38px;font-weight:700;letter-spacing:-1.5px}.price small{font-size:16px;font-weight:400;letter-spacing:0}.account-details{background:white;border:1px solid var(--border);border-radius:14px;padding:24px;margin-top:25px}.account-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--border);font-size:14px}.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
@media(max-width:760px){.shell{padding-left:20px;padding-right:20px}.site-header{height:auto;min-height:80px;gap:16px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.brand{font-size:21px}nav{gap:16px;font-size:13px}.account-link{padding:7px 10px}.workspace{padding-top:30px}.workspace-grid{grid-template-columns:1fr;gap:24px}.page-title{align-items:start}.page-title h1{font-size:29px}.status-chip{display:none}.conversion-panel{padding:20px}.conversion-controls{flex-wrap:wrap}.conversion-controls>div{flex:1}.convert-button{flex:1}.workspace-aside{border-top:1px solid var(--border);padding-top:25px}.workspace-aside img{float:right;width:80px;height:80px}.workspace-bottom{gap:13px}.site-footer{flex-direction:column}.plan-grid{grid-template-columns:1fr}.account-row{flex-wrap:wrap}.document-page h1{font-size:30px}}

.brand span{color:var(--foreground)}.mode-tabs{display:flex;align-items:center;gap:10px;background:var(--secondary);border-radius:10px;padding:4px}.mode-tabs span{flex:1;text-align:center;font-size:14px;padding:8px 3px}.active-mode{background:#e3eee7;box-shadow:0 1px 3px #16372b26;border-radius:7px}.upcoming-mode{color:var(--muted-foreground)}#convert-button{min-height:46px;padding:0 24px;font-size:15px}.preview-notice{padding:12px;border:1px solid var(--border);border-radius:8px;background:#edf2de}.upload-zone.dragging{border-color:var(--primary);background:#edf7ef}.result-area:empty{display:none}#message:empty{display:none}.site-footer nav{gap:24px;font-size:13px;font-weight:400}.document-page h1{margin-bottom:22px}.document-page a{overflow-wrap:anywhere}.conversion-controls>div{min-width:0}.conversion-controls select{max-width:100%}.file-note{font-size:14px}.workspace-aside p{font-size:15px}.workspace-aside .preview-notice{font-size:14px}.upload-zone small{font-size:13px}
.resize-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.resize-controls label{display:block;margin-bottom:7px;font-size:14px}.resize-controls select,.resize-controls input[type=number],.resize-controls input:not([type]){width:100%;min-height:44px;border:1px solid var(--input);border-radius:8px;padding:10px;background:var(--secondary)}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-column:1/-1}.geometry-preview{font-size:14px;line-height:1.5;margin-bottom:16px}.checkbox-label{display:flex!important;align-items:center;gap:8px;margin-top:10px}.resize-controls input[type=color]{height:40px;width:80px}.resize-controls input[type=checkbox]{width:18px;height:18px}.resize-controls input:focus-visible,.resize-controls select:focus-visible,button:focus-visible,.upload-zone:focus-visible{outline:3px solid #387f65;outline-offset:3px}@media(max-width:420px){.resize-controls{grid-template-columns:1fr}.control-pair{grid-column:auto}}
@media(max-width:420px){.mode-tabs{height:auto}.mode-tabs span{font-size:13px}.conversion-controls select{min-width:150px}.page-title h1{font-size:27px}.site-footer nav{gap:18px}}
