@import url("https://fonts.googleapis.com/css2?family=Itim&family=Patrick+Hand&display=swap");*{box-sizing:border-box}:root{--accent:#2563eb;--top:#155fbe;--top-dark:#084ea7;--text:#172033;--muted:#64748b;--border:#d8dee8;--workspace:#e8edf4;--paper-width:794px;--paper-min-height:1123px;--paper-padding-top:96px;--paper-padding-right:96px;--paper-padding-bottom:96px;--paper-padding-left:96px;--paper-bg:#ffffff;--bg-image:none;--bg-opacity:0.16;--bg-fit:cover;--zoom:1}body,html{height:100%;margin:0;overflow:hidden}body,button,input,select{font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.workom-app{height:100vh;display:flex;flex-direction:column;background:var(--workspace);color:var(--text)}.topbar{height:48px;flex:0 0 48px;background:linear-gradient(90deg,var(--top-dark),var(--top));color:white;display:grid;grid-template-columns:minmax(320px,1fr) minmax(260px,auto) minmax(360px,1fr);align-items:center;padding:0 16px}.top-left,.top-right,.top-title{display:flex;align-items:center}.top-left{gap:10px}.top-right{justify-content:flex-end;gap:12px}.top-logo{width:28px;height:28px;object-fit:contain;border-radius:8px}.top-separator{height:25px;width:1px;background:rgba(255,255,255,.25);margin:0 4px}.topbar button{color:white;border:0;background:transparent;width:30px;height:30px;border-radius:7px;display:inline-grid;place-items:center}.topbar button:hover{background:rgba(255,255,255,.13)}.top-title{justify-content:center;gap:8px;font-weight:700;font-size:14px}.top-title input{width:240px;color:white;text-align:center;background:transparent;border:0;outline:none;font-weight:700;padding:5px 8px;border-radius:6px}.top-title input:focus,.top-title input:hover{background:rgba(255,255,255,.13)}.search-button{width:auto!important;padding:0 14px!important;display:flex!important;gap:8px;justify-content:flex-start!important;background:rgba(255,255,255,.13)!important}.autosave{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.9)}.autosave input{accent-color:#22c55e}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#22c55e;font-size:12px;font-weight:900}.tabs{height:44px;flex:0 0 44px;min-width:0;display:flex;align-items:flex-end;gap:8px;padding:0 28px;background:white;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;height:44px;border:0;background:transparent;padding:0 10px;font-size:15px;font-weight:700;color:#2b3648;position:relative;white-space:nowrap}.tabs button.active{color:#0f4fa6}.tabs button.active:after{content:"";position:absolute;height:3px;left:6px;right:6px;bottom:0;background:var(--accent);border-radius:8px 8px 0 0}.ribbon-shell{height:116px;flex:0 0 116px;position:relative;background:#fbfcfe;border-bottom:1px solid var(--border);box-shadow:0 2px 6px rgba(15,23,42,.08)}.ribbon{height:116px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:0 42px}.ribbon::-webkit-scrollbar,.tabs::-webkit-scrollbar{height:0}.ribbon-arrow{position:absolute;z-index:5;top:0;width:38px;height:116px;border:0;background:linear-gradient(90deg,#ffffff 60%,rgba(255,255,255,.6));color:#334155;display:grid;place-items:center;box-shadow:1px 0 0 #e2e8f0}.ribbon-arrow.right{right:0;background:linear-gradient(270deg,#ffffff 60%,rgba(255,255,255,.6));box-shadow:-1px 0 0 #e2e8f0}.ribbon-arrow.left{left:0}.ribbon-row{min-width:max-content;height:116px;display:flex;align-items:stretch;padding:7px 0}.group{border-right:1px solid #dde3ed;padding:0 12px;display:flex;flex-direction:column;justify-content:space-between}.group.wide{min-width:250px}.group-tools{height:86px;display:flex;align-items:center;gap:8px}.group-label{height:16px;text-align:center;font-size:11px;color:#667085}.tool{min-width:58px;max-width:96px;min-height:62px;border:1px solid transparent;border-radius:8px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#263143;font-size:12px;text-align:center}.tool.big{min-width:70px}.mini:hover,.style-row button:hover,.theme-row button:hover,.tool:hover{border-color:#bfdbfe;background:#eff6ff}.mini.active,.style-row button.selected,.theme-row button.selected,.tool.active{border-color:#93c5fd;background:#dbeafe}.mini:disabled,.tool:disabled{opacity:.35;cursor:not-allowed}.mini{height:31px;width:31px;border:1px solid transparent;border-radius:7px;background:white;display:grid;place-items:center;color:#263143}.font-controls{display:grid;grid-template-columns:160px 78px repeat(6,31px);grid-gap:6px;gap:6px;align-items:end}.paragraph-controls{display:grid;grid-template-columns:repeat(5,31px);grid-gap:6px;gap:6px}.field{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#64748b}.field.wide select{width:160px}.field select{height:31px;min-width:78px;border:1px solid #cfd7e3;background:white;border-radius:7px;padding:0 8px;outline:none}.field select:focus{border-color:var(--accent)}.color-control{width:31px;height:31px;border:1px solid transparent;border-radius:7px;display:grid;place-items:center;background:white;position:relative}.color-control:hover{background:#eff6ff;border-color:#bfdbfe}.color-control input{position:absolute;inset:0;opacity:0;cursor:pointer}.style-row{display:flex;gap:8px}.style-row button{width:112px;height:64px;background:white;border:1px solid #d5dce8;border-radius:8px;text-align:left;padding:8px;color:#1e293b}.style-row strong{display:block;color:var(--accent);font-size:15px}.style-row span{color:#64748b;font-size:11px}.theme-row{display:flex;gap:9px}.theme-row button{width:124px;height:68px;border:1px solid #d5dce8;background:white;border-radius:9px;padding:8px;display:grid;grid-gap:4px;gap:4px;text-align:left}.theme-row i{height:7px;border-radius:999px}.theme-row strong{font-size:12px}.theme-row span{color:#64748b;font-size:11px}.info-box{max-width:420px;padding:12px 14px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;color:#475569;font-size:13px;line-height:1.45}.workspace{flex:1 1 auto;min-height:0;display:flex;background:var(--workspace)}.document-area{flex:1 1 auto;min-width:0;overflow:auto}.h-ruler{z-index:4;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 10px;box-shadow:0 1px 4px rgba(15,23,42,.06)}.v-ruler{margin-right:8px;box-shadow:1px 0 4px rgba(15,23,42,.06);transform:none;align-self:flex-start;z-index:4}.margin-handle{position:absolute;z-index:7;border:0;background:var(--accent);border-radius:999px;box-shadow:0 0 0 3px rgba(37,99,235,.18)}.margin-handle.vertical{left:2px}.paper-wrap{min-height:100%;display:flex;justify-content:center;align-items:flex-start;padding:34px 52px 120px}.paper{width:var(--paper-width);border:1px solid #d8dee8;box-shadow:0 4px 22px rgba(15,23,42,.18);transform:scale(var(--zoom));transform-origin:top center}.doc-editor,.paper{min-height:var(--paper-min-height)}.doc-editor{padding:var(--paper-padding-top) var(--paper-padding-right) var(--paper-padding-bottom) var(--paper-padding-left);outline:none;line-height:1.65;color:var(--doc-body);font-family:var(--editor-font-family);font-size:var(--editor-font-size)}.doc-editor>:first-child{margin-top:0}.doc-editor p{margin:0 0 10px}.doc-editor h1{margin:0 0 16px;color:var(--doc-heading);font-size:32px;line-height:1.2}.doc-editor h2{margin:20px 0 10px;color:var(--doc-heading);font-size:24px;line-height:1.25}.doc-editor h3{margin:16px 0 8px;color:var(--doc-heading);font-size:19px;line-height:1.35}.doc-editor blockquote{border-left:4px solid var(--doc-accent);margin:14px 0;padding:8px 16px;background:var(--doc-quote-bg);color:var(--doc-body)}.doc-editor img{max-width:100%;height:auto}.doc-editor a{color:var(--doc-accent);text-decoration:underline}.doc-editor table{border-collapse:collapse;width:100%;margin:12px 0;table-layout:fixed}.doc-editor td,.doc-editor th{border:1px solid #cbd5e1;min-width:48px;padding:8px;vertical-align:top}.doc-editor th{background:#f1f5f9;font-weight:700}.doc-editor .selectedCell:after{background:rgba(37,99,235,.12);content:"";left:0;right:0;top:0;bottom:0;pointer-events:none;position:absolute;z-index:2}.side-panel{width:306px;flex:0 0 306px;background:white;border-left:1px solid var(--border);display:flex;flex-direction:column}.side-head{height:43px;flex:0 0 43px;padding:0 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.side-head button{border:0;background:transparent;width:28px;height:28px;border-radius:6px;font-size:20px}.side-head button:hover{background:#f1f5f9}.panel-body{padding:14px;display:grid;grid-gap:12px;gap:12px;overflow:auto}.panel-field{display:grid;grid-gap:5px;gap:5px;font-size:13px;color:#475569}.panel-field input{height:36px;border:1px solid #cfd7e3;border-radius:8px;padding:0 10px;outline:none}.panel-field input:focus{border-color:var(--accent)}.comment button,.primary,.secondary{height:36px;border:0;border-radius:8px;padding:0 12px}.primary{background:var(--accent);color:white}.comment button,.secondary{background:#f1f5f9;color:#1e293b}.comment{border:1px solid #fde68a;background:#fffbeb;border-radius:10px;padding:12px}.comment strong{display:block;color:#92400e;margin-bottom:6px}.comment p{margin:0 0 10px;color:#78350f;font-size:13px;line-height:1.4}.empty{border:1px dashed #cbd5e1;border-radius:10px;padding:14px;color:#64748b;font-size:13px;line-height:1.45}.stat{border:1px solid #dce3ee;border-radius:10px;padding:12px;display:flex;justify-content:space-between;gap:10px}.stat span{color:#64748b}.statusbar{height:34px;flex:0 0 34px;background:white;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px;color:#475569}.status-left,.status-right{display:flex;align-items:center;gap:18px}.good{color:#047857}.statusbar button{border:0;background:#f1f5f9;border-radius:7px;height:24px;padding:0 9px;color:#334155}.statusbar input[type=range]{width:120px;accent-color:var(--accent)}.focus-mode .topbar{grid-template-columns:1fr auto 1fr}.focus-mode .workspace{height:calc(100vh - 82px)}@media print{body,html{overflow:visible;background:white}.ribbon,.ruler,.side-panel,.statusbar,.tabs,.topbar{display:none!important}.document-area,.paper-wrap,.workom-app,.workspace{display:block;height:auto;overflow:visible;padding:0;background:white}.paper{width:auto;min-height:auto;border:0;box-shadow:none;transform:none!important}.doc-editor{min-height:auto;padding:0}}@media (max-width:980px){.topbar{grid-template-columns:1fr;height:auto;gap:8px;padding:10px}.top-right,.top-title{justify-content:flex-start}}.metadata-fields{min-width:270px;display:grid;grid-template-columns:1fr 150px;grid-gap:10px;gap:10px;align-items:end}.metadata-fields label{display:grid;grid-gap:4px;gap:4px;font-size:11px;color:#64748b}.metadata-fields input{height:34px;border:1px solid #cfd7e3;border-radius:8px;background:white;padding:0 10px;outline:none;color:#172033}.metadata-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.about-card{width:520px;display:grid;grid-template-columns:54px 1fr;grid-gap:14px;gap:14px;align-items:center;border:1px solid #dce3ee;background:white;border-radius:12px;padding:12px 14px}.about-logo-img{width:46px;height:46px;object-fit:contain;border-radius:13px}.about-card strong{display:block;color:#0f172a;font-size:15px}.about-card span{display:block;color:var(--accent);font-size:12px;font-weight:700;margin:2px 0 4px}.about-card p{margin:0;color:#475569;font-size:12px;line-height:1.35}.info-box.compact{max-width:310px}.clipboard-stack{display:grid;grid-template-columns:1fr;grid-gap:4px;gap:4px}.clipboard-stack .tool{min-height:28px;min-width:62px;flex-direction:row;gap:6px;padding:4px 8px}.clipboard-stack .tool span{font-size:12px}.number-field input{width:78px;height:31px;border:1px solid #cfd7e3;background:white;border-radius:7px;padding:0 8px;outline:none}.number-field input:focus{border-color:var(--accent)}.document-themes button{width:142px}.document-themes button i{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,var(--theme-heading),var(--theme-accent));box-shadow:0 0 0 5px var(--theme-paper)}.document-themes button span{font-size:10.5px}.swatch-row{display:flex;gap:8px;align-items:center}.paper-swatch{width:34px;height:34px;border:1px solid #cbd5e1;border-radius:9px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}.paper-swatch:hover{transform:translateY(-1px);border-color:var(--accent)}.document-design-preview{width:240px;height:74px;border:1px solid #d8dee8;border-radius:10px;padding:8px 10px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.document-design-preview h4{margin:0 0 3px;font-size:13px;line-height:1.1}.document-design-preview p{margin:0 0 4px;font-size:11px;line-height:1.15}.document-design-preview blockquote{margin:0;padding:2px 6px;border-left:3px solid;font-size:10px}.margin-fields{display:grid;grid-template-columns:repeat(4,78px);grid-gap:8px;gap:8px;align-items:end}.bg-opacity input{width:110px;accent-color:var(--accent)}@media (max-width:760px){body,html{overflow:hidden}.topbar{height:auto;min-height:92px;grid-template-columns:1fr;gap:8px;padding:8px 10px}.top-left{overflow-x:auto;padding-bottom:2px}.top-title{justify-content:flex-start}.top-title input{width:190px;text-align:left}.top-right{justify-content:flex-start}.search-button{width:170px!important}.tabs{height:40px;flex:0 0 40px;padding:0 10px;gap:2px}.tabs button{height:40px;font-size:13px;padding:0 9px}.ribbon-shell{height:104px;flex-basis:104px}.ribbon,.ribbon-row{height:104px}.ribbon-arrow{height:104px;width:32px}.group{padding:0 8px}.group-tools{height:76px}.tool{min-width:54px;min-height:54px;font-size:11px}.tool.big{min-width:60px}.side-panel{position:absolute;right:0;top:0;bottom:34px;z-index:12;width:min(86vw,306px);box-shadow:-8px 0 28px rgba(15,23,42,.18)}.workspace{position:relative}.paper-wrap{justify-content:flex-start;padding:24px 18px 100px}.h-ruler,.v-ruler{display:none}.paper{transform:scale(.72)!important;transform-origin:top left!important}.statusbar{overflow-x:auto;gap:16px}.status-left,.status-right{gap:10px;white-space:nowrap}.metadata-fields{grid-template-columns:1fr;min-width:190px}.margin-fields{grid-template-columns:repeat(2,78px)}}.language-top-button{width:auto!important;padding:0 12px!important;display:flex!important;align-items:center;gap:7px;justify-content:flex-start!important;background:rgba(255,255,255,.12)!important;font-size:12px;white-space:nowrap}.panel-field select{height:36px;border:1px solid #cfd7e3;border-radius:8px;padding:0 10px;outline:none;background:white}@media (max-width:760px){.workom-app{height:100dvh}.topbar{min-height:124px;grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:start;gap:8px;padding:8px 10px 10px}.top-left,.top-right,.top-title{min-width:0}.top-left{width:100%;gap:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.top-left::-webkit-scrollbar,.top-right::-webkit-scrollbar{display:none}.top-left strong{flex:0 0 auto;font-size:14px}.topbar button{flex:0 0 auto}.top-title{width:100%;justify-content:flex-start;gap:7px;font-size:13px}.top-title input{width:min(52vw,230px);text-align:left;padding-left:0}.top-right{width:100%;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.search-button{flex:0 0 174px;width:174px!important;min-width:174px!important;font-size:12px}.language-top-button{flex:0 0 auto;min-width:128px!important;font-size:12px}.autosave{flex:0 0 auto;min-width:112px;justify-content:flex-start}.tabs{height:43px;flex-basis:43px;padding:0 10px;gap:2px}.tabs button{height:43px;padding:0 12px;font-size:13px;line-height:1.05;max-width:96px;white-space:normal;text-align:center}.ribbon-shell{height:108px;flex-basis:108px}.ribbon{height:108px;padding:0 36px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ribbon::-webkit-scrollbar{display:none}.ribbon-row{height:108px;padding:6px 0}.ribbon-arrow{width:34px;height:108px}.group{padding:0 7px}.group-tools{height:80px;gap:6px}.group-label{font-size:10px;height:14px}.tool{min-width:58px;max-width:70px;min-height:56px;gap:4px;font-size:10.5px;padding:5px}.tool.big{min-width:62px}.mini{width:31px;height:31px}.font-controls{grid-template-columns:138px 72px repeat(4,31px);gap:5px}.paragraph-controls{grid-template-columns:repeat(5,31px)}.style-row button{width:94px;height:58px;padding:6px}.style-row strong{font-size:12px}.style-row span{font-size:10px}.theme-row button{width:116px}.metadata-fields{min-width:210px}.workspace{position:relative;min-height:0}.document-area{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.paper-wrap{justify-content:flex-start;align-items:flex-start;padding:18px 18px 92px;min-width:max-content}.paper{transform:scale(.58)!important;transform-origin:top left!important}.side-panel{position:absolute;right:0;top:0;bottom:34px;z-index:20;width:min(88vw,320px);box-shadow:-10px 0 30px rgba(15,23,42,.2)}.statusbar{height:34px;overflow-x:auto;overflow-y:hidden;padding:0 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.statusbar::-webkit-scrollbar{display:none}.status-left,.status-right{flex:0 0 auto;gap:10px;white-space:nowrap}.statusbar input[type=range]{width:82px}}@media (max-width:430px){.topbar{min-height:132px}.tabs button{max-width:86px;padding:0 10px;font-size:12px}.paper{transform:scale(.52)!important}.paper-wrap{padding-left:14px}}.v-ruler+.paper{margin-left:0}.paper-wrap{gap:8px}.v-ruler{flex:0 0 30px;min-width:30px;max-width:30px;position:relative;z-index:5}.paper{z-index:1}@media (max-width:1024px){.v-ruler{display:none}}.document-area{position:relative}.h-ruler{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:12;height:27px;width:100%;margin:0;background:#f8fafc;color:#64748b;font-size:11px;border-bottom:1px solid #dfe4ec;box-shadow:0 1px 4px rgba(15,23,42,.08)}.h-ruler-scale{position:absolute;inset:0 12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.v-ruler{position:-webkit-sticky;position:sticky;top:27px;left:0;z-index:11;width:30px;height:calc(100% - 27px);min-height:520px;background:#f8fafc;border-right:1px solid #dfe4ec;box-shadow:1px 0 4px rgba(15,23,42,.08);color:#64748b;font-size:10px;float:left;margin-right:12px}.v-ruler-scale{position:absolute;inset:8px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:none}.paper-wrap{padding-left:56px}.margin-handle.horizontal{top:2px;width:8px;height:23px;cursor:ew-resize;transform:translateX(-50%)}.margin-handle.vertical{left:3px;width:23px;height:8px;cursor:ns-resize;transform:translateY(-50%)}@media (max-width:1024px){.v-ruler{display:none}.paper-wrap{padding-left:24px}}@media (max-width:760px){.h-ruler{display:none}.paper-wrap{padding-left:14px}}.focus-exit-button{width:auto!important;padding:0 12px!important;display:flex!important;align-items:center;gap:7px;justify-content:flex-start!important;background:rgba(255,255,255,.14)!important;font-size:12px;white-space:nowrap}.paper{position:relative;overflow:visible;background:var(--paper-bg)}.paper:before{content:"";position:absolute;inset:0;background-image:var(--bg-image);background-size:var(--bg-fit);background-position:50%;background-repeat:no-repeat;opacity:var(--bg-opacity);pointer-events:none;z-index:0}.paper>*{position:relative;z-index:1}.paged-paper{min-height:calc((var(--paper-min-height) * var(--page-count)) + (var(--page-gap) * (var(--page-count) - 1)));background:transparent;border:0;box-shadow:none}.paged-paper:before{display:none}.page-backgrounds{position:absolute;inset:0;z-index:0;pointer-events:none}.page-bg{position:absolute;left:0;width:var(--paper-width);height:var(--paper-min-height);background:var(--paper-bg);border:1px solid #d8dee8;box-shadow:0 4px 22px rgba(15,23,42,.18);overflow:hidden}.page-bg:before{content:"";position:absolute;inset:0;background-image:var(--bg-image);background-size:var(--bg-fit);background-position:50%;background-repeat:no-repeat;opacity:var(--bg-opacity)}.page-number-label{position:absolute;top:-24px;left:0;color:#64748b;font-size:12px;font-weight:700}.paged-paper .doc-editor{min-height:calc((var(--paper-min-height) * var(--page-count)) + (var(--page-gap) * (var(--page-count) - 1)));background:transparent;position:relative;z-index:2}@media (max-width:760px){.focus-exit-button{min-width:112px!important}}