:root{--green-900: #0F4527;--green-700: #166534;--green-600: #1B7A45;--grad: linear-gradient(135deg, #1B7A45 0%, #166534 55%, #0F4527 100%);--ink: #0F172A;--sub: #475569;--mut: #94A3B8;--bg: #F6FAF7;--card: #FFFFFF;--border: #E6EBE8;--radius: 18px;--shadow: 0 10px 30px rgba(15, 69, 39, .08);--maxw: 1120px}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--green-700);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}header.site{position:sticky;top:0;z-index:50;background:#f6faf7d1;backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;gap:18px;height:66px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px;color:var(--ink)}.brand:hover{text-decoration:none}.brand .logo{width:38px;height:38px;border-radius:11px;background:var(--grad);display:grid;place-items:center;color:#fff;flex:none}.nav .spacer{flex:1}.nav .links{display:flex;gap:22px;font-weight:600;color:var(--sub);font-size:15px}.nav .links a{color:var(--sub)}@media (max-width: 720px){.nav .links{display:none}}.safe-head{display:inline-flex;align-items:center;gap:6px;background:#e7f3ec;color:var(--green-900);font-size:12.5px;font-weight:650;padding:6px 11px;border-radius:999px;white-space:nowrap;border:1px solid #CFE6D9}.safe-head svg{width:14px;height:14px;flex:none;color:var(--green-700)}.safe-head .t-min{display:none}@media (max-width: 980px){.safe-head .t-full{display:none}.safe-head .t-min{display:inline}}@media (max-width: 420px){.safe-head{padding:6px}.safe-head .t-min{display:none}}.appcards{display:flex;gap:12px;flex-wrap:wrap}.appcard{position:relative;display:flex;align-items:center;gap:11px;background:#111418;color:#fff;border-radius:13px;padding:9px 16px 9px 14px;border:1px solid #2a2f36;min-width:168px}.appcard:hover{text-decoration:none;transform:translateY(-1px);transition:transform .15s}.appcard svg{width:26px;height:26px;flex:none}.appcard .t{display:flex;flex-direction:column;line-height:1.15}.appcard .t small{font-size:10.5px;opacity:.82;letter-spacing:.2px}.appcard .t b{font-size:16px;font-weight:700}.appcard .soon{position:absolute;top:-8px;right:-8px;background:#facc15;color:#3a2c00;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;box-shadow:0 2px 6px #00000040;letter-spacing:.3px}.appcards.lg .appcard{padding:12px 20px 12px 16px;min-width:200px}.appcards.lg .appcard svg{width:30px;height:30px}.appcards.lg .appcard .t b{font-size:18px}.hero{padding:64px 0 30px;text-align:center}.hero .pill{display:inline-flex;align-items:center;gap:7px;background:#e7f3ec;color:var(--green-700);font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px;margin-bottom:22px}.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.05;font-weight:850;letter-spacing:-1px}.hero h1 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{font-size:clamp(17px,2.4vw,21px);color:var(--sub);max-width:660px;margin:20px auto 28px}.hero .appcards{justify-content:center;margin-top:6px}.hero .note{color:var(--mut);font-size:13.5px;margin-top:16px}section{padding:64px 0}.eyebrow{text-align:center;color:var(--green-700);font-weight:800;letter-spacing:.6px;font-size:13px;text-transform:uppercase}h2.sec{text-align:center;font-size:clamp(27px,4vw,40px);font-weight:820;letter-spacing:-.6px;margin:10px 0 12px}.sub{text-align:center;color:var(--sub);max-width:620px;margin:0 auto 40px;font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 880px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.grid{grid-template-columns:1fr}}.toolcard{display:flex;flex-direction:column;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 1px 2px #00000008;color:var(--ink)}.toolcard:hover{box-shadow:var(--shadow);transform:translateY(-2px);transition:all .18s;text-decoration:none}.toolcard .ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;margin-bottom:14px;background:#e7f3ec;color:var(--green-700)}.toolcard .ic svg{width:24px;height:24px}.toolcard h3{font-size:17px;font-weight:750;margin-bottom:5px}.toolcard p{color:var(--sub);font-size:14.5px}.toolcard .soonpill{margin-top:12px;font-size:11px;font-weight:800;color:#92670a;background:#fef3c7;padding:3px 9px;border-radius:999px}.band{background:var(--grad);color:#fff;border-radius:26px;padding:48px;text-align:center;box-shadow:var(--shadow)}.band h2{color:#fff;font-size:clamp(26px,4vw,38px);font-weight:820;letter-spacing:-.5px}.band p{color:#ffffffe0;max-width:620px;margin:14px auto 0;font-size:17px}.band .row{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:28px}.band .row div{display:flex;align-items:center;gap:8px;font-weight:650;font-size:15px}footer.site{border-top:1px solid var(--border);padding:40px 0;color:var(--sub);font-size:14px}footer.site .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}footer.site .flinks{display:flex;gap:20px;flex-wrap:wrap}footer.site .flinks a{color:var(--sub)}.legal{max-width:800px;margin:0 auto;padding:54px 22px 80px}.legal .back{color:var(--green-700);font-weight:700;font-size:14px}.legal h1{font-size:clamp(28px,5vw,40px);font-weight:820;margin:18px 0 6px;letter-spacing:-.6px}.legal .meta{color:var(--mut);font-size:14px;margin-bottom:30px}.legal h2{font-size:21px;font-weight:750;margin:32px 0 10px}.legal p,.legal li{color:var(--sub);font-size:16px;margin-bottom:12px}.legal ul{padding-left:22px;margin-bottom:12px}.legal strong{color:var(--ink)}.legal .callout{background:#e7f3ec;border:1px solid #CFE6D9;border-radius:14px;padding:16px 18px;margin:18px 0}.legal .callout p{margin:0;color:var(--green-900)}main.tool{max-width:860px;margin:0 auto;padding:38px 22px 70px}.tool .crumb{font-size:13.5px;color:var(--mut);margin-bottom:14px}.tool .crumb a{color:var(--sub);font-weight:600}.tool h1{font-size:clamp(26px,4vw,36px);font-weight:820;letter-spacing:-.6px}.tool .lead{color:var(--sub);font-size:16.5px;margin:8px 0 26px;max-width:640px}.dropzone{border:2px dashed #BFD8C8;border-radius:var(--radius);background:var(--card);padding:46px 24px;text-align:center;cursor:pointer;transition:all .15s}.dropzone:hover,.dropzone.drag{border-color:var(--green-600);background:#f0f7f2}.dropzone .dzic{width:56px;height:56px;border-radius:16px;background:#e7f3ec;color:var(--green-700);display:grid;place-items:center;margin:0 auto 14px}.dropzone .dzic svg{width:28px;height:28px}.dropzone b{font-size:17px;font-weight:700}.dropzone span{display:block;color:var(--mut);font-size:14px;margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--grad);color:#fff;border:none;border-radius:12px;padding:13px 24px;font-size:15.5px;font-weight:700;cursor:pointer;font-family:inherit}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn.ghost{background:#fff;color:var(--green-700);border:1px solid var(--border)}.btn.ghost:hover{background:#f0f7f2}.btn.sm{padding:8px 14px;font-size:13.5px;border-radius:10px}.btnrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin-top:20px}.panel h4{font-size:14px;font-weight:750;margin-bottom:12px;color:var(--ink)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13.5px;font-weight:650;color:var(--sub)}.field input[type=text],.field input[type=password],.field input[type=number],.field select{padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;background:#fff}.field input:focus,.field select:focus{outline:none;border-color:var(--green-600)}.seg{display:inline-flex;background:#eef3f0;border-radius:10px;padding:3px;gap:3px}.seg button{border:none;background:transparent;padding:8px 14px;border-radius:8px;font-weight:650;font-size:13.5px;cursor:pointer;color:var(--sub);font-family:inherit}.seg button.on{background:#fff;color:var(--green-700);box-shadow:0 1px 3px #00000014}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;margin-top:20px}.thumb{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a;cursor:grab;user-select:none}.thumb.dragging{opacity:.4}.thumb img,.thumb canvas{width:100%;display:block;background:#fff;aspect-ratio:3/4;object-fit:contain}.thumb .meta{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;font-size:11.5px;color:var(--mut);border-top:1px solid var(--border)}.thumb .acts{position:absolute;top:6px;right:6px;display:flex;gap:4px}.thumb .acts button{width:26px;height:26px;border-radius:7px;border:none;background:#0f172ab8;color:#fff;display:grid;place-items:center;cursor:pointer;font-size:13px}.thumb .acts button:hover{background:var(--green-700)}.thumb .idx{position:absolute;top:6px;left:6px;background:var(--green-700);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px}.status{margin-top:18px;font-size:14.5px;color:var(--sub);display:flex;align-items:center;gap:9px}.status.err{color:#b91c1c}.spinner{width:16px;height:16px;border:2px solid #cde3d6;border-top-color:var(--green-600);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{margin-top:22px;background:#f0f7f2;border:1px solid #CFE6D9;border-radius:var(--radius);padding:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.result .ok{width:42px;height:42px;border-radius:12px;background:var(--green-700);color:#fff;display:grid;place-items:center;flex:none;font-size:22px}.result .info{flex:1;min-width:180px}.result .info b{font-size:16px}.result .info span{display:block;color:var(--sub);font-size:13.5px}.safe{display:inline-flex;align-items:center;gap:8px;background:#e7f3ec;color:var(--green-900);font-size:13px;font-weight:650;padding:7px 13px;border-radius:999px;margin-bottom:22px}.safe svg{width:15px;height:15px}.viewer{background:#1f2937;border-radius:var(--radius);padding:16px;margin-top:20px;max-height:78vh;overflow:auto;text-align:center}.viewer canvas{max-width:100%;margin:0 auto 12px;box-shadow:0 6px 18px #00000059;border-radius:4px}.vbar{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}.adslot{margin:30px auto 0;max-width:860px;min-height:90px;display:block;text-align:center}.adslot .adlabel{font-size:10px;letter-spacing:.5px;color:var(--mut);text-transform:uppercase;margin-bottom:4px}.embed main.tool{padding-top:16px;padding-bottom:28px}.embed .crumb{display:none}.stage{display:grid;grid-template-columns:0fr 1fr;gap:0;margin-top:22px;align-items:start;transition:grid-template-columns .4s ease,gap .4s ease}.stage.active{grid-template-columns:2.6fr 1fr;gap:18px}@media (max-width: 640px){.stage,.stage.active{grid-template-columns:1fr}}.wb-left{min-width:0;overflow:hidden}.wb-right{min-width:0}.wb-title{font-size:13px;font-weight:800;letter-spacing:.4px;color:var(--mut);text-transform:uppercase;margin-bottom:12px}.dropzone{transition:padding .35s ease}.dropzone .dzic{transition:width .35s ease,height .35s ease}.dropzone .lbl-mini{display:none}.stage.active .wb-right .dropzone{padding:20px 12px}.stage.active .wb-right .dropzone .dzic{width:40px;height:40px;margin-bottom:8px}.stage.active .wb-right .dropzone .dzic svg{width:21px;height:21px}.stage.active .wb-right .dropzone .lbl-full{display:none}.stage.active .wb-right .dropzone .lbl-mini{display:block}@media (max-width: 640px){.stage.active .wb-right{margin-top:16px}}.tool-options{margin-top:20px;display:flex;flex-direction:column;gap:16px}.tool-options .panel{margin:0}.sort-ph{border:2px dashed var(--green-600);border-radius:12px;background:#16653412;display:grid;place-items:center}.sort-ph:after{content:"Drop";font-size:10.5px;font-weight:800;color:var(--green-700);white-space:nowrap;text-align:center}.lift{z-index:999!important;box-shadow:0 16px 34px #0f452752;transform:scale(1.04)}.tool-body{margin-top:20px}.empty-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:#fff;border:1.5px dashed rgba(22,101,52,.35);border-radius:20px;padding:42px 22px;cursor:pointer;transition:background .15s,border-color .15s}.empty-card:hover,.empty-card.drag{background:#f0f7f2;border-color:var(--green-600)}.empty-card .ec-ic{width:64px;height:64px;border-radius:50%;background:#1665341a;color:var(--green-700);display:grid;place-items:center}.empty-card .ec-ic svg{width:28px;height:28px}.empty-card b{font-size:16px;font-weight:800;color:var(--ink)}.empty-card span{font-size:13px;color:var(--mut);max-width:300px}.legend{display:flex;gap:16px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px}.legend .lg{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend .lg i{width:10px;height:10px;border-radius:50%;display:block;flex:none}.legend .lg span{font-size:12.5px;font-weight:650;color:var(--ink)}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (min-width: 520px){.pgrid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}.pcell{display:flex;flex-direction:column;gap:5px}.pdf-sec{margin-bottom:20px}.sec-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}.sec-head .sdot{width:12px;height:12px;border-radius:50%;flex:none}.sec-head .snm{font-size:13.5px;font-weight:750;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46%}.sec-head .scount{font-size:12px;font-weight:600;color:var(--mut);flex:1}.sec-head button{width:30px;height:30px;border:1px solid var(--border);background:#fff;border-radius:9px;cursor:pointer;color:var(--sub);display:grid;place-items:center;padding:0}.sec-head button:hover:not(:disabled){background:#f0f7f2;color:var(--green-700)}.sec-head button:disabled{opacity:.35;cursor:default}.sec-head button svg{width:15px;height:15px}.strip{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;-webkit-overflow-scrolling:touch}.strip .pcell{flex:0 0 auto;width:96px}.strip .pthumb{height:124px;width:96px}.pthumb{position:relative;height:116px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #E2E8F0;display:grid;place-items:center;cursor:grab}.pthumb canvas,.pthumb img{max-width:100%;max-height:100%;display:block}.pcell .pnum{text-align:center;font-size:11px;font-weight:700;color:var(--sub)}.pdot{position:absolute;top:6px;left:6px;width:13px;height:13px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 0 0 .5px #0000001f}.premove{position:absolute;top:5px;right:5px;width:23px;height:23px;border:none;border-radius:50%;background:#00000080;color:#fff;display:grid;place-items:center;cursor:pointer;font-size:13px;padding:0}.premove:hover{background:var(--green-700)}.premove svg{width:13px;height:13px}.pedit{position:absolute;bottom:5px;right:5px;width:21px;height:21px;border-radius:50%;background:var(--green-700);color:#fff;display:grid;place-items:center}.pedit svg{width:12px;height:12px}.add-tile{height:116px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#16653414;color:var(--green-700);border:1.5px dashed rgba(22,101,52,.4);cursor:pointer}.add-tile svg{width:22px;height:22px}.add-tile b{font-size:11px;font-weight:800}.tool-hint{font-size:12.5px;font-weight:500;color:var(--mut);margin-top:14px}.floatbar{position:sticky;bottom:16px;z-index:30;display:flex;justify-content:center;gap:10px;margin-top:26px;pointer-events:none}.floatbar>*{pointer-events:auto}.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:54px;padding:0 26px;border:none;cursor:pointer;background:var(--grad);color:#fff;font-size:16px;font-weight:800;border-radius:999px;font-family:inherit;box-shadow:0 10px 26px #1665346b}.pill-btn svg{width:19px;height:19px}.pill-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.pill-btn.ghost{background:#fff;color:var(--green-700);box-shadow:0 8px 22px #0f452729}.rzprev{position:relative;background:#f8fafc;border:1px solid #E2E8F0;border-radius:16px;height:290px;display:grid;place-items:center;overflow:hidden}.rzprev canvas,.rzprev img{max-width:calc(100% - 20px);max-height:calc(100% - 20px);display:block;border-radius:4px;box-shadow:0 2px 10px #0000001a}.rzbadge{position:absolute;top:10px;left:10px;font-size:10px;font-weight:800;letter-spacing:.6px;color:#fff;background:var(--green-700);padding:5px 9px;border-radius:999px}.rzbadge.orig{background:#0000008c}.rzrot{position:absolute;bottom:10px;left:10px;display:flex;gap:8px}.rzrot button{width:34px;height:34px;border:none;border-radius:50%;background:#0009;color:#fff;display:grid;place-items:center;cursor:pointer}.rzrot button svg{width:15px;height:15px}.rzcompare{position:absolute;bottom:10px;right:10px;display:inline-flex;align-items:center;gap:6px;background:#0009;color:#fff;font-size:11.5px;font-weight:700;padding:7px 11px;border-radius:999px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}.rzcompare svg{width:13px;height:13px}.dims{display:flex;align-items:center;gap:7px;font-size:12.5px;margin-top:12px;flex-wrap:wrap}.dims .o{color:var(--mut);font-weight:600}.dims .n{color:var(--ink);font-weight:800}.dims .e{color:var(--green-700);font-weight:800}.dims svg{width:12px;height:12px;color:var(--mut)}.segtabs{display:flex;gap:4px;background:#eaefea;border-radius:13px;padding:3px;margin-top:16px}.segtabs button{flex:1;border:none;background:transparent;padding:9px 4px;border-radius:10px;font-size:12.5px;font-weight:650;color:var(--sub);cursor:pointer;font-family:inherit}.segtabs button.on{background:var(--grad);color:#fff;font-weight:800}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-top:12px}.chips button{flex:0 0 auto;border:1px solid #E2E8F0;background:#fff;color:var(--ink);font-size:13px;font-weight:650;padding:9px 15px;border-radius:999px;cursor:pointer;font-family:inherit}.chips button.on{background:var(--grad);color:#fff;border-color:transparent;font-weight:800}.lbl{font-size:11px;font-weight:800;color:var(--mut);letter-spacing:.5px;text-transform:uppercase;margin:16px 0 8px}input[type=range]{width:100%;accent-color:var(--green-600)}.pxrow{display:flex;align-items:flex-end;gap:10px;margin-top:12px}.pxrow .field{flex:1;margin:0}.pxlock{width:42px;height:46px;border:none;background:transparent;color:var(--mut);cursor:pointer;display:grid;place-items:center}.pxlock.on{color:var(--green-700)}.pxlock svg{width:18px;height:18px}.trow{display:flex;align-items:center;gap:13px;padding:14px;background:#fff;border:1px solid #E9EDF5;border-radius:16px;margin-top:10px}.trow .ti{width:38px;height:38px;border-radius:11px;background:#f1f5f9;color:var(--green-700);display:grid;place-items:center;flex:none}.trow .ti svg{width:18px;height:18px}.trow .tt{flex:1;min-width:0}.trow .tt b{display:block;font-size:14px;font-weight:750;color:var(--ink)}.trow .tt span{font-size:12px;color:var(--mut)}.sw{width:46px;height:28px;border-radius:999px;background:#cbd5e1;position:relative;cursor:pointer;flex:none;transition:background .15s}.sw.on{background:var(--green-600)}.sw:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s}.sw.on:after{left:21px}.cdots{display:flex;gap:10px;margin-top:12px}.cdot{width:28px;height:28px;border-radius:50%;border:1px solid #E2E8F0;cursor:pointer}.cdot.on{box-shadow:0 0 0 2.5px var(--green-600)}.pv-backdrop{position:fixed;inset:0;z-index:250;background:#080f0cd1;display:flex;align-items:center;justify-content:center;padding:16px;animation:mfade .15s ease}.pv-box{display:flex;flex-direction:column;max-width:96vw;max-height:94vh}.pv-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;padding:2px 4px 10px}.pv-title{font-size:14px;font-weight:700;opacity:.92}.pv-close{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff29;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.pv-close:hover{background:#ffffff47}.pv-body{flex:1;min-height:0;display:grid;place-items:center;overflow:auto}.pv-page{max-width:92vw;max-height:84vh;border-radius:6px;box-shadow:0 12px 40px #00000080;background:#fff;display:block}.pv-spin{display:grid;place-items:center;padding:40px}.pv-spin .spinner{width:32px;height:32px;border-width:3px;border-color:#ffffff59;border-top-color:#fff}.pv-err{color:#fff;padding:24px;font-size:14px}.sortgrid.draggable .thumb{cursor:pointer}.export-screen{position:fixed;inset:0;z-index:200;background:var(--bg);display:flex;flex-direction:column;animation:mfade .15s ease}.export-head{background:var(--grad);color:#fff;text-align:center;font-weight:800;font-size:16px;padding:16px;flex:none}.export-body{flex:1;overflow-y:auto;max-width:640px;width:100%;margin:0 auto;padding:14px 18px 24px}.export-bar{flex:none;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border-top:1px solid var(--border);background:#ffffffe6;backdrop-filter:blur(10px)}.bar-btn{width:54px;height:54px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--sub);display:grid;place-items:center;cursor:pointer}.bar-btn svg{width:22px;height:22px}.bar-btn.primary{background:var(--grad);color:#fff;border:none;box-shadow:0 8px 20px #16653466}.bar-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.export-name{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #E9EDF5;border-radius:15px;padding:13px 14px}.export-name .di{color:var(--green-700);display:grid;place-items:center;font-size:18px}.export-name input{flex:1;border:none;outline:none;font-size:15px;font-weight:650;color:var(--ink);font-family:inherit;background:transparent;min-width:0}.export-name .ext{color:var(--mut);font-weight:650;font-size:15px}.export-pw{width:100%;margin-top:10px;padding:13px 14px;border:1px solid #E9EDF5;border-radius:13px;font-size:15px;font-family:inherit}.fmt-cards{display:flex;gap:12px}.fmt-card{flex:1;background:#fff;border:1.5px solid #E2E8F0;border-radius:18px;padding:16px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.fmt-card.on{background:var(--grad);border-color:transparent;box-shadow:0 8px 18px #16653442}.fmt-card .fc-ic{width:48px;height:48px;border-radius:15px;background:#f1f5f9;color:var(--green-700);display:grid;place-items:center;font-size:22px}.fmt-card.on .fc-ic{background:#ffffff2e;color:#fff}.fmt-card b{font-size:16px;font-weight:800;color:var(--ink)}.fmt-card span{font-size:11.5px;color:var(--mut)}.fmt-card.on b,.fmt-card.on span{color:#fff}.ps-cards{display:flex;gap:18px;justify-content:center;align-items:flex-end}.ps-card{display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer}.ps-shape{background:#fff;border:1px solid #E2E8F0;border-radius:7px;display:grid;place-items:center;overflow:hidden;box-shadow:0 2px 6px #0000000d}.ps-card.on .ps-shape{border:2.5px solid var(--green-600)}.ps-card span{font-size:12px;font-weight:650;color:var(--sub)}.ps-card.on span{color:var(--green-700);font-weight:800}.fs-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fs-head b{font-size:14px;font-weight:800;color:var(--ink)}.fs-chip{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;font-weight:800;color:var(--green-700);background:#ecfdf3;padding:5px 11px;border-radius:999px}.fs-chip .est{color:var(--green-600)}.fs-ticks{display:flex;margin-top:5px}.fs-ticks span{flex:1;font-size:10.5px;font-weight:650;color:var(--mut);text-align:center}.fs-ticks span:first-child{text-align:left}.fs-ticks span:last-child{text-align:right}.fs-ticks span.on{color:var(--green-700);font-weight:800}.done-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:30px}.done-ok{width:84px;height:84px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:40px;box-shadow:0 14px 30px #16653457}.done-wrap h2{font-size:22px;font-weight:850;color:var(--ink);margin-top:18px}.done-wrap p{font-size:13.5px;color:var(--sub);margin-top:6px}.done-card{display:flex;align-items:center;gap:13px;background:#fff;border-radius:20px;padding:16px;margin-top:24px;box-shadow:0 8px 22px #0000000f;width:100%;max-width:420px;text-align:left}.done-card .dc-ic{width:48px;height:48px;border-radius:13px;background:#f0f7f2;color:var(--green-700);display:grid;place-items:center;font-size:22px;flex:none}.done-card .dc-meta{min-width:0}.done-card .dc-meta b{display:block;font-size:15px;font-weight:750;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.done-card .dc-meta span{font-size:12.5px;color:var(--mut)}.dropzone.compact{padding:22px 14px}.dropzone.compact .dzic{width:42px;height:42px;border-radius:12px;margin-bottom:9px}.dropzone.compact .dzic svg{width:22px;height:22px}.dropzone.compact b{font-size:14.5px}.dropzone.compact span{font-size:12.5px}.sortgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:13px}.sortgrid .thumb{transition:box-shadow .12s,transform .06s}.sortgrid.draggable .thumb{cursor:grab}.sortgrid .thumb.lift{z-index:6;cursor:grabbing;opacity:.97;transform:scale(1.05);box-shadow:0 14px 32px #0f45274d;outline:2px solid var(--green-600);outline-offset:1px}.thumb .drag-hint{position:absolute;bottom:6px;left:6px;background:#0f172a9e;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;display:flex;align-items:center;gap:3px}.optcards{display:flex;gap:10px;flex-wrap:wrap}.optcard{border:2px solid var(--border);border-radius:13px;padding:11px 10px 9px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;background:#fff;min-width:78px;flex:1;transition:all .12s}.optcard:hover{border-color:#bfd8c8}.optcard.on{border-color:var(--green-600);background:#f0f7f2}.optcard .shape{display:grid;place-items:center;height:40px}.optcard .shape svg{display:block}.optcard b{font-size:12.5px;font-weight:700;color:var(--sub)}.optcard.on b{color:var(--green-700)}.optcard .pgrect{fill:#fff;stroke:#94a3b8;stroke-width:1.6}.optcard.on .pgrect{stroke:var(--green-600)}.fab-bar{position:sticky;bottom:14px;z-index:30;margin:26px auto 0;max-width:560px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 34px #0f452729;padding:12px 14px;display:flex;align-items:center;gap:12px}.fab-bar .fab-info{flex:1;font-size:14px;font-weight:650;color:var(--sub);min-width:0}.fab-bar .fab-info small{display:block;font-weight:500;color:var(--mut);font-size:12px}.fab-bar .btn{white-space:nowrap}.fab-bar .btn.lg{padding:14px 26px;font-size:16px}body.has-fab main.tool{padding-bottom:30px}.modal-backdrop{position:fixed;inset:0;background:#0f172a94;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;animation:mfade .15s ease}@keyframes mfade{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:18px;width:100%;max-width:900px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 26px 70px #00000073}.modal-head{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}.modal-head b{font-size:15.5px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-head .x{width:34px;height:34px;border:none;background:#f1f5f3;border-radius:10px;cursor:pointer;font-size:16px;color:var(--sub);flex:none}.modal-head .x:hover{background:#e2e9e5}.modal-body{overflow:auto;padding:18px;background:#1f2937;flex:1;text-align:center}.modal-body canvas,.modal-body img{max-width:100%;margin:0 auto 12px;border-radius:4px;box-shadow:0 4px 16px #0006;display:block}.modal-foot{padding:13px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;align-items:center}.modal-foot .muted{flex:1;color:var(--mut);font-size:13px}.cv-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.cv-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.cv-src{font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--mut)}.chooser-backdrop{position:fixed;inset:0;z-index:50;background:#0f172a80;backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px}.chooser-card{background:#fff;border-radius:18px;width:min(560px,100%);max-height:88vh;overflow:auto;padding:20px;box-shadow:0 20px 60px #0000004d}.chooser-head{text-align:center;margin-bottom:16px}.chooser-head b{display:block;font-size:18px;font-weight:800}.chooser-head span{display:block;color:var(--mut);font-size:13px;margin-top:3px;word-break:break-all}.chooser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.chooser-tool{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border:1px solid var(--border);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}.chooser-tool:hover{border-color:var(--green-600);background:#f0f7f2}.chooser-tool:active{transform:scale(.97)}.chooser-tool .ic{width:30px;height:30px;color:var(--green-700)}.chooser-tool .ic svg{width:30px;height:30px}.chooser-tool b{font-size:13px;font-weight:700;text-align:center;color:var(--ink)}.chooser-cancel{display:block;width:100%;margin-top:14px;padding:11px;border:0;border-radius:12px;background:#f1f5f9;color:var(--sub);font-weight:700;font-size:14px;cursor:pointer}.chooser-cancel:hover{background:#e2e8f0}