:root{--ink:#23312d;--muted:#76817c;--line:#e7ece8;--paper:#fff;--canvas:#f4f7f5;--green:#236e58;--green-deep:#174d3e;--mint:#e7f2ec;--gold:#d89455;--lav:#f0edf8;--shadow:0 16px 48px rgba(39,66,54,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--canvas);min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(35,110,88,.25);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:26px 18px 18px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand-row{display:flex;align-items:center;gap:12px;padding:0 8px 27px}.brand-mark{width:37px;height:37px;border-radius:12px;background:#205e4c;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-5deg);box-shadow:0 7px 15px rgba(32,94,76,.16)}.brand-mark span{height:17px;width:4px;border-radius:5px;background:#fff;transform:rotate(5deg)}.brand-mark span:nth-child(2){height:23px;background:#b8dfc9}.brand-mark span:nth-child(3){height:13px;background:#e2c593}.brand-name{font-weight:760;letter-spacing:-.035em;font-size:16px}.brand-subtitle{font-size:11px;color:#99a39e;margin-top:2px}.primary-button,.secondary-button,.quiet-button,.text-button,.icon-button,.avatar-button,.tiny-icon,.save-config-button{border:0;transition:transform .16s,background .16s,color .16s,box-shadow .16s}.primary-button{background:var(--green);color:#fff;border-radius:11px;padding:12px 16px;font-weight:650;box-shadow:0 5px 12px rgba(35,110,88,.12)}.primary-button:hover{background:var(--green-deep);transform:translateY(-1px)}.import-sidebar{width:100%;display:flex;justify-content:center;align-items:center;gap:7px;margin-bottom:29px}.plus-icon{font-size:19px;line-height:12px}.sidebar-section-label{font-size:10px;letter-spacing:.12em;color:#9aa49e;font-weight:750;text-transform:uppercase;padding:0 10px 11px}.nav-item{height:40px;width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;border-radius:10px;padding:0 11px;text-align:left;color:#61716a;font-size:13px;margin-bottom:5px}.nav-item.active{background:#edf5f0;color:var(--green);font-weight:650}.nav-symbol{width:17px;font-size:16px}.nav-count{margin-left:auto;color:#90a098;font-size:11px}.folder-heading,.preset-title-row{display:flex;align-items:center;justify-content:space-between;padding:18px 8px 8px;color:#8f9b94;font-size:10px;letter-spacing:.12em;font-weight:750;text-transform:uppercase}.tiny-icon{background:none;color:#89958f;font-size:19px;line-height:1;padding:2px 6px;border-radius:7px}.tiny-icon:hover,.icon-button:hover{background:#edf3ef;color:var(--green)}.folder-list{display:flex;flex-direction:column;gap:3px;overflow:auto;max-height:35vh}.folder-item{width:100%;min-height:35px;border:0;background:transparent;border-radius:9px;padding:7px 9px;display:flex;align-items:center;gap:8px;text-align:left;color:#68776f;font-size:12px}.folder-item.active,.folder-item:hover{background:#f1f5f2;color:#285b49}.folder-icon{font-size:13px;color:#b9a174}.folder-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.folder-count{margin-left:auto;color:#a0aaa4;font-size:10px}.sidebar-spacer{flex:1}.preset-box{padding:2px 0 14px}.preset-title-row{padding-bottom:9px}.preset-title-row .sidebar-section-label{padding:0}.preset-list{display:flex;flex-direction:column;gap:6px}.empty-preset{font-size:11px;line-height:1.5;color:#9aa49e;padding:3px 10px 9px}.preset-card{display:flex;align-items:center;gap:8px;background:#f8faf8;border:1px solid #eff2ef;border-radius:10px;padding:7px 8px}.preset-card:hover{border-color:#d8e5dd}.preset-name{min-width:0;flex:1;text-align:left;border:0;background:none;color:#53645b;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:3px 1px}.preset-action{border:0;background:var(--mint);color:var(--green);border-radius:7px;font-size:11px;padding:5px 7px}.preset-delete{border:0;background:none;color:#9ca7a1;font-size:14px;padding:1px 3px}.sidebar-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #f0f2f0;padding:15px 7px 2px;color:#9aa49e;font-size:10px}.privacy-dot,.eyebrow-dot,.date-pulse{width:7px;height:7px;border-radius:100%;background:#70b98d}.main-area{min-width:0}.topbar{height:73px;padding:0 clamp(20px,4vw,54px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#99a39d;font-size:12px}.breadcrumbs strong{color:#46564d;font-weight:650}.crumb-divider{color:#d1d9d3}.top-actions{display:flex;align-items:center;gap:10px}.quiet-button{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 13px;color:#506158;font-size:12px}.quiet-button:hover,.secondary-button:hover{background:#f4f8f5}.quiet-button span{color:var(--green);font-size:16px;margin-right:4px}.avatar-button,.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:9px;color:#77847c;font-size:15px}.menu-button,.close-sidebar{display:none}.content-wrap{max-width:1430px;margin:0 auto;padding:34px clamp(20px,4vw,54px) 24px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:9px;font-weight:770;letter-spacing:.16em;color:#829189;display:flex;align-items:center;gap:7px}.eyebrow-dot{width:6px;height:6px}.welcome-row h1{font-size:clamp(24px,3vw,36px);letter-spacing:-.055em;line-height:1.12;margin:10px 0 7px;font-weight:690;color:#25342e}.page-subtitle{font-size:13px;color:#839087;margin:0}.date-pill{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #e5ece7;background:#fff;border-radius:100px;padding:8px 12px;color:#829088;font-size:10px;margin-bottom:4px}.date-pulse{width:6px;height:6px;box-shadow:0 0 0 3px #edf5ef}.upload-card{min-height:110px;border:1px dashed #c7d9cf;border-radius:15px;background:linear-gradient(115deg,#f0f7f1,#f8faf7 58%,#f6f4ec);display:flex;align-items:center;gap:16px;padding:18px 22px;margin-bottom:22px;transition:border .2s,background .2s}.upload-card.drag-over{border-color:#4a9c78;background:#eaf5ed}.upload-icon{width:44px;height:44px;border:1px solid #d8e8dc;background:#fff;border-radius:13px;display:grid;place-items:center;flex:none;color:#4a8b6d}.upload-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.upload-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.upload-copy strong{font-size:13px;color:#42554a;font-weight:650}.upload-copy span{font-size:10px;color:#8a978e;line-height:1.4}.upload-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex:none}.secondary-button{background:#fff;border:1px solid #dfe8e2;border-radius:9px;color:#526258;padding:9px 13px;font-size:11px;font-weight:600}.text-button{background:transparent;color:#468164;padding:6px 4px;font-size:11px;font-weight:620}.text-button:hover{color:#194f3b}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.9fr);gap:18px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 20px rgba(36,58,46,.025);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 19px 14px}.panel-title{font-size:14px;font-weight:690;letter-spacing:-.025em;color:#2f4137}.panel-count{font-size:10px;color:#92a097;font-weight:550;margin-left:5px}.panel-caption{color:#9ba69f;font-size:10px;margin-top:5px}.file-toolbar{display:flex;gap:5px}.file-toolbar .icon-button{width:30px;height:30px;font-size:13px}.selection-strip{height:38px;border-top:1px solid #f1f3f1;border-bottom:1px solid #eef1ef;background:#fbfcfb;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#849087;font-size:10px}.select-all{display:flex;align-items:center;gap:7px;cursor:pointer}.select-all input,.file-checkbox{accent-color:#31785c}.selection-note{color:#a1aaa4}.file-list{min-height:260px;max-height:460px;overflow:auto}.file-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid #f0f2f0;transition:background .14s}.file-row:hover{background:#fbfcfb}.file-row.selected{background:#f6faf7}.file-checkbox{width:14px;height:14px;cursor:pointer}.file-info{min-width:0;display:flex;align-items:center;gap:10px;cursor:pointer}.file-icon{width:31px;height:34px;border-radius:8px;background:#f1f5f1;color:#508168;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex:none}.file-icon.md{background:#f4f0e6;color:#9e8050}.file-icon span{font-size:8px;font-weight:750;line-height:1}.file-icon small{font-size:6px;letter-spacing:.03em}.file-meta{min-width:0}.file-name{font-size:11px;font-weight:620;color:#42534a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-path{font-size:9px;color:#a0aaa4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:4px}.file-size{font-size:9px;color:#a0aaa4;white-space:nowrap}.empty-state{display:none;min-height:260px;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#8f9c93;text-align:center;padding:26px}.empty-state.visible{display:flex}.empty-state strong{color:#506157;font-size:12px}.empty-state>span{font-size:10px}.empty-state .text-button{margin-top:3px}.empty-illustration{width:80px;height:68px;position:relative;margin-bottom:5px}.sheet{position:absolute;display:block;width:43px;height:53px;border-radius:8px;border:1px solid #dae7dd;background:#f0f7f1;transform:rotate(-13deg);left:15px;top:8px}.sheet-back{left:28px;top:4px;background:#f9f3e7;border-color:#ece3d0;transform:rotate(12deg)}.sheet-front{padding:15px 8px 8px;box-shadow:0 5px 12px rgba(39,71,50,.08)}.sheet-front i{display:block;height:3px;border-radius:5px;background:#d4e3d7;margin:0 0 5px}.sheet-front i:nth-child(2){width:75%}.sheet-front i:nth-child(3){width:55%}.sparkle{position:absolute;right:7px;top:4px;color:#c89a60;font-size:16px}.export-panel{padding:18px;position:sticky;top:91px}.export-heading{display:flex;align-items:center;gap:11px;margin-bottom:17px}.export-icon{width:34px;height:34px;border-radius:11px;background:#edf5ef;color:#377455;display:grid;place-items:center;font-size:17px}.export-heading .panel-title{font-size:13px}.format-switch{background:#f4f6f4;border-radius:9px;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.format-option{height:32px;border:0;border-radius:7px;background:transparent;color:#89948d;font-size:10px}.format-option span{font-size:8px;color:#a8b1ac;margin-left:2px}.format-option.active{background:#fff;color:#3f6650;box-shadow:0 2px 6px rgba(30,54,40,.08);font-weight:650}.export-list-heading{display:flex;align-items:center;justify-content:space-between;color:#758279;font-size:10px;font-weight:600;padding:17px 2px 8px}.export-list-heading span:last-child{font-weight:450;color:#a4ada7;font-size:9px}.export-list{max-height:235px;overflow:auto;min-height:75px}.export-empty{border:1px dashed #e5ebe6;border-radius:9px;padding:22px 12px;text-align:center;color:#a0aaa4;font-size:10px;line-height:1.5}.export-row{display:grid;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 2px;border-bottom:1px solid #f1f3f1}.order-number{font-size:9px;color:#a6b0a8;text-align:center}.export-file-name{font-size:10px;color:#526258;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.order-buttons{display:flex;gap:2px}.order-buttons button{border:0;background:none;color:#8e9b92;font-size:12px;padding:2px 3px;border-radius:4px}.order-buttons button:hover{background:#edf3ef;color:#397257}.export-note{min-height:34px;border-radius:8px;background:#faf8f0;display:flex;align-items:center;gap:7px;padding:8px 9px;color:#9c8a67;font-size:9px;line-height:1.35;margin:12px 0 11px}.note-icon{font-size:14px}.export-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:42px;background:#246c54;color:#fff;border:0;border-radius:10px;font-size:11px;font-weight:650;box-shadow:0 7px 16px rgba(34,103,79,.14)}.export-button:hover:not(:disabled){background:#174d3e;transform:translateY(-1px)}.export-button:disabled{background:#dce6df;color:#9eaaa2;box-shadow:none;cursor:not-allowed}.export-arrow{font-size:16px}.save-config-button{background:none;color:#668572;font-size:10px;width:100%;padding:11px 5px 1px}.save-config-button:hover{color:#1f5a42}.page-footer{display:flex;justify-content:space-between;color:#a0aaa4;font-size:9px;padding:17px 3px 0}.page-footer span:first-child{font-weight:700;letter-spacing:.04em;color:#7d8b82}.scrim{display:none}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,16px);opacity:0;pointer-events:none;z-index:30;background:#263a31;color:#fff;padding:10px 15px;border-radius:10px;box-shadow:0 9px 25px rgba(18,42,29,.18);font-size:11px;transition:all .2s;max-width:calc(100vw - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{width:min(420px,calc(100vw - 30px));border:1px solid #e4ebe6;border-radius:18px;padding:27px;background:#fff;color:var(--ink);box-shadow:0 24px 90px rgba(30,52,39,.22)}.modal::backdrop{background:rgba(25,43,34,.34);backdrop-filter:blur(4px)}.modal-mark{width:34px;height:34px;border-radius:11px;background:#24664f;color:white;display:grid;place-items:center;font-weight:750;margin-bottom:18px}.modal h2{font-size:20px;letter-spacing:-.045em;margin:9px 0 7px}.modal-copy{font-size:11px;color:#849088;margin:0 0 19px;line-height:1.6}.field-label{display:block;font-size:10px;font-weight:650;color:#58695f;margin:14px 0 7px}.text-input{width:100%;height:42px;border:1px solid #dfe7e1;background:#fbfcfb;border-radius:9px;padding:0 11px;font-size:12px;color:#2e4036}.field-hint{font-size:9px;line-height:1.5;color:#9aa39e;margin:7px 0 15px}.full-button{width:100%;height:42px}.auth-error{min-height:15px;color:#b5574a;font-size:10px;margin-top:9px}.editor-modal{width:min(780px,calc(100vw - 28px));height:min(84vh,780px);max-height:calc(100dvh - 32px);display:none;flex-direction:column;padding:22px}.editor-modal[open]{display:flex}.modal-top{display:flex;align-items:flex-start;justify-content:space-between}.modal-top h2{margin:7px 0 5px}.editor-path{font-size:10px;color:#9aa69e;margin:3px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-textarea{flex:1;min-height:180px;resize:none;border:1px solid #e3ebe5;border-radius:11px;padding:15px;background:#fbfcfb;color:#34453a;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;font-size:10px;color:#9aa39e}.editor-footer>div{display:flex;gap:7px}.editor-footer .primary-button,.editor-footer .secondary-button{font-size:10px;padding:9px 13px}.confirm-modal{width:min(400px,calc(100vw - 28px));padding:24px}.confirm-modal h2{margin:8px 0 16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.modal-actions .primary-button,.modal-actions .secondary-button{padding:9px 13px;font-size:10px}.mobile-folder-strip{display:none}.mobile-export-shortcut{display:none}
@media(max-width:1040px){.app-shell{grid-template-columns:236px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,.9fr);gap:13px}.content-wrap{padding-top:28px}.file-toolbar{gap:2px}.file-toolbar .icon-button{width:28px}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:20;width:min(292px,86vw);height:100dvh;transform:translateX(-104%);transition:transform .23s ease;box-shadow:18px 0 50px rgba(32,50,39,.09)}.sidebar.open{transform:translateX(0)}.close-sidebar{display:inline-flex;margin-left:auto;border:0;background:transparent;font-size:20px}.scrim.visible{display:block;position:fixed;inset:0;background:rgba(24,38,30,.25);z-index:15}.menu-button{display:inline-flex;border:0;background:transparent;width:34px}.topbar{height:62px;padding:0 16px;gap:10px}.breadcrumbs{margin-right:auto;gap:6px;font-size:11px}.top-actions{gap:6px}.quiet-button{padding:8px 9px;font-size:10px}.avatar-button{width:31px;height:31px}.content-wrap{padding:23px 16px 90px}.welcome-row{align-items:flex-start;margin-bottom:17px}.welcome-row h1{font-size:25px;max-width:450px}.page-subtitle{font-size:11px;line-height:1.5;max-width:430px}.date-pill{display:none}.upload-card{padding:15px;gap:11px;min-height:104px;margin-bottom:14px}.upload-icon{width:38px;height:38px;border-radius:11px}.upload-copy strong{font-size:11px}.upload-copy span{font-size:9px}.upload-actions{gap:6px;flex-direction:column;align-items:flex-end}.secondary-button{padding:8px 10px;font-size:10px;white-space:nowrap}.upload-actions .text-button{font-size:9px;padding:2px}.workspace-grid{display:flex;flex-direction:column;gap:13px}.files-panel,.export-panel{width:100%}.export-panel{position:static}.panel-heading{padding:16px 14px 12px}.panel-title{font-size:13px}.panel-caption{font-size:9px}.file-toolbar .icon-button{width:29px;height:29px}.file-row{padding:10px 12px;grid-template-columns:18px minmax(0,1fr) auto;gap:8px}.file-list{max-height:52vh;min-height:190px}.file-size{font-size:8px}.export-panel{padding:15px}.export-list{max-height:190px}.page-footer{font-size:8px}.mobile-folder-strip{display:flex;gap:6px;overflow-x:auto;padding:1px 0 13px;scrollbar-width:none}.mobile-folder-strip::-webkit-scrollbar{display:none}.mobile-folder-chip{flex:none;border:1px solid #e2eae4;border-radius:100px;background:#fff;color:#718077;font-size:9px;padding:7px 10px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-folder-chip.active{background:#eaf4ed;color:#28634b;border-color:#d7e8dd;font-weight:650}.mobile-export-shortcut{display:flex;align-items:center;justify-content:center;gap:7px;position:fixed;z-index:10;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));height:46px;border:0;border-radius:12px;background:#246c54;color:#fff;font-weight:650;font-size:11px;box-shadow:0 10px 27px rgba(30,91,65,.24)}.mobile-export-shortcut span{background:rgba(255,255,255,.18);border-radius:9px;padding:3px 7px;font-size:9px}.toast{bottom:calc(72px + env(safe-area-inset-bottom))}.editor-modal{padding:16px;height:min(88dvh,780px)}.editor-textarea{font-size:11px}.editor-footer{align-items:flex-end}.editor-footer>span{font-size:9px}.folder-list{max-height:28vh}}
@media(max-width:430px){.welcome-row h1{font-size:22px}.upload-card{align-items:flex-start;flex-wrap:wrap}.upload-copy{flex:1}.upload-actions{width:100%;flex-direction:row;justify-content:flex-end;margin:0}.file-info{gap:7px}.file-icon{width:28px;height:31px}.file-name{font-size:10px}.file-path{font-size:8px}.file-toolbar .icon-button{width:26px;height:28px;font-size:12px}.selection-strip{padding:0 12px}.panel-heading{gap:6px}.page-footer span:last-child{max-width:65%;text-align:right}.editor-footer .primary-button,.editor-footer .secondary-button{padding:8px 10px}.editor-footer{gap:5px}}

#exportPanelAnchor{scroll-margin-top:78px}