:root{color-scheme:light;--ink:#172238;--blue:#245be3;--line:#dce2eb}body{color:var(--ink);font-size:14px}header{height:76px!important;padding:0 24px!important;gap:24px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:22px;letter-spacing:-.7px}.brand>i{background:#245be3;color:white;padding:9px;border-radius:10px;font-size:25px}.brand span{font-weight:400;color:#65718b}.header-actions{margin-left:auto;gap:8px!important}#filename-input{width:170px}nav{width:78px!important;padding-top:14px!important}.sidebar-btn{padding:13px 0;border-left:0;border-radius:9px;width:66px;gap:3px}.sidebar-btn.active{background:#eaf0ff;color:#245be3}.sidebar-btn span{font-size:12px!important}.sidebar-btn i{font-size:24px!important}nav>div.text-\[9px\]{display:none}#panels-container{width:268px;background:#fff}#panels-container .panel-content{padding:20px!important}#panels-container h3{letter-spacing:.06em;font-size:12px!important;color:#56617a}#panels-container button,#panels-container label{font-size:14px}#panels-container p{font-size:12px!important;line-height:1.6}#panels-container .text-\[10px\],#panels-container .text-\[11px\]{font-size:12px!important}#page-rail{width:144px;flex:none;background:#f6f8fb;border-right:1px solid var(--line);overflow:auto;padding:18px 15px}.rail-title{font-weight:600;display:flex;justify-content:space-between}.rail-title span{color:#7a859b;font-weight:400}.rail-actions{display:flex;gap:8px;margin:14px 0}.rail-actions button,.rail-actions label{border:1px solid var(--line);background:white;border-radius:6px;padding:5px 12px;cursor:pointer}.thumb{margin-bottom:20px;position:relative}.thumb-main{width:100%;padding:6px;background:#fff;border:2px solid transparent;border-radius:6px;box-shadow:0 2px 5px #162a4610;cursor:pointer}.thumb.active .thumb-main{border-color:var(--blue)}.thumb img{display:block;width:100%;max-height:145px;object-fit:contain}.thumb-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:6px}.thumb-controls{display:flex;justify-content:center;gap:2px;margin-top:5px}.thumb-controls button{padding:3px 5px;color:#59677c;border-radius:3px}.thumb-controls button:hover{background:#e2e8f2;color:#245be3}.workspace-bar{height:49px;flex:none;background:#f8fafd;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:13px;color:#637089;gap:14px}.workspace-bar>div{display:flex;align-items:center;gap:10px}.workspace-bar button{white-space:nowrap;padding:5px 9px;border-radius:4px}.workspace-bar button:hover{background:#e8edf7}#main-scroll{background:#e9edf4;padding:32px;display:block;cursor:default}#zoom-container{transform:none!important;margin:0 auto;position:relative;transition:none}#pages-container{display:block;padding-bottom:60px}.page-wrapper{transform-origin:top left;margin-bottom:26px;box-sizing:content-box;border:0;outline:1px solid #ced6e3;box-shadow:0 5px 22px #283e5815}.canvas-container-wrapper.active-page{border:0;outline:2px solid #82a6f6;box-shadow:0 5px 22px #283e5815}#context-toolbar{min-height:46px;flex-wrap:wrap;height:auto;padding:7px 15px;gap:5px}#context-toolbar button{font-size:12px}.status-bar{height:38px;flex:none;border-top:1px solid var(--line);background:white;display:flex;justify-content:space-between;align-items:center;padding:0 20px;gap:15px;font-size:12px;color:#64718a}.status-bar>span:first-child{display:flex;align-items:center;gap:7px}.status-bar>div{display:flex;align-items:center;gap:18px}.status-bar button,.status-bar label{cursor:pointer;color:#31599c}.field-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label input{width:85px;border:1px solid var(--line);border-radius:5px;padding:5px}.export-choice{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.export-choice:has(input:checked){background:#f0f5ff;border-color:#7098f2}.export-choice input{margin-top:4px;align-self:flex-start}.export-choice b,.export-choice small{display:block}.export-choice small{font-size:12px;line-height:1.6;color:#64718a;margin-top:3px}.export-note{font-size:12px;line-height:1.6;color:#68748a}#export-modal>div{width:450px;max-width:94vw;max-height:92vh;overflow:auto}#toast{position:fixed;bottom:56px;left:50%;transform:translateX(-50%);background:#172238;color:white;padding:12px 20px;border-radius:8px;box-shadow:0 8px 30px #17223830;z-index:100;display:none;max-width:90vw;font-size:14px}dialog{max-width:520px;width:90%;padding:28px;border-radius:16px;color:#172238}dialog::backdrop{background:#17223880;backdrop-filter:blur(3px)}dialog h2{font-size:21px;font-weight:700;margin-bottom:15px}dialog p{line-height:1.7;margin-bottom:14px}dialog button{background:#245be3;color:white;padding:10px 20px;border-radius:7px}button:focus-visible,label:focus-within{outline:2px solid #245be3;outline-offset:3px}#panel-organize{padding:0!important}#loader{backdrop-filter:blur(3px)}@media(max-width:1150px){header{padding:0 14px!important}.brand{font-size:18px}#panels-container{width:230px}#page-rail{width:112px;padding:14px 10px}#filename-input{width:120px}.workspace-bar{padding:0 14px}#work-hint{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:850px){header{height:auto!important;min-height:68px;flex-wrap:wrap;padding:12px!important;gap:10px}.brand{font-size:18px}.header-actions{width:100%;flex-wrap:wrap;justify-content:space-between}#panels-container{width:205px}#page-rail{display:none}nav{width:62px!important}.sidebar-btn{width:56px}#main-scroll{padding:20px}.workspace-bar>div:first-child{display:none}.status-bar>span:first-child{display:none}.status-bar{padding:0 12px}.header-actions>div:first-child{order:2}#filename-input{width:110px}}@media(max-width:550px){#panels-container{width:160px}#panels-container .panel-content{padding:12px!important}.header-actions button,.header-actions label{padding:7px!important;font-size:12px!important}.header-actions>div:first-child{display:none}nav{width:54px!important}.sidebar-btn{width:48px}.sidebar-btn span{font-size:10px!important}#main-scroll{padding:12px}.status-bar{font-size:11px}.status-bar>div{gap:12px}#context-toolbar{overflow:auto;flex-wrap:nowrap}#active-page-indicator{display:none}}

.document-busy header,.document-busy nav,.document-busy #panels-container,.document-busy #page-rail,.document-busy .status-bar{pointer-events:none;opacity:.65}