:root{--forest:#183e31;--leaf:#dcebb8;--paper:#f7f6ef;--muted:#657263}body{background:var(--paper);color:var(--forest)}.site-header{background:#f9faf4}.hub-main,.work-main{max-width:1320px;margin:auto;padding:24px 28px 70px}.hub-hero{background:#173e31;color:#f5f5df;border-radius:24px;padding:55px;display:grid;grid-template-columns:1.4fr 1fr;gap:35px;overflow:hidden}.hub-hero h1{font-size:clamp(36px,4vw,64px);letter-spacing:-2.8px;line-height:1.1;margin:24px 0}.hub-hero h1 em{color:#cce0a0}.hub-hero p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:610px;color:#d4dfcd}.hub-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hub-badges span{font-size:11px;border:1px solid #66876e;border-radius:24px;padding:8px 12px}.hub-art{position:relative;display:grid;place-items:center}.hub-paper{background:#f4f0dc;color:#193e32;transform:rotate(7deg);padding:30px;width:285px;height:300px;box-shadow:15px 15px 0 #97ae702e;display:flex;flex-direction:column;justify-content:space-between}.hub-paper>span,.hub-paper b{font-size:8px;letter-spacing:1px}.hub-paper strong{font-size:35px;line-height:1.05;letter-spacing:-1.5px}.hub-paper div{font-size:30px}.hub-paper i{height:5px;background:#d9ddc7;width:80%}.hub-paper i+i{width:55%}.hub-stamp{position:absolute;bottom:-4px;right:-15px;background:#c8de9a;color:#264932;border-radius:50%;width:105px;height:105px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:25px;transform:rotate(-12deg);border:5px solid #173e31}.hub-stamp b{font-size:8px;letter-spacing:1px}.hub-controls{margin:35px 0 18px}.hub-controls>label{font-size:12px;font-weight:600;display:block}.hub-controls input{display:block;background:white;border:1px solid #cdd7c5;border-radius:12px;width:100%;padding:15px 18px;margin-top:10px;font:inherit;font-size:16px}#categories{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}#categories button{border:1px solid #d3dbca;background:transparent;border-radius:22px;padding:10px 14px;color:#39533a;font:inherit;font-size:12px;cursor:pointer}#categories button[aria-pressed=true]{background:#204934;color:white;border-color:#204934}#tool-count{font-size:12px;color:var(--muted)}.hub-section{margin:32px 0}.hub-section>h2{font-size:25px;letter-spacing:-.7px;margin-bottom:17px}.hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.hub-card{display:flex;flex-direction:column;padding:23px;border:1px solid #dce2d3;border-radius:15px;background:#fffef8;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}.hub-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #29442c0b;border-color:#93ad76}.hub-icon{font-size:24px;background:#e8efd9;width:43px;height:43px;display:grid;place-items:center;border-radius:10px;margin-bottom:22px}.hub-card h3{font-size:19px;letter-spacing:-.5px;margin-bottom:10px}.hub-card p{font-size:12px;line-height:1.7;color:#62715a;flex:1}.hub-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:10px}.hub-card-foot span{letter-spacing:1px}.hub-card-foot b{font-size:19px}.hub-note{padding:30px;border-radius:16px;background:#e7eddb;margin-top:45px}.hub-note h2{font-size:25px;margin-bottom:15px}.hub-note p{font-size:14px;line-height:1.8;max-width:950px}.suite-foot{border-top:1px solid #d6dfcd;padding:25px;text-align:center;font-size:11px;color:#607156}.suite-foot a{color:inherit}.back{font-size:12px;color:#637858;display:inline-block;margin:10px 0 26px}.work-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:25px}.work-heading h1{font-size:clamp(36px,4.5vw,58px);line-height:1.15;letter-spacing:-2px;margin:15px 0}.work-heading p:last-child{font-size:16px;line-height:1.7;color:#67775e;max-width:750px}.tool-emblem{font-size:60px;width:115px;height:125px;border-radius:20px;background:#e1ebcc;display:grid;place-items:center;flex-shrink:0;transform:rotate(7deg)}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.work-card{background:white;border:1px solid #d8e1d0;border-radius:18px;padding:26px;min-width:0}.pick-area{text-align:center;border:2px dashed #bdcfae;background:#f7faf1;padding:25px 16px;border-radius:13px}.pick-area.dragging{background:#dcecc9}.file-icon{font-size:30px;display:block}.pick-area h2{font-size:23px;margin:12px 0 22px;letter-spacing:-.5px}.pick-area p{font-size:11px;color:#75836b;margin-top:16px}.outline{font:inherit;font-size:12px;color:#35532a;padding:10px 12px;background:#fbfcf6;border:1px solid #cddbc3;border-radius:8px;cursor:pointer}.work-card button:disabled{opacity:.45;cursor:not-allowed}.work-card .button{font-size:13px;padding:12px 17px}.pick-area .outline{margin:5px}.work-aside{padding:27px;background:#e7eddb;border-radius:17px;align-self:start}.work-aside h2{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:20px 0}.work-aside h3{font-size:15px;margin:20px 0 8px}.work-aside p:not(.eyebrow){font-size:13px;line-height:1.85;color:#586b4d}.aside-rule{border-top:1px solid #c6d4ba;margin:22px 0}.work-aside a{margin-top:20px;font-size:12px}.options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.options label,.form-field label{font-size:12px;display:flex;flex-direction:column;gap:8px;color:#395333}.options .wide{grid-column:1/-1}.options input,.options select,.options textarea,.form-field input,.form-field select,.work-card>input{width:100%;padding:11px 12px;border:1px solid #ccd7c4;border-radius:8px;background:#fff;color:#253f26;font:inherit;font-size:13px}.options input[type=checkbox],.form-field input[type=checkbox]{width:20px;height:20px;accent-color:#36613a}.options input[type=color]{height:40px;padding:4px}.options textarea{min-height:150px}.hint,.file-detail{font-size:11px;line-height:1.7;color:#6d7c61}.file-row{padding:14px 0;border-bottom:1px solid #e1e7d9;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.file-row strong{font-size:13px;overflow-wrap:anywhere;flex:1}.file-row .outline{padding:6px 9px}.run-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:24px}#status{font-size:13px;line-height:1.7;overflow-wrap:anywhere;padding-top:17px}#status.error{color:#a03629}progress{width:100%;accent-color:#386238}#result{margin-top:22px;padding:23px;background:#eef5e4;border:1px solid #ccddbd;border-radius:12px}#result h2{font-size:27px;margin:15px 0}#result-note{font-size:13px;line-height:1.8}#downloads{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}#downloads a{overflow-wrap:anywhere;max-width:100%;word-break:break-word}#text-result-label{display:block;font-size:12px}#text-result{display:block;width:100%;margin-top:10px;padding:15px;border:1px solid #c1d2b3;border-radius:8px;font:13px/1.7 monospace;resize:vertical;color:#1d3827}#result-preview{max-height:600px;overflow:auto}#result-preview canvas{max-width:100%;height:auto;border:1px solid #c5d1bc;margin:8px 0}#result-preview .preview-caption{font-size:12px;margin-top:20px}.page-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:650px;overflow:auto;margin:18px 0}.page-tile{padding:10px;border:1px solid #d5dfcb;border-radius:10px;background:#fafcf5}.page-tile canvas{width:100%;height:140px;object-fit:contain}.page-tile label{font-size:12px;display:flex;align-items:center;gap:6px;margin:8px 0}.page-tile .actions{display:flex;gap:4px;flex-wrap:wrap;margin:0}.page-tile button{padding:5px 8px}.page-tile.excluded{opacity:.55}#placement>h2,#signature-panel h2{font-size:22px;margin:20px 0 10px}#placement-canvas{width:100%;max-height:700px;object-fit:contain;border:1px solid #c6d5bb;touch-action:none;cursor:crosshair;display:block;background:#f0f3e9}.placement-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0}.placement-toolbar label{font-size:12px}.placement-toolbar select{padding:8px}#mark-list{font-size:12px;line-height:1.8;margin:12px 0}#signature{width:100%;height:130px;border:1px dashed #aac191;border-radius:10px;touch-action:none;background:#fff}.form-field{padding:12px 0;border-bottom:1px solid #e0e7d8}.diff-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.diff-row canvas{width:100%}.diff-text{font:12px/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:15px;border-radius:8px}.diff-text ins{background:#d6f2c9;text-decoration:none}.diff-text del{background:#fbd9d2}#render-host{position:fixed;left:-20000px;top:0;width:900px;background:white;color:black;pointer-events:none}.render-page{width:794px;min-height:1123px;padding:54px;background:white;color:#202020;font:16px/1.6 Arial,sans-serif;box-sizing:border-box;overflow:hidden}.render-page table{border-collapse:collapse;width:100%;table-layout:fixed}.render-page td,.render-page th{border:1px solid #bbc3b5;padding:6px;font-size:12px;overflow-wrap:anywhere}.render-page h1{font-size:29px}.render-page h2{font-size:24px}.render-page h3{font-size:19px}.render-page img{max-width:100%}.render-page p{margin:0 0 12px}.ppt-slide{width:960px;height:540px;position:relative;background:white;overflow:hidden}.ppt-slide *{box-sizing:border-box}.suite-home-banner{display:flex;justify-content:space-between;gap:25px;align-items:center;background:#e2ebcc;padding:28px;border-radius:16px;margin-top:25px}.suite-home-banner h3{font-size:26px;margin-bottom:8px}.suite-home-banner p{font-size:14px;line-height:1.7}.suite-home-banner .button{flex-shrink:0}[hidden]{display:none!important}@media(max-width:1000px){.hub-grid{grid-template-columns:repeat(3,1fr)}.work-grid{grid-template-columns:minmax(0,1fr) 240px}.hub-hero{padding:35px}.hub-art{transform:scale(.8)}}@media(max-width:750px){.hub-main,.work-main{padding:20px 15px 45px}.hub-hero{display:block;padding:30px 24px}.hub-hero h1{letter-spacing:-1.7px}.hub-art{display:none}.hub-grid{grid-template-columns:repeat(2,1fr)}.hub-card{padding:18px}.work-grid{grid-template-columns:1fr}.work-aside{order:2}.tool-emblem{display:none}.work-card{padding:18px}.options{grid-template-columns:1fr}.options .wide{grid-column:auto}.page-list{grid-template-columns:repeat(2,1fr)}.site-header>.badge{display:none}.suite-home-banner{flex-direction:column;align-items:flex-start}}@media(max-width:430px){.hub-grid{grid-template-columns:1fr 1fr;gap:10px}.hub-card h3{font-size:17px}.hub-card p{font-size:11px}.hub-icon{margin-bottom:17px}.hub-controls #categories button{font-size:11px;padding:8px 11px}.work-heading h1{font-size:35px;letter-spacing:-1.5px}.work-card .button{font-size:12px}}