@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.12n410yjpb..9.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.0kxbxiu5l4e4k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.059ctrjp3m~x9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_6753da0b-module__-tlkWG__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_6753da0b-module__-tlkWG__variable{--font-noto-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#15233a;--muted:#66758a;--line:#d8e3f0;--paper:#fff;--canvas:#edf4fb;--green:#245fc0;--green-2:#e7f1fc;--lime:#43a5e5;--navy:#17418e;--green-dark:#17418e}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#f5f7f5;margin:0}body,button,input,textarea,select{font-family:var(--font-noto-thai), "Noto Sans Thai", Arial, sans-serif}button{color:inherit}.studio-shell{flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:4;background:#fff;flex:0 0 72px;grid-template-columns:290px 1fr auto;align-items:center;height:72px;padding:0 22px;display:grid;box-shadow:0 2px 10px #18251d0a}.brand,.document-title,.top-actions,.brand>div:last-child,.document-title>div{align-items:center;display:flex}.brand{gap:12px}.brand-mark{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-family:Georgia;font-size:22.5px;font-weight:700;display:grid;box-shadow:inset -6px -6px #0a543d}.brand>div:last-child,.document-title>div{flex-direction:column;align-items:flex-start}.brand b{font-size:16px}.brand span,.document-title span{color:var(--muted);margin-top:2px;font-size:11.5px}.document-title{gap:10px;min-width:0}.document-title b{font-size:15.5px}.document-title button{color:#88918b;background:0 0;border:0}.status-dot{background:#e6a62f;border-radius:50%;width:8px;height:8px;margin:0!important}.top-actions button,.preview-top button{cursor:pointer;background:#fff;border:1px solid #ccd4cf;border-radius:8px;height:38px;padding:0 16px;font-weight:700}.primary{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}.primary:disabled{opacity:.65}.avatar{width:36px;height:36px;color:var(--green);background:#e5eee9;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.autosave{color:#68736d;background:#f2f5f3;border-radius:20px;padding:7px 9px;font-size:11.5px}.workspace{grid-template-columns:var(--lw,285px) var(--rw,420px) minmax(360px,1fr);height:calc(100vh - 72px);display:grid;position:relative}.outline-panel,.properties-panel{background:#fff;flex-direction:column;min-height:0;display:flex}.outline-panel{border-right:1px solid var(--line)}.properties-panel{border-left:1px solid var(--line)}.panel-heading{justify-content:space-between;align-items:center;padding:20px 18px 12px;display:flex}.panel-heading>div{flex-direction:column;gap:3px;display:flex}.panel-heading span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11.5px;font-weight:800}.panel-heading b{font-size:16px}.panel-heading button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:34px;height:34px;font-size:21.5px}.progress-card{background:#f5f8f6;border:1px solid #e4ebe7;border-radius:9px;margin:0 14px 14px;padding:12px}.progress-card>div:first-child{color:var(--muted);justify-content:space-between;font-size:11.5px;display:flex}.progress-card b{color:var(--green)}.progress{background:#dfe6e2;border-radius:9px;height:5px;margin-top:8px;overflow:hidden}.progress i{background:var(--green);border-radius:9px;height:100%;display:block}.chapters{flex:1;padding:0 9px;overflow:auto}.chapter{text-align:left;background:#fff;border:0;border-radius:8px;grid-template-columns:16px 30px 1fr;align-items:center;gap:4px;width:100%;padding:11px 8px;display:grid}.chapter>b{color:#738079;font-size:11.5px}.chapter div{flex-direction:column;gap:2px;display:flex}.chapter strong{font-size:13px}.chapter small,.steps-list small{color:#859087;font-size:11px}.chapter.active{background:#eef6f2}.steps-list{border-left:1px solid #dfe6e2;margin:5px 0 12px 35px;padding-left:9px}.steps-list button{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:8px;grid-template-columns:24px 1fr 12px;align-items:center;gap:7px;width:100%;padding:9px 7px;display:grid}.steps-list button.selected{background:var(--green);color:#fff;box-shadow:0 6px 16px #0f6b4f22}.steps-list em{color:#647069;background:#edf2ef;border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;display:grid}.steps-list button.selected em{color:#fff;background:#ffffff24}.steps-list button div{flex-direction:column;gap:2px;min-width:0;display:flex}.steps-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.steps-list button>span{color:#9ba59f;font-size:11.5px}.add-chapter{height:38px;color:var(--green);cursor:pointer;background:#fff;border:1px dashed #b8c2bc;border-radius:8px;margin:10px 14px 14px;font-size:11.5px;font-weight:700}.canvas-panel{background:var(--canvas);flex-direction:column;min-width:0;display:flex}.canvas-toolbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.canvas-toolbar>div{align-items:center;gap:4px;display:flex}.canvas-toolbar button{cursor:pointer;background:#fff;border:0;border-radius:6px;padding:7px 9px;font-size:13px}.canvas-toolbar button.active{color:var(--green);background:#e7f1ed}.canvas-toolbar span{font-size:11px}.canvas-stage{flex:1;padding:22px clamp(20px,4vw,58px) 30px;overflow:auto}.step-context{justify-content:space-between;align-items:center;max-width:970px;margin:0 auto 10px;display:flex}.step-context span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700}.image-frame{background:#fff;border:1px solid #cdd7d1;border-radius:10px;max-width:970px;margin:auto;position:relative;overflow:hidden;box-shadow:0 14px 40px #1d30241a}.image-frame>img{object-fit:contain;width:100%;max-height:62vh;display:block}.screen-mock{aspect-ratio:16/9;color:#26322b;background:#fafafa;min-height:360px;font-family:Arial,sans-serif}.browser-bar{background:#e6e9e7;align-items:center;gap:5px;height:30px;padding:0 10px;display:flex}.browser-bar>span{background:#b5bdb8;border-radius:50%;width:7px;height:7px}.browser-bar>div{color:#8c9690;background:#fff;border-radius:3px;flex:1;max-width:440px;height:16px;margin-left:10px;padding:4px 8px;font-size:7.5px}.app-bar{color:#fff;background:#7d7aad;align-items:center;gap:25px;height:38px;padding:0 16px;font-size:10px;display:flex}.app-bar b{margin-right:20px;font-size:16px}.mock-body{padding:18px 20px}.mock-title{color:#7372a6;font-size:18.5px}.mock-actions{gap:5px;margin:10px 0 30px;display:flex}.mock-actions>*{border:1px solid #dadeda;border-radius:3px;padding:6px 10px;font-size:10px}.mock-actions b{color:#fff;background:#7e7aae}.mock-form{border-top:1px solid #edf0ee;grid-template-columns:1fr 1fr;gap:45px;padding-top:20px;display:grid}.mock-form>div{grid-template-columns:100px 1fr;gap:8px 10px;display:grid}.mock-form label,.mock-form strong{font-size:10px}.mock-form strong{background:#e7e6fa;border-radius:2px;padding:6px 8px;font-weight:400}.mock-tabs{color:#7775aa;border-bottom:1px solid #ddd;gap:25px;margin-top:32px;padding:0 0 8px;font-size:10px;display:flex}.mock-table{border:1px solid #ddd;border-top:0;grid-template-columns:1fr 2fr .6fr .6fr;height:52px;padding:9px;font-size:8.5px;display:grid}.hotspot{border:3px solid #e74f3d;border-radius:4px;position:absolute;box-shadow:0 0 0 2px #fff6}.hotspot span{color:#fff;background:#e74f3d;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid;position:absolute;top:-13px;left:-13px}.hotspot i{background:#fff;border:2px solid #e74f3d;width:8px;height:8px;position:absolute}.hotspot i:first-of-type{top:-6px;left:-6px}.hotspot i:nth-of-type(2){top:-6px;right:-6px}.hotspot i:nth-of-type(3){bottom:-6px;left:-6px}.hotspot i:nth-of-type(4){bottom:-6px;right:-6px}.upload-row{justify-content:space-between;align-items:center;max-width:970px;margin:12px auto 0;display:flex}.upload-row button{cursor:pointer;background:#fff;border:1px solid #cbd4cf;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:700}.upload-row span{color:#7b8780;font-size:10px}.property-tabs{border-bottom:1px solid var(--line);gap:18px;height:52px;padding:0 17px;display:flex}.property-tabs button{background:#fff;border:0;font-size:11.5px;font-weight:700;position:relative}.property-tabs button.active{color:var(--green)}.property-tabs button.active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:0;left:0;right:0}.property-tabs span{background:#e4ebe7;border-radius:10px;place-items:center;width:17px;height:17px;font-size:10px;display:inline-grid}.property-content{flex:1;padding:17px;overflow:auto}.property-content label{flex-direction:column;gap:6px;margin-bottom:15px;font-size:11px;font-weight:800;display:flex}.property-content input,.property-content textarea,.property-content select{width:100%;color:var(--ink);resize:vertical;background:#fff;border:1px solid #ccd5d0;border-radius:7px;padding:9px 10px;font-size:11.5px}.property-content textarea{line-height:1.55}.hint{border-left:3px solid var(--green);background:#f0f7f3;border-radius:0 6px 6px 0;margin:-4px 0 15px;padding:10px 11px}.hint b{color:var(--green);font-size:11px}.hint p{color:#68736d;margin:4px 0 0;font-size:10px;line-height:1.45}.optional{border-top:1px solid #e3e8e5;flex-wrap:wrap;gap:6px;padding-top:14px;display:flex}.optional>b{width:100%;font-size:11px}.optional button{color:#667169;background:#fff;border:1px solid #d8dfdb;border-radius:20px;padding:6px 9px;font-size:10px}.property-footer{border-top:1px solid var(--line);justify-content:space-between;padding:12px 16px;display:flex}.property-footer button{cursor:pointer;background:#fff;border:1px solid #ccd5d0;border-radius:7px;height:35px;padding:0 13px;font-size:11px;font-weight:800}.preview-page{background:#e8ece9;min-height:100vh;padding-bottom:70px}.preview-top{border-bottom:1px solid var(--line);z-index:3;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 28px;display:grid;position:sticky;top:0}.preview-top>div{flex-direction:column;align-items:center;font-size:14px;display:flex}.preview-top span{color:var(--muted);font-size:10px}.preview-top .primary{justify-self:end}.manual-paper{background:#fff;width:min(900px,100% - 32px);margin:35px auto;padding:70px 78px;box-shadow:0 15px 50px #19251e20}.manual-cover{border-top:8px solid var(--green);padding:50px 0 80px}.manual-cover>span{color:var(--green);letter-spacing:.15em;font-size:11.5px;font-weight:800}.manual-cover h1{margin:20px 0 8px;font-size:45.5px;line-height:1.25}.manual-cover p{color:var(--muted);font-size:18.5px}.manual-cover div{gap:12px;margin-top:55px;font-size:11.5px;display:flex}.manual-paper h2{border-bottom:1px solid #cfd8d2;padding-bottom:15px;font-size:27px}.preview-step{border-bottom:1px solid #e2e7e4;grid-template-columns:45px 1fr;gap:18px;padding:28px 0;display:grid}.step-no{color:#9aa69f;font-family:Georgia;font-size:26px}.preview-step h3{margin:8px 0;font-size:19.5px}.preview-step p{font-size:13px;line-height:1.7}.preview-step img{border:1px solid var(--line);width:100%;margin:12px 0}.preview-step .screen-mock{border:1px solid var(--line);min-height:330px;margin:15px 0}.kind-chip{text-transform:uppercase;letter-spacing:.08em;color:var(--green);background:var(--green-2);border-radius:12px;padding:4px 7px;font-size:8.5px}.preview-step aside{background:#f1f6f3;border-radius:6px;flex-direction:column;gap:3px;padding:11px 13px;font-size:11px;display:flex}.preview-step aside b{color:var(--green)}@media (max-width:1050px){.workspace{grid-template-columns:230px 1fr}.properties-panel{width:320px;position:fixed;top:72px;bottom:0;right:0;box-shadow:-10px 0 30px #18251d25}.canvas-panel{padding-right:320px}.topbar{grid-template-columns:auto minmax(0,1fr) auto}.document-title{display:none}}@media (max-width:760px){.topbar{grid-template-columns:1fr auto;padding:0 12px}.top-actions>span,.top-actions>button:first-of-type,.avatar{display:none}.workspace{height:auto;display:block}.outline-panel{display:none}.canvas-panel{min-height:calc(100vh - 72px);padding:0}.properties-panel{width:100%;box-shadow:none;position:static}.canvas-toolbar button span{display:none}.canvas-stage{padding:16px 10px}.screen-mock{min-height:230px}.manual-paper{padding:35px 22px}.manual-cover h1{font-size:32.5px}}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:0 18px}.back-projects{color:var(--green);cursor:pointer;background:0 0;border:0;justify-self:start;font-weight:800}.document-title input{text-align:left;color:var(--ink);background:0 0;border:0;min-width:0;max-width:230px;font-size:14px;font-weight:800}.document-title input+input{color:var(--muted);font-size:11px;font-weight:500}.top-actions{gap:8px}.top-actions select{background:#fff;border:1px solid #ccd4cf;border-radius:8px;height:38px;padding:0 8px;font-size:11.5px}.chapter-rename{padding:3px 11px 5px 48px}.chapter-rename input{width:100%;color:var(--green);border:0;border-bottom:1px solid #ced8d2;padding:5px 2px;font-size:11px;font-weight:700}.tool-box,.tool-arrow,.tool-number,.tool-blur{cursor:crosshair}.annotation{z-index:2;position:absolute}.annotation-box{border:3px solid #e74f3d;box-shadow:0 0 0 2px #fff7}.annotation-blur{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#d4d9d666;border:1px dashed #53605a}.annotation-number{aspect-ratio:1;color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#e74f3d;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.24cqw;font-weight:900;line-height:1;display:flex;overflow:hidden;box-shadow:0 0 0 3px #fff;height:auto!important}.annotation-number>span{text-align:center;justify-content:center;align-items:center;width:auto;height:auto;margin:0;padding:0;line-height:1;display:flex;position:absolute;inset:0}.annotation-arrow{color:#e74f3d;filter:drop-shadow(0 1px #fff);font-size:3.92cqw}.annotation-arrow span{position:absolute;transform:rotate(-10deg)}.is-fullscreen .outline-panel,.is-fullscreen .properties-panel{display:none}.is-fullscreen .workspace{grid-template-columns:1fr}.is-fullscreen .canvas-stage{padding-left:7vw;padding-right:7vw}.tool-select .annotation{cursor:move;touch-action:none}.annotation.is-selected{outline-offset:3px;outline:2px solid #1787e8}.annotation .resize-handle{cursor:nwse-resize;background:#1787e8;border:2px solid #fff;border-radius:3px;width:14px;height:14px;display:none;position:absolute;bottom:-8px;right:-8px;box-shadow:0 1px 4px #0003}.annotation.is-selected .resize-handle{display:block}.annotation-number .resize-handle{bottom:-5px;right:-5px}.annotation-arrow.is-selected{min-width:36px;min-height:36px}.annotation-arrow .resize-handle{bottom:-2px;right:-2px}.empty-image-state{aspect-ratio:16/9;color:#64716a;background:repeating-linear-gradient(135deg,#f7f9f8,#f7f9f8 12px,#f2f5f3 12px 24px);flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:360px;display:flex}.empty-image-state b{font-size:15.5px}.empty-image-state span{color:#87928b;font-size:11px}.image-frame,.preview-annotated{container-type:inline-size}.preview-annotated{border:1px solid var(--line);width:100%;margin:12px 0;position:relative;overflow:hidden}.preview-annotated>img{border:0;width:100%;height:auto;margin:0;display:block}.preview-annotated .annotation{pointer-events:none}.property-content details{border-top:1px solid #e2e7e4;padding:10px 0}.property-content summary{cursor:pointer;font-size:11px;font-weight:800}.property-content details textarea{border:1px solid #ccd5d0;border-radius:7px;width:100%;margin-top:8px;padding:8px;font-size:11px}.step-actions{justify-content:space-between;margin-top:15px;display:flex}.step-actions button{background:#fff;border:1px solid #d6ddd9;border-radius:7px;padding:8px;font-size:11px}.danger-link{color:#b94034!important}.preview-actions{justify-self:end;gap:8px;display:flex}.preview-step .warning{background:#fff3e8}.preview-step .warning b{color:#bd5d18}.preview-step .note{color:#69766f;font-style:italic}.preview-step p,.preview-step aside{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.annotation-list>p{color:var(--muted);font-size:11px;line-height:1.5}.annotation-list>button{background:#fff;border:1px solid #dce3df;border-radius:7px;justify-content:space-between;width:100%;margin-top:7px;padding:10px;font-size:11px;display:flex}.annotation-list>button b{color:#b94034}.annotation-list .hint{margin-top:12px;font-size:11px}.pdf-footer{color:#6a756e;border-top:1px solid #d9e0dc;grid-template-columns:80px 1fr auto;align-items:center;gap:12px;margin-top:34px;padding-top:9px;font-size:10px;display:grid}.pdf-footer img{object-fit:contain;object-position:left center;max-width:76px;max-height:30px;display:block}.footer-logo-placeholder{letter-spacing:.12em;color:#a0aaa4;font-weight:900}.page-number:after{content:"หน้า " counter(page)}.projects-page{background:#f3f6f4;min-height:100vh}.project-top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,5vw,70px);display:flex}.project-top .primary{border:0;border-radius:8px;padding:11px 17px;font-weight:800}.project-hero{max-width:1200px;margin:auto;padding:58px clamp(22px,6vw,90px) 30px}.project-hero>span{letter-spacing:.16em;color:var(--green);font-size:11px;font-weight:900}.project-hero h1{margin:10px 0 8px;font-size:40px}.project-hero p{color:var(--muted);font-size:14px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;max-width:1200px;margin:auto;padding:0 clamp(22px,6vw,90px) 80px;display:grid}.project-card{background:#fff;border:1px solid #dbe2de;border-radius:13px;overflow:hidden;box-shadow:0 8px 22px #1635250a}.project-card-head{grid-template-columns:10px 1fr 30px;gap:12px;padding:20px;display:grid}.project-card-head i{border-radius:8px;width:8px;height:45px}.project-card-head h2{margin:0 0 4px;font-size:18.5px}.project-card-head p{color:var(--muted);margin:0;font-size:11px}.project-card-head button{background:0 0;border:0;font-size:19.5px}.manual-list{border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee}.manual-row{border-bottom:1px solid #edf0ee;align-items:center;display:flex}.manual-row:last-child{border:0}.manual-row>.manual-open-button{text-align:left;cursor:pointer;background:#fff;border:0;flex:1;grid-template-columns:30px minmax(0,1fr);gap:8px;min-width:0;padding:13px 20px;display:grid}.manual-row>.manual-open-button>span{width:28px;height:28px;color:var(--green);background:#e5f1ec;border-radius:7px;place-items:center;display:grid}.manual-row div{flex-direction:column;min-width:0;display:flex}.manual-row b,.manual-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.manual-row b{font-size:11.5px}.manual-row small{color:var(--muted);margin-top:2px;font-size:10px}.manual-row .danger-link{background:0 0;border:0;padding:10px;font-size:10px}.project-card footer{color:var(--muted);justify-content:space-between;align-items:center;padding:13px 20px;font-size:11px;display:flex}.project-card footer button{color:var(--green);background:0 0;border:0;font-size:11px;font-weight:800}.empty-state{text-align:center;background:#fff;border:1px dashed #bdc9c2;border-radius:14px;grid-column:1/-1;padding:60px}.empty-state>div{width:48px;height:48px;color:var(--green);background:#e3f0ea;border-radius:50%;place-items:center;margin:auto;font-size:27px;display:grid}.empty-state h2{font-size:20.5px}.empty-state p{color:var(--muted);font-size:11.5px}.empty-state button{border:0;border-radius:8px;padding:10px 16px}.modal-backdrop{z-index:20;background:#12201888;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:15px;width:min(460px,100%);padding:30px;position:relative;box-shadow:0 30px 90px #0003}.modal-close{background:0 0;border:0;font-size:26px;position:absolute;top:12px;right:15px}.modal-card>span{letter-spacing:.15em;color:var(--green);font-size:10px;font-weight:900}.modal-card h2{margin:8px 0 25px;font-size:25px}.modal-card label{flex-direction:column;gap:6px;margin-bottom:16px;font-size:11px;font-weight:800;display:flex}.modal-card input,.modal-card textarea{border:1px solid #cbd5cf;border-radius:8px;padding:11px;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.modal-actions button{background:#fff;border:1px solid #ccd5d0;border-radius:8px;padding:10px 16px;font-weight:800}.toast{z-index:50;color:#fff;background:#173b34;border-radius:30px;padding:10px 16px;font-size:11.5px;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0002}@page{size:A4 portrait;margin:14mm 14mm 20mm}@media print{html,body{background:#fff;width:210mm}.preview-top,.toast{display:none!important}.preview-page{background:#fff;padding:0}.manual-paper{box-shadow:none;width:auto;max-width:none;margin:0;padding:0;font-size:10pt}.manual-cover{break-after:page;height:250mm;padding-top:28mm}.manual-cover h1{font-size:30pt}.manual-chapter>h2{break-after:avoid}.preview-step{break-inside:avoid;padding:7mm 0}.preview-step h3{font-size:14pt}.preview-step p{font-size:9pt}.preview-step img{object-fit:contain;max-height:155mm}.preview-annotated{break-inside:avoid}.pdf-footer{background:#fff;grid-template-columns:28mm 1fr auto;height:12mm;margin:0;padding:2mm 0 0;position:fixed;bottom:-13mm;left:0;right:0}.pdf-footer img{max-width:26mm;max-height:8mm}.footer-logo-placeholder{display:none}.page-number:after{content:"หน้า " counter(page)}}.table-detail-editor{border:1px solid var(--line);background:#f9fbfa;border-radius:8px;padding:10px}.table-detail-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.table-detail-heading>div{flex-direction:column;gap:2px;display:flex}.table-detail-heading span{color:var(--muted);font-size:10px}.table-detail-heading button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:6px 10px;font-weight:700}.table-detail-head,.table-detail-row{grid-template-columns:22px 38px minmax(70px,.8fr) minmax(120px,1.5fr) 28px;align-items:start;gap:6px;display:grid}.table-detail-head{color:var(--muted);padding:0 3px;font-size:10px;font-weight:700}.table-detail-row{margin-top:6px}.table-detail-row>b{min-height:32px;color:var(--green);background:#e8efeb;border-radius:5px;place-items:center;display:grid}.table-detail-row input,.table-detail-row textarea{border:1px solid var(--line);width:100%;min-width:0;font:inherit;resize:vertical;background:#fff;border-radius:5px;padding:7px}.table-detail-row button{color:#a33;cursor:pointer;background:0 0;border:0;font-size:19.5px}.table-detail-empty{text-align:center;color:var(--muted);padding:12px 4px;font-size:11px}.table-detail-drag-handle{color:#7c8da3;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:7px;place-items:center;width:22px;min-height:38px;font-size:17px;transition:background .15s,color .15s;display:grid}.table-detail-drag-handle:hover{color:#1959b8;background:#e5efff}.table-detail-drag-handle:active{cursor:grabbing}.table-detail-row.dragging{opacity:.5}.data-table-section{margin:14px 0}.data-table-section>b{color:var(--green);white-space:pre-wrap;display:block}.data-table-section table{border-collapse:collapse;width:100%;margin-top:8px;font-size:11px}.data-table-section th,.data-table-section td{vertical-align:top;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #ccd5d0;padding:8px}.data-table-section th:first-child,.data-table-section td:first-child{text-align:center;width:55px}.data-table-section th{color:var(--green);background:#eef4f1}@media print{.data-table-section table{font-size:8pt}.data-table-section thead{display:table-header-group}.data-table-section tr{break-inside:avoid}}:root{--ink:#17251e;--muted:#718078;--line:#dfe7e2;--paper:#fff;--canvas:#f0f4f1;--green:#126b52;--green-dark:#0b523e;--green-2:#e5f3ed;--soft:#f7f9f8;--danger:#b73f34;--shadow-sm:0 2px 8px #173b3410;--shadow-md:0 12px 32px #173b3417;--radius-sm:10px;--radius-md:14px;--radius-lg:20px}button,input,textarea,select{transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s,transform .12s}button:not(:disabled){cursor:pointer}button:not(:disabled):active{transform:translateY(1px)scale(.985)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #8ccdb8}.primary{box-shadow:0 5px 14px #126b5229;background:linear-gradient(180deg,#197a5e,var(--green))!important;border-color:var(--green)!important}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 18px #126b5238;background:linear-gradient(180deg,#126b52,var(--green-dark))!important}.topbar{border-bottom-color:#e5ebe7;flex-basis:76px;height:76px;padding:0 22px;box-shadow:0 3px 18px #173b340d}.back-projects{min-height:42px;padding:0 12px;border-radius:10px!important}.back-projects:hover{background:var(--green-2)}.document-title input{border-radius:7px;padding:3px 10px}.document-title input:hover,.document-title input:focus{background:var(--soft)}.top-actions button,.preview-top button,.top-actions select{border-radius:10px;height:42px;min-height:42px;padding:0 15px}.top-actions button:not(.primary):hover,.preview-top button:not(.primary):hover{color:var(--green);background:#f2f7f4;border-color:#afc5b9}.autosave{color:#557067;background:#edf4f0;padding:8px 11px;font-weight:700}.workspace{grid-template-columns:var(--lw,292px) var(--rw,420px) minmax(360px,1fr);gap:0;height:calc(100vh - 76px)}.outline-panel,.properties-panel{background:#fbfcfb}.panel-heading{padding:22px 18px 14px}.panel-heading button{width:40px;height:40px;box-shadow:var(--shadow-sm);background:#fff;border-radius:11px}.panel-heading button:hover{color:#fff;background:var(--green);border-color:var(--green)}.progress-card{background:linear-gradient(135deg,#f3f8f5,#eef6f2);border-radius:12px;margin:0 14px 16px;padding:14px}.progress{height:7px}.chapter{border-radius:11px;min-height:52px;margin-bottom:3px;transition:background .16s,box-shadow .16s}.chapter:hover{background:#f0f5f2}.chapter.active{color:var(--green-dark);background:#e9f4ef}.steps-list button{border-radius:10px;min-height:46px;margin:3px 0;padding:9px}.steps-list button:hover:not(.selected){background:#eef4f1}.add-chapter{background:#f8fbf9;border-radius:11px;height:44px}.add-chapter:hover{background:var(--green-2);border-color:var(--green)}.canvas-toolbar{z-index:2;height:58px;padding:0 18px;box-shadow:0 2px 10px #173b3408}.canvas-toolbar button{border-radius:9px;min-width:38px;min-height:38px}.canvas-stage{padding-top:28px}.step-context{margin-bottom:13px}.step-context span{border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 9px}.image-frame{border-color:#d4dfd9;border-radius:16px;box-shadow:0 18px 48px #173b3420}.empty-image-state{background:linear-gradient(135deg,#fafcfb,#f1f6f3);border:10px solid #fff}.empty-image-state:before{content:"▧";background:var(--green-2);width:48px;height:48px;color:var(--green);border-radius:14px;place-items:center;margin-bottom:4px;font-size:25px;display:grid}.upload-row button{min-height:40px;box-shadow:var(--shadow-sm);border-radius:10px;padding:0 14px}.upload-row button:hover{background:var(--green-2);color:var(--green);border-color:#a9c9ba}.property-tabs{height:58px;padding:0 18px}.property-tabs button{min-height:58px;padding:0 4px;font-size:13px}.property-tabs button:hover{color:var(--green)}.property-content label{gap:7px;margin-bottom:17px;font-size:11.5px}.property-content input,.property-content textarea,.property-content select,.property-content details textarea{background:#fff;border-color:#d6e0da;border-radius:10px;padding:11px 12px;font-size:11.5px;box-shadow:inset 0 1px 2px #173b3406}.property-content details{background:#fff;border:1px solid #e0e7e3;border-radius:11px;margin:9px 0;padding:0;overflow:hidden}.property-content summary{justify-content:space-between;align-items:center;padding:12px 13px;list-style:none;display:flex}.property-content summary:after{content:"＋";color:var(--green);font-size:16px}.property-content details[open] summary:after{content:"−"}.property-content details textarea{width:calc(100% - 22px);margin:0 11px 11px}.step-actions button{border-radius:10px;min-height:38px;padding:0 12px}.step-actions button:hover{background:#f2f6f4}.danger-link:hover{color:#9d2f27!important;background:#fff0ee!important}.property-footer{background:#fff;padding:14px 17px}.property-footer button{border-radius:10px;height:42px;min-height:42px;padding:0 15px}.table-detail-editor{background:#f5f9f7;border-color:#dbe6e0;border-radius:13px;margin-bottom:15px;padding:13px}.table-detail-heading button{border-radius:9px;min-height:36px;padding:0 12px;box-shadow:0 4px 12px #126b5224}.table-detail-row>b{border-radius:8px;min-height:38px}.table-detail-row input,.table-detail-row textarea{border-radius:8px;padding:9px}.table-detail-row button{border-radius:8px;width:30px;height:36px}.table-detail-row button:hover{background:#ffebe8}.project-top{height:80px;box-shadow:0 3px 18px #173b340d}.project-top .primary{border-radius:11px;min-height:44px;padding:0 18px}.project-hero{padding-top:66px}.project-hero h1{letter-spacing:-.025em;font-size:43px}.project-grid{gap:22px}.project-card{box-shadow:var(--shadow-sm);border-color:#e0e7e3;border-radius:18px;transition:transform .18s,box-shadow .18s,border-color .18s}.project-card:hover{box-shadow:var(--shadow-md);border-color:#cbdad2;transform:translateY(-3px)}.project-card-head{padding:22px}.project-card-head button{border-radius:10px;width:38px;height:38px}.project-card-head button:hover{background:#f0f5f2}.manual-row>.manual-open-button{min-height:62px;padding:13px 22px}.manual-row>.manual-open-button>span{border-radius:10px;width:34px;height:34px;font-size:16px}.manual-row .danger-link{border-radius:10px;min-width:44px;min-height:44px}.project-card footer{padding:15px 22px}.project-card footer button{border-radius:9px;min-height:38px;padding:0 9px}.project-card footer button:hover{background:var(--green-2)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{border-radius:20px;padding:32px;box-shadow:0 30px 90px #0c1d1640}.modal-close{border-radius:10px;width:40px;height:40px}.modal-close:hover{background:#f0f4f2}.modal-card input,.modal-card textarea{border-radius:11px;padding:12px}.modal-actions button{border-radius:10px;min-height:43px}.toast{background:#143d31;border-radius:12px;padding:12px 18px;animation:.22s ease-out toast-in;top:92px;box-shadow:0 12px 30px #071c1530}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.preview-top{height:74px;box-shadow:0 3px 16px #173b340d}.manual-paper{border-radius:4px;box-shadow:0 18px 55px #19251e1c}.kind-chip{padding:5px 8px;font-weight:800}.preview-step aside{border:1px solid #e0e9e4;border-radius:10px}.data-table-section table{border-radius:10px;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:1050px){.workspace{grid-template-columns:240px 1fr;height:calc(100vh - 76px)}.properties-panel{width:340px;top:76px}.canvas-panel{padding-right:340px}.topbar{grid-template-columns:auto minmax(0,1fr) auto}}@media (max-width:760px){.topbar{grid-template-columns:1fr auto;height:auto;min-height:68px;padding:10px 12px}.workspace{height:auto}.top-actions{gap:6px}.top-actions button,.top-actions select{height:40px;min-height:40px;padding:0 10px}.properties-panel{width:100%}.canvas-toolbar{position:sticky;top:0}.upload-row{flex-direction:column;align-items:flex-start;gap:10px}.property-content{padding:18px}.project-hero h1{font-size:33.5px}.project-grid{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.project-top{padding:0 16px}.project-top .brand span{display:none}.preview-top{grid-template-columns:auto 1fr;padding:0 12px}.preview-top>div:not(.preview-actions){display:none}.preview-actions{gap:5px}.preview-actions button{padding:0 9px}.manual-paper{width:calc(100% - 20px);margin:18px auto}}@media print{.manual-paper{border-radius:0}.data-table-section table{box-shadow:none}}@media (min-width:1060px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.workspace{grid-template-columns:var(--lw,220px) var(--rw,420px) minmax(360px,1fr)}.outline-panel{grid-area:1/1}.properties-panel{width:auto;box-shadow:none;border-left:0;border-right:1px solid var(--line);grid-area:1/2;position:static}.canvas-panel{grid-area:1/3;min-width:0;padding-right:0}.is-fullscreen .workspace{grid-template-columns:1fr}.is-fullscreen .canvas-panel{grid-column:1}}.outline-panel{z-index:2;box-shadow:3px 0 14px #173b3407}.properties-panel{z-index:1;background:#fff}.property-tabs{background:#fbfcfb;justify-content:flex-start}.property-tabs button{padding:0 10px}.property-content{padding:20px 24px}.property-content label{font-size:11.5px}.property-content input,.property-content textarea,.property-content select{min-height:42px;font-size:13px}.property-content textarea{min-height:76px}.property-content details{border-color:#dbe5df;margin:10px 0}.property-content summary{min-height:44px}.property-footer{z-index:2;position:sticky;bottom:0;box-shadow:0 -5px 16px #173b3409}.canvas-toolbar{padding:0 20px}.canvas-stage{padding:24px clamp(18px,2vw,34px) 30px}.canvas-stage .step-context,.canvas-stage .image-frame,.canvas-stage .upload-row{max-width:none}.canvas-stage .image-frame{width:100%!important}.canvas-stage .image-frame>img{object-fit:contain;background:#fff;max-height:calc(100vh - 245px)}.canvas-stage .empty-image-state{min-height:calc(100vh - 260px)}.step-context{padding:0 3px}.step-context b{font-size:15.5px}.upload-row{margin-top:14px}.upload-row button{min-height:44px;font-size:11.5px}.table-detail-editor{padding:14px}.table-detail-heading b{font-size:13px}.table-detail-heading span{font-size:11px}.table-detail-heading button{min-width:82px}.table-detail-head,.table-detail-row{grid-template-columns:22px 42px minmax(85px,.8fr) minmax(130px,1.4fr) 30px}@media (min-width:1060px) and (max-width:1350px){.workspace{grid-template-columns:var(--lw,210px) var(--rw,420px) minmax(360px,1fr)}.property-content{padding:18px}.canvas-toolbar button{padding:7px}.canvas-toolbar button span{display:none}}.annotation-box{box-shadow:none;border:0;border-radius:5px}.annotation-card{background:#fff;border:1px solid #dce5e0;border-radius:12px;margin-top:9px;transition:border-color .16s,box-shadow .16s;overflow:hidden}.annotation-card-head{grid-template-columns:1fr 38px;align-items:stretch;display:grid}.annotation-list .annotation-select{text-align:left;background:#fff;border:0;border-radius:0;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:52px;margin:0;padding:10px 12px;display:flex}.annotation-select span{color:var(--ink);font-weight:800}.annotation-select small{color:var(--muted);font-size:10px}.annotation-list .annotation-delete{width:38px;color:var(--danger);background:#fff;border:0;border-left:1px solid #edf1ef;border-radius:0;margin:0;font-size:20.5px}.annotation-list .annotation-delete:hover{background:#fff0ee}.annotation-controls{background:#f7faf8;border-top:1px solid #e8eeea;gap:11px;padding:13px;display:grid}.annotation-controls label{grid-template-columns:1fr auto;align-items:center;gap:7px;margin:0;font-size:11px;display:grid}.annotation-controls label>b{color:var(--green);font-size:10px}.annotation-controls input[type=range]{width:100%;min-height:auto;accent-color:var(--green);box-shadow:none;border:0;grid-column:1/-1;padding:0}.annotation-controls input[type=color]{cursor:pointer;border-radius:8px;width:42px;height:32px;min-height:32px;padding:3px}.annotation-controls input[type=number]{width:92px;min-height:36px;padding:7px 9px}.preview-annotated .annotation-box{box-shadow:none;border:0}.preview-step .step-description{color:#26332c;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 14px;font-size:11.5px;line-height:1.7}@media print{.preview-step .step-description{color:#000;font-size:9pt}}.preview-page{background:#dfe4e1;padding-bottom:72px}.preview-top{height:72px}.manual-paper{box-sizing:border-box;background:#fff;border-radius:2px;width:210mm;max-width:calc(100vw - 32px);min-height:297mm;margin:32px auto;padding:14mm 14mm 20mm;box-shadow:0 18px 55px #17251e2b}.manual-cover{min-height:249mm;padding:28mm 0 20mm}.preview-top>div b{font-size:14px}.preview-top>div span{margin-top:2px;font-size:11px}@media (max-width:840px){.manual-paper{width:calc(100vw - 20px);min-height:calc(141.4vw - 28.28px);margin:14px auto;padding:24px 20px}.manual-cover{min-height:calc(115vw - 69px);padding:50px 0 60px}}@media print{.manual-paper{width:auto;max-width:none;min-height:0;box-shadow:none;border-radius:0;margin:0;padding:0}.manual-cover{height:250mm;min-height:0;padding-top:28mm}}.a4-document{flex-direction:column;align-items:center;gap:24px;padding:30px 16px;display:flex}.a4-sheet{box-sizing:border-box;color:#111;background:#fff;width:210mm;min-height:297mm;padding:6mm 14mm 20mm;position:relative;box-shadow:0 2px 8px #0003}.a4-page-header{color:#21332a;border-bottom:1px solid #57605b;align-items:flex-start;height:18mm;padding:0 0 4mm;font-size:10px;display:flex}.a4-page-header img{object-fit:contain;object-position:left top;max-width:28mm;max-height:12mm;display:block}.a4-page-header b{align-self:center}.a4-page-body{padding:6mm 7mm 0}.a4-step-title{margin-bottom:4mm;display:block}.a4-step-title>b{letter-spacing:.04em;font-size:19.5px}.a4-step-title h2{color:#14231c;border:0;margin:0;padding:0;font-size:19.5px;font-weight:700}.a4-sheet .preview-annotated{box-sizing:border-box;break-inside:avoid;border:1pt solid #000;margin:3mm 0}.a4-sheet .preview-annotated>img{object-fit:contain;border:0;width:100%;max-height:150mm;margin:0;display:block}.a4-sheet aside{white-space:pre-wrap;border-radius:3mm;flex-direction:column;gap:2px;margin:3mm 0;padding:3mm;font-size:10px;display:flex}.a4-sheet .warning{color:#4a2a12;background:#fff3e7;border:1px solid #f2dbc4}.a4-sheet .warning b{color:#b65315}.a4-sheet .data-table-section{margin:4mm 0}.a4-sheet .data-table-section>b{font-size:11px}.a4-sheet .data-table-section table{margin-top:2mm;font-size:8.5px}.a4-sheet .note{color:#5d6761;white-space:pre-wrap;margin:3mm 0 0;font-size:8.5px;font-style:italic}.a4-page-footer{color:#6a756e;border-top:1px solid #d9e0dc;justify-content:space-between;align-items:center;gap:3mm;height:8mm;padding-top:2mm;font-size:7.5px;display:flex;position:absolute;bottom:6mm;left:14mm;right:14mm}@page{size:A4 portrait;margin:0}.a4-sheet{font-family:"TH Sarabun New","Angsana New",var(--font-noto-thai),"Noto Sans Thai",sans-serif}.a4-step-title h2{font-family:"TH Sarabun New","Angsana New",var(--font-noto-thai),"Noto Sans Thai",sans-serif;font-size:18pt;font-weight:700;line-height:1.2}.a4-sheet .step-description{font-family:"TH Sarabun New","Angsana New",var(--font-noto-thai),"Noto Sans Thai",sans-serif;font-size:16pt;font-weight:400;line-height:1.25}.a4-step-title>b{font-size:18pt;font-weight:700;line-height:1.2}.a4-sheet .data-table-section>b{font-size:16pt;font-style:normal;font-weight:400;line-height:1.25}@media print{.a4-step-title>b{font-size:18pt;font-weight:700}.a4-sheet .data-table-section>b{font-size:16pt;font-weight:400}.a4-sheet .warning,.a4-sheet .warning b{font-size:16pt;font-weight:700}.a4-sheet .note{font-size:16pt;font-style:italic;font-weight:400}.a4-sheet .a4-page-footer,.a4-sheet .a4-page-footer *{font-size:12pt;font-style:normal;font-weight:400}}@font-face{font-family:TH Sarabun New;src:url(/fonts/THSarabunNew.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TH Sarabun New;src:url(/fonts/THSarabunNew-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TH Sarabun New;src:url(/fonts/THSarabunNew-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}.a4-sheet,.a4-sheet *{font-family:TH Sarabun New,serif}.a4-step-title>b,.a4-step-title h2{font-size:18pt;font-weight:700;line-height:1.15}.a4-sheet .data-table-section>b,.a4-sheet .data-table-section table,.a4-sheet .data-table-section th,.a4-sheet .data-table-section td{font-size:14pt;font-style:normal;font-weight:400;line-height:1.1}.a4-sheet .warning,.a4-sheet .warning b{font-size:14pt;font-style:normal;font-weight:700;line-height:1.15}.a4-sheet .note{font-size:14pt;font-style:italic;font-weight:400;line-height:1.15}.a4-sheet .a4-page-footer,.a4-sheet .a4-page-footer *{font-size:12pt;font-style:normal;font-weight:400;line-height:1}.a4-sheet .warning,.a4-sheet .warning b{font-size:10pt;font-weight:700}.a4-sheet .note{font-size:10pt;font-style:italic;font-weight:400}.a4-sheet .data-table-section>b{font-size:14pt;font-weight:700}.a4-sheet .data-table-section table,.a4-sheet .data-table-section th,.a4-sheet .data-table-section td{font-size:14pt;font-weight:400}@media print{.a4-sheet .warning,.a4-sheet .warning b{font-size:10pt;font-weight:700}.a4-sheet .note{font-size:10pt;font-style:italic;font-weight:400}.a4-sheet .data-table-section>b{font-size:14pt;font-weight:700}.a4-sheet .data-table-section table,.a4-sheet .data-table-section th,.a4-sheet .data-table-section td{font-size:14pt;font-weight:400}}.a4-sheet .step-description{color:#111;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 3mm 13mm;font-size:11px;line-height:1.65}@media (max-width:840px){.a4-document{gap:14px;padding:14px 10px}.a4-sheet{width:100%;min-height:calc(141.4vw - 28.28px);padding:20px 16px 48px}.a4-page-header{height:28px}.a4-page-body{padding:18px 8px 0}.a4-step-title{grid-template-columns:36px 1fr}.a4-sheet .step-description{margin-left:42px}.a4-page-footer{bottom:12px;left:16px;right:16px}}@media print{html,body{width:auto}.preview-page{background:#fff;padding:0}.a4-document{padding:0;display:block}.a4-sheet{width:210mm;min-height:297mm;box-shadow:none;break-after:page;page-break-after:always;margin:0;padding:6mm 14mm 20mm}.a4-sheet:last-child{break-after:auto;page-break-after:auto}.a4-page-header{height:18mm}.a4-page-body{padding:6mm 7mm 0}.a4-step-title{grid-template-columns:11mm 1fr}.a4-sheet .step-description{margin-left:13mm}.a4-page-footer{bottom:6mm;left:14mm;right:14mm}.a4-sheet .preview-annotated>img{max-height:150mm}.a4-step-title h2{font-size:18pt;font-weight:700}.a4-sheet .step-description{font-size:16pt;font-weight:400}}.a4-sheet .step-description{font-size:16pt;font-style:normal;font-weight:400;line-height:1.2}@media print{.a4-step-title>b,.a4-step-title h2{font-size:18pt}.a4-sheet .step-description{font-size:16pt}.a4-sheet .data-table-section>b,.a4-sheet .data-table-section table,.a4-sheet .data-table-section th,.a4-sheet .data-table-section td,.a4-sheet .warning,.a4-sheet .warning b,.a4-sheet .note{font-size:14pt}.a4-sheet .a4-page-footer,.a4-sheet .a4-page-footer *{font-size:12pt}}.a4-sheet .a4-chapter-title{color:#14231c;margin:0 0 3mm;font-family:TH Sarabun New,serif;font-size:20pt;font-style:normal;font-weight:700;line-height:1.15}@media print{.a4-sheet .a4-chapter-title{font-size:20pt;font-weight:700}}.fixed-pages{gap:8px;margin:0 9px 10px;display:grid}.fixed-pages>*{color:#173b31;text-align:left;background:#eef6f2;border:1px solid #dfe8e3;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:center;column-gap:9px;padding:11px 12px;display:grid}.fixed-pages>button{width:100%;font:inherit;cursor:pointer}.fixed-pages>button:hover,.fixed-pages>button.active{color:#17418e;background:#dcecff;border-color:#9ebfe3}.fixed-pages span{width:28px;height:28px;color:var(--green);background:#fff;border-radius:8px;grid-row:1/3;place-items:center;font-size:15.5px;display:grid}.fixed-pages b{font-size:13px}.fixed-pages small{color:#718078;font-size:10px}.a4-cover-page{justify-content:center;align-items:center;padding:22mm;display:flex}.a4-cover-content{text-align:center;color:#173b31;width:100%}.a4-cover-content>span{color:#0d7654;letter-spacing:.12em;border:1px solid #a8beb3;border-radius:999px;padding:2mm 5mm;font-size:13pt;font-weight:700;display:inline-block}.a4-cover-content h1{max-width:150mm;margin:18mm auto 4mm;font-size:32pt;font-weight:700;line-height:1.2}.a4-cover-content p{color:#607168;margin:0;font-size:18pt}.a4-cover-rule{background:#0d7654;border-radius:99px;width:32mm;height:1.5mm;margin:15mm auto 6mm}.a4-cover-content small{color:#69776f;font-size:14pt}.a4-sheet.a4-contents-page{height:297mm;min-height:297mm;overflow:hidden}.a4-contents-page .a4-page-body{padding:18mm 7mm 0}.a4-contents-page.is-continued .a4-page-body{padding-top:14mm}.a4-contents-page h1{text-align:center;color:#000;margin:0 0 10mm;font-size:26pt;font-weight:700;line-height:1.15}.a4-contents-table-head{border-top:1pt solid #000;grid-template-columns:minmax(0,1fr) 16mm;align-items:center;padding:2.5mm 0 2mm;font-size:18pt;font-weight:700;line-height:1.1;display:grid}.a4-contents-table-head b:last-child{text-align:right}.a4-contents-list{flex-direction:column;gap:1.5mm;display:flex}.a4-contents-chapter{color:#000;align-items:baseline;gap:3mm;margin-top:1.5mm;font-size:18pt;font-weight:700;line-height:1.15;display:flex}.a4-contents-chapter span{min-width:0}.a4-contents-chapter i{border-bottom:1px dotted #777;flex:1;min-width:8mm}.a4-contents-chapter em{text-align:right;color:#000;min-width:6mm;font-style:normal;font-weight:400}.a4-contents-step{align-items:baseline;gap:3mm;margin-left:10mm;font-size:16pt;font-style:normal;line-height:1.15;display:flex}.a4-contents-step span{min-width:0}.a4-contents-step i{border-bottom:1px dotted #777;flex:1;min-width:8mm}.a4-contents-step em{text-align:right;color:#000;min-width:6mm;font-style:normal}@media (max-width:840px){.a4-sheet.a4-contents-page{height:calc(141.4vw - 28.28px);min-height:calc(141.4vw - 28.28px)}}@media print{.a4-sheet.a4-contents-page{break-inside:avoid;page-break-inside:avoid;height:297mm;min-height:297mm;overflow:hidden}}@media screen{.preview-page{background:radial-gradient(circle at 50% 0,#f4f7f5 0,#e7ece9 38%,#dce3df 100%);padding-bottom:88px}.preview-top{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border-bottom:1px solid #d5ded9;height:76px;padding:0 24px;box-shadow:0 8px 28px #173b3412}.preview-top>button{color:#225e4a;background:#f7faf8;border-color:#d5e0da;justify-self:start}.preview-top>div:not(.preview-actions){color:#173b31;background:#f8faf9;border:1px solid #e0e7e3;border-radius:12px;gap:2px;padding:7px 18px}.preview-top>div b{font-size:15.5px}.preview-top>div span{color:#6b7972;font-size:11px}.preview-actions{background:#f8faf9;border:1px solid #e0e7e3;border-radius:13px;align-items:center;padding:5px;box-shadow:0 3px 10px #173b3408}.preview-actions button{color:#3f4e47;background:0 0;border-color:#0000;height:36px;min-height:36px;padding:0 13px}.preview-actions button:hover{box-shadow:0 2px 7px #173b3410;background:#fff!important;border-color:#c9d8d0!important}.preview-actions .primary{box-shadow:0 5px 12px #0d76542b}.a4-document{gap:32px;padding:38px 24px}.a4-sheet{border:1px solid #cbd3cf;border-radius:3px;box-shadow:0 18px 55px #1b2b2330,0 2px 8px #1b2b2318}}@media screen and (max-width:760px){.preview-top{height:auto;min-height:68px;padding:8px 10px}.preview-actions{justify-content:flex-start;max-width:100%;overflow-x:auto}.preview-actions button{white-space:nowrap}.a4-document{gap:18px;padding:18px 10px}}@media screen{.preview-viewer{grid-template-columns:292px minmax(0,1fr);align-items:start;display:grid}.preview-sidebar{z-index:2;background:#f7f9fc;border-right:1px solid #d3dbe1;height:calc(100vh - 76px);padding:22px 14px 30px;position:sticky;top:76px;overflow:auto;box-shadow:3px 0 14px #1c304008}.preview-sidebar-heading{border-bottom:1px solid #e0e6ea;flex-direction:column;gap:4px;padding:0 12px 14px;display:flex}.preview-sidebar-heading span{letter-spacing:.09em;text-transform:uppercase;color:#77858f;font-size:11px;font-weight:800}.preview-sidebar-heading b{color:#263843;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.preview-sidebar nav{flex-direction:column;gap:3px;padding-top:10px;display:flex}.preview-sidebar a{color:#465660;border-radius:9px;grid-template-columns:34px minmax(0,1fr);align-items:center;min-height:38px;padding:7px 10px;text-decoration:none;display:grid}.preview-sidebar a:hover{color:#125cca;background:#e9f0ff}.preview-sidebar a>span{color:#687985;font-size:11.5px}.preview-sidebar a>b{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.preview-sidebar nav>a:nth-child(-n+2){color:#174f9f;background:#edf3ff}.preview-sidebar nav>a:nth-child(-n+2):hover{background:#dfeaff}.preview-sidebar nav>a:nth-child(-n+2)>span{color:#175cb8;font-size:15.5px}.preview-sidebar nav>a:nth-child(-n+2)>b{font-weight:700}.preview-nav-chapter{border-top:1px solid #e2e7eb;margin-top:9px;padding-top:9px}.preview-nav-chapter>strong{color:#263843;white-space:nowrap;text-overflow:ellipsis;padding:4px 10px 5px;font-size:11.5px;display:block;overflow:hidden}.preview-nav-chapter a{grid-template-columns:42px minmax(0,1fr);min-height:34px;margin-left:0;padding-top:5px;padding-bottom:5px}.preview-nav-chapter a.preview-nav-level-2{margin-left:10px}.preview-nav-chapter a.preview-nav-level-3{margin-left:28px}.preview-canvas{min-width:0}.preview-canvas .a4-document{padding-left:32px;padding-right:32px}.a4-sheet{scroll-margin-top:96px}}@media screen and (max-width:900px){.preview-viewer{grid-template-columns:220px minmax(0,1fr)}.preview-sidebar{padding-left:8px;padding-right:8px}.preview-canvas .a4-document{padding-left:16px;padding-right:16px}}@media screen and (max-width:760px){.preview-viewer{display:block}.preview-sidebar{display:none}.preview-canvas .a4-document{padding-left:10px;padding-right:10px}}@media print{.preview-viewer{display:block}.preview-sidebar{display:none!important}.preview-canvas{display:block}}@media screen{.preview-top{grid-template-columns:52px minmax(140px,1fr) auto;gap:14px;height:64px;padding:0 18px}.preview-top>div:not(.preview-actions){border-radius:10px;justify-self:center;min-width:150px;padding:5px 16px}.preview-top>div:not(.preview-actions) b{font-size:13px}.preview-top>div:not(.preview-actions) span{font-size:10px}.preview-top .preview-back-button,.preview-top .preview-icon-button{border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;min-height:38px;padding:0;display:inline-flex}.preview-top .preview-back-button span{color:#225e4a;font-size:22.5px;line-height:1}.preview-top .preview-icon-button>span{color:inherit;font-size:18.5px;line-height:1}.preview-actions{white-space:nowrap;justify-self:end;gap:4px;padding:4px;flex-direction:row!important}.preview-actions .preview-icon-button small{margin-left:3px;font-size:8.5px;font-weight:800;line-height:1}.preview-actions .preview-icon-button.primary{flex-basis:48px;width:48px}.preview-actions .preview-icon-button.danger{color:#b54135}.preview-sidebar{height:calc(100vh - 64px);top:64px}}@media screen and (max-width:760px){.preview-top{grid-template-columns:42px 1fr auto;gap:7px;min-height:56px;padding:7px 9px}.preview-top>div:not(.preview-actions){min-width:0;padding:4px 8px;display:flex}.preview-top>div:not(.preview-actions) span{display:none}.preview-top>div:not(.preview-actions) b{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.preview-actions{overflow:visible}.preview-top .preview-back-button,.preview-top .preview-icon-button{flex-basis:36px;width:36px;height:36px;min-height:36px}.preview-actions .preview-icon-button.primary{flex-basis:44px;width:44px}}.a4-sheet .data-table-section>b{color:#000}.a4-sheet .data-table-section table{border-collapse:collapse;border:1pt solid #000;border-radius:0;overflow:visible}.a4-sheet .data-table-section th,.a4-sheet .data-table-section td{color:#000;border:1pt solid #000}.a4-sheet .data-table-section th{background:#f2f2f2;font-weight:700}.a4-sheet .data-table-section td{background:0 0}.a4-sheet{height:297mm;min-height:297mm;overflow:hidden}.a4-sheet .a4-page-body{padding-bottom:12mm;overflow:visible}.a4-sheet .step-description,.a4-sheet .warning,.a4-sheet .note,.a4-sheet .data-table-section td{overflow-wrap:anywhere;word-break:break-word}.a4-sheet .warning{break-inside:auto;display:block}.a4-sheet .warning b{margin-bottom:1mm;display:block}.a4-sheet .data-table-section{break-inside:auto}.a4-sheet .data-table-section thead{display:table-header-group}.a4-sheet .data-table-section tr{break-inside:avoid;page-break-inside:avoid}.additional-details-section{color:#000;margin:14px 0}.additional-details-list{flex-direction:column;gap:6px;display:flex}.additional-detail-item{color:#000;break-inside:avoid;page-break-inside:avoid;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:10px;font-size:16pt;font-weight:400;line-height:1.25;display:grid}.additional-detail-item strong{font:inherit;white-space:nowrap}.additional-detail-item span{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.a4-contents-chapter{break-after:avoid;page-break-after:avoid}.a4-contents-step{break-inside:avoid;page-break-inside:avoid}.a4-cover-page{break-inside:avoid;page-break-inside:avoid;height:297mm;min-height:297mm;overflow:hidden}@media print{.a4-sheet{break-inside:avoid;page-break-inside:avoid;-webkit-box-decoration-break:clone;box-decoration-break:clone;height:297mm;min-height:297mm;overflow:hidden}.a4-cover-page{break-inside:avoid;page-break-inside:avoid;height:297mm;min-height:297mm}.a4-sheet .a4-page-body{padding-bottom:14mm}.a4-sheet .data-table-section table{page-break-inside:auto}.a4-sheet .data-table-section thead{display:table-header-group}.a4-sheet .data-table-section tfoot{display:table-footer-group}.a4-step-title,.a4-chapter-title,.a4-sheet .data-table-section>b{break-after:avoid;page-break-after:avoid}.additional-details-section,.additional-details-section *{color:#000}.additional-detail-item{font-size:16pt}}.a4-sheet:not(.a4-cover-page):not(.a4-contents-page) .a4-page-body{color:#000;text-align:left;font-family:TH Sarabun New,serif;font-size:16pt;font-weight:400;line-height:1.15}.a4-sheet .a4-chapter-title,.a4-sheet .a4-step-title h2,.a4-sheet .step-description,.a4-sheet .warning,.a4-sheet .warning b,.a4-sheet .note,.a4-sheet .data-table-section>b,.a4-sheet .data-table-section table,.a4-sheet .data-table-section th,.a4-sheet .data-table-section td,.additional-detail-item{text-align:left;line-height:1.15}.a4-sheet .a4-chapter-title{margin:0 0 3mm;font-weight:700}.a4-outline-block{min-width:0;margin-left:0}.a4-report-segment{min-width:0;scroll-margin-top:96px}.a4-report-segment+.a4-report-segment{margin-top:4mm}.a4-outline-block.outline-level-2{margin-left:10mm}.a4-outline-block.outline-level-3{margin-left:20mm}.a4-outline-block .a4-step-title{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0 0 2mm}.a4-outline-block .a4-step-title h2{box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;width:100%;min-width:0;max-width:100%;font-weight:700}.a4-outline-block .step-description{box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;width:100%;min-width:0;max-width:100%;margin:0 0 3mm;display:block}.a4-outline-block .preview-annotated,.a4-outline-block .warning,.a4-outline-block .data-table-section,.a4-outline-block .note{margin-left:0;margin-right:0}.a4-outline-block.outline-level-3 .additional-details-section{margin-left:10mm}.additional-details-section{margin-top:3mm;margin-bottom:3mm}.additional-details-list{gap:2mm}.additional-detail-item{grid-template-columns:max-content minmax(0,1fr);gap:3mm;font-weight:400}.a4-sheet .data-table-section table{line-height:1.15}.a4-sheet .data-table-section th,.a4-sheet .data-table-section td{padding:2mm 2.5mm}.a4-sheet .data-table-section th:first-child,.a4-sheet .data-table-section td:first-child{text-align:center}@media print{.a4-sheet:not(.a4-cover-page):not(.a4-contents-page) .a4-page-body,.a4-sheet .a4-chapter-title,.a4-sheet .a4-step-title h2,.a4-sheet .step-description,.a4-sheet .warning,.a4-sheet .warning b,.a4-sheet .note,.a4-sheet .data-table-section>b,.a4-sheet .data-table-section table,.a4-sheet .data-table-section th,.a4-sheet .data-table-section td,.additional-detail-item{text-align:left;line-height:1.15}.a4-outline-block .step-description{overflow-wrap:anywhere;word-break:break-all;width:100%;min-width:0;max-width:100%}}.a4-cover-page,.a4-cover-page *,.a4-contents-page,.a4-contents-page *{color:#000!important}.a4-revision-history-page{color:#000}.a4-revision-history-page .a4-page-body{padding-top:25mm}.a4-revision-history-page h1{text-align:center;margin:0 0 14mm;font-size:26pt;font-weight:700;line-height:1.15}.a4-revision-history-page table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14pt}.a4-revision-history-page th,.a4-revision-history-page td{vertical-align:top;overflow-wrap:anywhere;border:1pt solid #000;padding:2.5mm 1.5mm}.a4-revision-history-page th{text-align:center;background:#f2f2f2;font-weight:700}.a4-revision-history-page th:first-child{width:8%}.a4-revision-history-page th:nth-child(2){width:12%}.a4-revision-history-page th:nth-child(3){width:36%}.a4-revision-history-page th:nth-child(4),.a4-revision-history-page th:nth-child(5){width:22%}.a4-revision-history-page td:first-child,.a4-revision-history-page td:nth-child(2),.a4-revision-history-page td:nth-child(4),.a4-revision-history-page td:nth-child(5){text-align:center}.a4-revision-history-page .revision-description-cell{white-space:pre-wrap;word-break:break-word}.a4-revision-history-page td:nth-child(4) span:last-child,.a4-revision-history-page td:nth-child(5) span:last-child{margin-top:1.5mm;display:inline-block}.a4-revision-history-page .empty-history{text-align:center;color:#738096;height:20mm}.top-actions .editor-preview-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.top-actions .editor-preview-button span{color:var(--green);font-size:17px;line-height:1}@media screen{.preview-actions .preview-icon-button.active{color:var(--green);background:#e4eee9;border-color:#b8cec2}.a4-document.two-page-preview{grid-template-columns:repeat(2,max-content);justify-content:center;align-items:start;gap:18px;padding-top:28px;display:grid}.a4-document.two-page-preview .a4-sheet{zoom:.68}}@media screen and (max-width:1200px){.a4-document.two-page-preview{grid-template-columns:max-content}.a4-document.two-page-preview .a4-sheet{zoom:.82}}@media screen and (max-width:760px){.a4-document.two-page-preview .a4-sheet{zoom:1}}@media print{.a4-document.two-page-preview{display:block}.a4-document.two-page-preview .a4-sheet{zoom:1}}.studio-shell,.topbar,.workspace,.outline-panel,.properties-panel,.canvas-panel,.topbar>*{min-width:0}.document-title,.document-title>div{min-width:0;max-width:100%}.document-title input{text-overflow:ellipsis;width:min(360px,100%);min-width:0;max-width:100%}.top-actions{white-space:nowrap;min-width:0}.version-history{position:relative}.version-history-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.version-history-button span{font-size:19.5px;line-height:1}.version-history-menu{z-index:30;text-align:left;white-space:normal;background:#fff;border:1px solid #cbdaf0;border-radius:14px;width:310px;max-height:min(460px,70vh);position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 18px 50px #163b7626}.version-history-heading{border-bottom:1px solid #e4ecf7;flex-direction:column;gap:2px;padding:15px 16px 12px;display:flex}.version-history-heading b{color:#13233c;font-size:15.5px}.version-history-heading small{color:#718198;font-size:11.5px}.version-history-list{max-height:360px;padding:6px;overflow-y:auto}.top-actions .version-history-list button{text-align:left;background:#fff;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;height:auto;min-height:58px;padding:10px;display:flex}.top-actions .version-history-list button:hover{background:#edf5ff}.version-history-list button span{flex-direction:column;gap:3px;display:flex}.version-history-list button b{color:#183760;font-size:13px}.version-history-list button small{color:#728197;font-size:11px}.version-history-list button em{color:var(--green);font-size:11.5px;font-style:normal;font-weight:800}.version-history-empty{text-align:center;color:#667891;padding:24px 16px;font-size:13px}.version-history-empty small{color:#8997aa;font-size:11px}.workspace{overflow:hidden}.chapters,.property-content,.canvas-stage{overscroll-behavior:contain;scrollbar-gutter:stable}.property-content{padding-right:24px;overflow-x:hidden}.properties-panel{overflow:hidden}.property-content{scrollbar-width:thin;min-height:0;overflow-y:auto}.property-tabs{flex:0 0 52px;min-height:0}.property-footer{flex:none}@media screen and (min-width:761px){.properties-panel{min-height:0;max-height:100%}.properties-panel .property-content{min-height:0;overflow-y:auto}}@media screen and (min-width:761px) and (max-width:1059px){.properties-panel{max-height:calc(100vh - 76px)}}.property-content input,.property-content textarea,.property-content select,.property-content details,.table-detail-editor{min-width:0;max-width:100%}.property-footer{flex:none;gap:10px}.property-footer button{white-space:nowrap;min-width:0}.canvas-toolbar{flex:none;gap:8px;min-width:0}.canvas-toolbar>div{flex-wrap:wrap;min-width:0}.upload-row{min-width:0}@media screen and (min-width:1360px){.workspace{grid-template-columns:var(--lw,clamp(220px,13vw,270px)) var(--rw,420px) minmax(360px,1fr)}}@media screen and (min-width:1060px) and (max-width:1359px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding-left:14px;padding-right:14px}.workspace{grid-template-columns:var(--lw,210px) var(--rw,420px) minmax(360px,1fr)}.top-actions{gap:5px}.top-actions button,.top-actions select{padding-left:10px;padding-right:10px}.autosave{display:none}.property-content{padding-left:17px;padding-right:22px}.canvas-stage{padding-left:16px;padding-right:16px}}@media screen and (min-width:761px) and (max-width:1059px){.topbar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"back actions""title title";gap:7px 12px;height:auto;min-height:76px;padding:9px 14px}.topbar-left{grid-area:back}.topbar-left .document-title{display:flex}.top-actions{grid-area:actions;justify-self:end;gap:6px}.top-actions button,.top-actions select{height:38px;min-height:38px;padding-left:9px;padding-right:9px}.autosave{display:none}.workspace{grid-template:"outline canvas"minmax(520px,65vh)"outline properties"/220px minmax(0,1fr);height:auto;min-height:calc(100vh - 92px);overflow:visible}.outline-panel{grid-area:outline;min-height:calc(100vh - 92px);max-height:100vh;position:sticky;top:0}.canvas-panel{grid-area:canvas;min-height:520px;padding-right:0}.properties-panel{border-top:1px solid var(--line);width:auto;min-height:520px;max-height:none;box-shadow:none;border-left:0;grid-area:properties;position:static}.canvas-stage{padding:18px}.canvas-stage .empty-image-state{min-height:390px}.property-content{max-height:none}}@media screen and (max-width:760px){.studio-shell{overflow:visible}.topbar{grid-template-columns:1fr;grid-template-areas:"back""actions";gap:8px;padding:10px 12px}.back-projects{grid-area:back}.document-title{display:none}.top-actions{scrollbar-width:thin;grid-area:actions;justify-content:flex-end;width:100%;padding-bottom:2px;overflow-x:auto}.top-actions button,.top-actions select{flex:none}.workspace{flex-direction:column;height:auto;min-height:calc(100vh - 118px);display:flex;overflow:visible}.canvas-panel{order:1;min-height:480px}.properties-panel{border-left:0;border-top:1px solid var(--line);width:100%;min-height:520px;box-shadow:none;order:2;position:static}.property-tabs{scrollbar-width:thin;flex:0 0 52px;overflow-x:auto}.property-content{padding:16px 20px 18px 16px;overflow:visible}.property-footer{z-index:5;padding:10px 12px;position:sticky;bottom:0}.canvas-toolbar{align-items:flex-start;height:auto;min-height:52px;padding:7px 10px}.canvas-toolbar>div:last-child{justify-content:flex-end}.canvas-stage{padding:14px 10px 20px;overflow:visible}.canvas-stage .empty-image-state{min-height:300px}.step-context{align-items:flex-start;gap:8px}.upload-row{align-items:stretch;width:100%}.upload-row button{width:100%}.table-detail-head,.table-detail-row{grid-template-columns:18px 34px minmax(72px,.8fr) minmax(100px,1.4fr) 26px}}.canvas-stage{position:relative}.canvas-stage .upload-row button{z-index:2;margin:0;position:absolute;top:21px;left:clamp(120px,2vw + 105px,150px)}.canvas-stage .upload-row span{margin-left:auto}@media screen and (min-width:1060px) and (max-width:1359px){.canvas-stage .upload-row button{top:17px;left:132px}}.annotation-number{box-shadow:none}body{background:#f3f7fc}.brand-mark{background:#245fc0;box-shadow:inset -6px -6px #17418e}.topbar{border-bottom-color:#d8e3f0;box-shadow:0 3px 18px #17418e0d}.status-dot{background:#43a5e5}.autosave{color:#53677f;background:#edf4fb}.primary{background:#245fc0!important;border-color:#245fc0!important}.primary:hover{background:#17418e!important;border-color:#17418e!important}.progress-card{background:linear-gradient(135deg,#f3f8fe,#e7f1fc);border-color:#d8e7f6}.progress{background:#d8e6f5}.progress i{background:linear-gradient(90deg,#43a5e5,#245fc0)}.chapter:hover,.steps-list button:hover:not(.selected){background:#edf4fb}.chapter.active,.fixed-pages>div{color:#17418e;background:#e7f1fc}.steps-list button.selected{background:linear-gradient(135deg,#3280d4,#245fc0);box-shadow:0 7px 18px #17418e29}.steps-list em,.manual-row>.manual-open-button>span,.empty-state>div{color:#245fc0;background:#e7f1fc}.canvas-panel{background:radial-gradient(circle at 50% 10%,#f8fbff 0,#edf4fb 48%,#e3edf8 100%)}.canvas-toolbar{box-shadow:0 2px 10px #17418e0d}.canvas-toolbar button:hover{color:#245fc0;background:#edf4fb}.canvas-toolbar button.active{background:#e7f1fc;box-shadow:inset 0 0 0 1px #bed6f1}.canvas-toolbar .a4-preview-toolbar-button{color:#245fc0;border:1px solid #c5d7eb}.canvas-toolbar .a4-preview-toolbar-button:hover{background:#e7f1fc;border-color:#9ebfe3}.canvas-toolbar .a4-preview-toolbar-button.active{color:#fff;box-shadow:none;background:#245fc0}.canvas-stage{min-width:0;min-height:0}.editor-a4-preview{box-sizing:border-box;scrollbar-gutter:stable both-edges;overscroll-behavior:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;padding:14px 12px 24px;overflow:auto}.editor-a4-preview .a4-sheet{zoom:var(--editor-a4-scale,.72);flex:none;max-width:none}.editor-a4-empty{color:#52647a;background:#fff;border:1px dashed #b8cce3;border-radius:14px;flex-direction:column;align-items:center;gap:6px;margin:auto;padding:28px;display:flex}.editor-a4-empty span{color:#77879a;font-size:11.5px}.empty-image-state{background:linear-gradient(135deg,#fbfdff,#edf4fb)}.property-tabs,.property-content,.properties-panel{border-color:#d8e3f0}.property-content input:hover,.property-content textarea:hover,.property-content select:hover{border-color:#8db6e4}.property-content input:focus,.property-content textarea:focus,.property-content select:focus{border-color:#3280d4;box-shadow:0 0 0 3px #43a5e526}.hint{background:#edf4fb;border-left-color:#245fc0}.table-detail-editor{background:#f8fbff}.table-detail-row>b{background:#e7f1fc}.data-table-section th{background:#edf4fb}.annotation-list .annotation-select:hover{background:#f3f8fe}.project-card:hover{border-color:#aec9e6}.manual-row>.manual-open-button:hover{background:#f3f8fe}.preview-page,.preview-viewer{background:#e8eef6}.preview-sidebar{background:#f8fbff;border-color:#d8e3f0}.preview-top>button{color:#245fc0;background:#f8fbff;border-color:#cbdced}.preview-top>div:not(.preview-actions){color:#17418e;background:#f8fbff;border-color:#d8e3f0}.preview-top .preview-back-button span{color:#245fc0}.preview-actions .preview-icon-button.active{color:#245fc0;background:#e7f1fc;border-color:#b8d1ed}.toast{background:#17418e}.top-actions button:not(.primary),.preview-top button:not(.primary),.panel-heading button,.add-chapter,.upload-row button,.property-footer button:not(.primary),.step-actions button:not(.danger-link),.modal-actions button:not(.primary),.optional button,.project-card footer button,.project-card-head button,.modal-close{color:#17418e;background:#fff;border-color:#c5d7eb}.top-actions button:not(.primary):hover,.preview-top button:not(.primary):hover,.panel-heading button:hover,.add-chapter:hover,.upload-row button:hover,.property-footer button:not(.primary):hover,.step-actions button:not(.danger-link):hover,.modal-actions button:not(.primary):hover,.optional button:hover,.project-card footer button:hover,.project-card-head button:hover,.modal-close:hover{color:#245fc0;background:#e7f1fc;border-color:#3280d4}.primary{box-shadow:0 5px 14px #17418e2e;color:#fff!important}.primary:hover:not(:disabled){box-shadow:0 7px 18px #17418e3d;background:#17418e!important}button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none!important}.canvas-toolbar button{color:#53677f}.canvas-toolbar button:hover,.canvas-toolbar button.active{color:#245fc0}.property-tabs button{color:#53677f}.property-tabs button:hover,.property-tabs button.active{color:#245fc0}.table-detail-heading button{background:#245fc0;box-shadow:0 4px 12px #17418e2b}.table-detail-heading button:hover{background:#17418e}.preview-actions button{color:#53677f}.preview-actions button:hover{color:#245fc0;border-color:#9ebfe3!important}.danger-link,.annotation-delete,.table-detail-row>button,.preview-icon-button.danger{color:#b54135!important}.danger-link:hover,.annotation-delete:hover,.table-detail-row>button:hover,.preview-icon-button.danger:hover{color:#972d25!important;background:#fff0ee!important;border-color:#efb7b1!important}.trash-icon{vertical-align:middle;flex:0 0 17px;width:17px;height:17px;display:inline-block}.remove-image-button,.cover-logo-field .danger-link{justify-content:center;align-items:center;gap:6px;display:inline-flex}.danger-link:has(.trash-icon){justify-content:center;align-items:center;gap:6px;display:inline-flex}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#43a5e5}.studio-shell,.projects-page,.modal-card,.preview-top,.preview-sidebar{color:#15233a}.brand span,.document-title span,.panel-heading span,.progress-card>div:first-child,.chapter small,.steps-list small,.upload-row span,.table-detail-heading span,.table-detail-head,.table-detail-empty,.project-hero p,.project-card-head p,.manual-row small,.project-card footer,.empty-state p,.annotation-select small{color:#66758a}.back-projects,.panel-heading button,.add-chapter,.property-tabs button.active,.property-content summary:after,.hint b,.annotation-controls label>b,.project-hero>span,.project-card footer button,.modal-card>span{color:#245fc0}.steps-list button.selected small{color:#dcecff}.chapter>b,.steps-list button>span,.step-context span,.fixed-pages small{color:#66758a}.fixed-pages span{color:#245fc0}.property-tabs span{color:#245fc0;background:#e7f1fc}.empty-image-state{color:#53677f}.empty-image-state span{color:#71839a}.empty-image-state:before,.avatar{color:#245fc0;background:#e7f1fc}.studio-shell input,.studio-shell textarea,.studio-shell select,.modal-card input,.modal-card textarea{color:#15233a;border-color:#c5d7eb}.top-actions select,.panel-heading button,.progress-card,.fixed-pages>*,.outline-panel,.properties-panel,.canvas-toolbar,.property-tabs,.property-footer,.image-frame,.step-context span,.upload-row button,.table-detail-editor,.table-detail-row input,.table-detail-row textarea,.property-content details,.annotation-card,.annotation-controls,.project-top,.project-card,.manual-list,.manual-row,.modal-card,.modal-actions button{border-color:#d8e3f0}.outline-panel{box-shadow:3px 0 14px #17418e0a}.property-footer{box-shadow:0 -5px 16px #17418e0d}.image-frame{box-shadow:0 14px 40px #17418e17}.project-top,.topbar{box-shadow:0 3px 18px #17418e0d}.project-card{box-shadow:0 4px 18px #17418e0a}.annotation-controls{background:#f3f8fe}.annotation-card.active{border-color:#3280d4;box-shadow:0 0 0 3px #43a5e520}.annotation.is-selected{outline-color:#3280d4}.annotation .resize-handle{background:#3280d4}.preview-sidebar a{color:#53677f}.preview-sidebar a>span{color:#71839a}.preview-sidebar a:hover{color:#245fc0;background:#e7f1fc}.preview-sidebar nav>a:nth-child(-n+2){color:#17418e;background:#edf4fb}.preview-sidebar nav>a:nth-child(-n+2):hover{background:#dcecff}.preview-sidebar nav>a:nth-child(-n+2)>span{color:#245fc0}.preview-actions{background:#f8fbff;border-color:#d8e3f0;box-shadow:0 3px 10px #17418e0d}.preview-top{border-bottom-color:#d8e3f0;box-shadow:0 8px 28px #17418e12}.canvas-toolbar>div:first-child>button:nth-child(4){display:none}.top-actions button{font-size:14px}.table-detail-heading button{font-size:14px;line-height:1}.a4-page-footer,.a4-page-footer *,.pdf-footer,.pdf-footer *{color:#000!important}.a4-page-footer,.pdf-footer{border-top-color:#000!important}@media print{.a4-page-footer,.a4-page-footer *,.pdf-footer,.pdf-footer *{color:#000!important}.a4-page-footer,.pdf-footer{border-top-color:#000!important}}.outline-panel .progress-card{display:none}.table-detail-row>b{align-self:start;height:40px;min-height:40px;font-size:13px;font-weight:700;line-height:1}.table-detail-editor.substep-detail-editor .table-detail-head,.table-detail-editor.substep-detail-editor .table-detail-row{grid-template-columns:22px 68px minmax(0,1fr) 30px;column-gap:8px}.table-detail-editor.substep-detail-editor .table-detail-row input{width:100%;min-height:40px}.table-detail-editor.substep-detail-editor .table-detail-row>b{white-space:nowrap;padding:0 6px}.annotation-text{background:0 0;align-items:flex-start;min-width:0;min-height:0;display:flex}.annotation-text>span{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;font-weight:700;line-height:1.2;display:block}.annotation-text.is-text-editing{cursor:text;outline-style:solid}.annotation-inline-text-editor{width:100%;min-width:0;height:100%;min-height:100%;color:inherit;font:inherit;resize:none;white-space:pre-wrap;background:0 0;border:0;outline:0;padding:0;font-weight:700;line-height:1.2;display:block;overflow:hidden}.preview-annotated .annotation-text{background:0 0}.annotation-select span{font-size:13px;line-height:1.35}.annotation-select small{font-size:10px;line-height:1.3}.projects-page{background:#f3f7fc;height:100vh;overflow:hidden}.project-workspace-layout{grid-template-columns:320px minmax(0,1fr);height:calc(100vh - 80px);display:grid}.project-navbar{background:#fff;border-right:1px solid #d8e3f0;flex-direction:column;min-width:0;padding:22px 14px 14px;display:flex}.project-navbar-heading{flex-direction:column;gap:4px;padding:0 10px 18px;display:flex}.project-navbar-heading span,.project-manual-header>div>span{letter-spacing:.14em;color:#245fc0;font-size:11px;font-weight:900}.project-navbar-heading b{font-size:19.5px}.project-navbar-heading small{color:#66758a;font-size:11px}.project-navbar nav{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:7px;padding:2px 3px 14px;display:flex;overflow:auto}.project-navbar nav>button{text-align:left;background:#fff;border:1px solid #0000;border-radius:13px;grid-template-columns:8px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px;display:grid}.project-navbar nav>button:hover{background:#f3f8fe;border-color:#c5d7eb}.project-navbar nav>button.active{background:#e7f1fc;border-color:#9ebfe3;box-shadow:0 6px 16px #17418e12}.project-navbar nav>button>i{border-radius:9px;width:7px;height:46px}.project-navbar nav>button>div{flex-direction:column;gap:2px;min-width:0;display:flex}.project-navbar nav>button b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.project-navbar nav>button small{color:#66758a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.project-navbar nav>button em{color:#245fc0;font-size:10px;font-style:normal;font-weight:700}.project-navbar nav>button>span{color:#71839a;font-size:20.5px}.project-nav-empty{text-align:center;color:#66758a;padding:35px 12px;font-size:11.5px}.project-nav-create{color:#245fc0;background:#fff;border:1px dashed #9ebfe3;border-radius:11px;min-height:44px;font-size:13px;font-weight:800}.project-nav-create:hover{background:#e7f1fc;border-color:#3280d4}.project-manual-pane{min-width:0;padding:36px clamp(24px,4vw,64px) 60px;overflow:auto}.project-manual-header{border-bottom:1px solid #d8e3f0;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:24px;display:flex}.project-manual-header h1{color:#15233a;margin:6px 0 4px;font-size:28px;line-height:1.2}.project-manual-header p{color:#66758a;margin:0;font-size:13px}.project-manual-actions{flex:none;align-items:center;gap:9px;display:flex}.project-manual-actions button{border:1px solid #c5d7eb;border-radius:10px;min-height:40px;padding:0 14px;font-size:13px;font-weight:800}.project-manual-actions .duplicate-project-button{color:#245fc0;background:#fff}.project-manual-actions .duplicate-project-button:hover{background:#e7f1fc;border-color:#9ebfe3}.project-manual-actions .duplicate-project-button:disabled{cursor:wait;opacity:.65}.project-actions-menu{position:relative}.project-actions-menu>summary{color:#245fc0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #c5d7eb;border-radius:10px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:900;line-height:1;list-style:none;display:grid}.project-actions-menu>summary::-webkit-details-marker{display:none}.project-actions-menu>summary:hover,.project-actions-menu[open]>summary{background:#e7f1fc;border-color:#9ebfe3}.project-actions-menu>div{z-index:10;background:#fff;border:1px solid #d8e3f0;border-radius:12px;min-width:190px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 36px #17418e24}.project-actions-menu>div button{text-align:left;white-space:nowrap;background:#fff;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 11px;display:flex}.project-actions-menu>div button:hover{color:#17418e;background:#edf4fb}.project-actions-menu>div button span{place-items:center;width:20px;font-size:17px;display:grid}.project-actions-menu>div .danger-link:hover{color:#972d25!important;background:#fff0ee!important}.project-manual-summary{align-items:baseline;gap:9px;margin:24px 0 12px;display:flex}.project-manual-summary b{color:#245fc0;font-size:26px}.project-manual-summary span{color:#66758a;font-size:13px}.project-manual-list{background:#fff;border:1px solid #d8e3f0;border-radius:14px;max-width:100%;overflow:hidden;box-shadow:0 8px 28px #17418e0c}.project-manual-list .manual-row{border-bottom-color:#e4ebf3;min-height:70px}.project-manual-list .manual-row>.manual-open-button{padding:14px 18px}.project-manual-list .manual-row b{font-size:14px}.project-manual-list .manual-row small{font-size:11px}.project-manual-list .manual-row>.danger-link{margin-right:12px}.project-manual-empty{color:#66758a;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:220px;display:flex}.project-manual-empty>span{color:#245fc0;background:#e7f1fc;border-radius:13px;place-items:center;width:46px;height:46px;font-size:22.5px;display:grid}.project-manual-empty b{color:#15233a;font-size:15.5px}.project-manual-empty small{font-size:11px}@media (max-width:900px){.project-workspace-layout{grid-template-columns:260px minmax(0,1fr)}.project-manual-pane{padding:26px 20px 50px}.project-manual-header{flex-direction:column;align-items:flex-start}.project-manual-header h1{font-size:27px}}@media (max-width:680px){.projects-page{height:auto;overflow:visible}.project-workspace-layout{height:auto;display:block}.project-navbar{border-bottom:1px solid #d8e3f0;border-right:0;padding:14px}.project-navbar nav{max-height:230px}.project-manual-pane{overflow:visible}.project-manual-actions{justify-content:space-between;width:100%}.project-top{padding:0 14px}.project-top>.primary{width:44px;padding:0;font-size:0}.project-top>.primary:after{content:"＋";font-size:21.5px}}.cover-settings-editor{flex-direction:column;gap:16px;display:flex}.cover-settings-heading{border-bottom:1px solid #d8e3f0;flex-direction:column;gap:3px;padding-bottom:13px;display:flex}.cover-settings-heading b{color:#15233a;font-size:17px}.cover-settings-heading span{color:#66758a;font-size:11px}.cover-logo-field{background:#f7faff;border:1px solid #d8e3f0;border-radius:12px;flex-direction:column;gap:9px;padding:13px;display:flex}.cover-logo-field>b{font-size:13px}.cover-logo-field>span{color:#77879a;border:1px dashed #b8cce3;border-radius:9px;place-items:center;min-height:72px;font-size:11px;display:grid}.cover-logo-field>img{object-fit:contain;background:#fff;border:1px solid #d8e3f0;border-radius:9px;width:100%;height:92px;padding:8px;display:block}.cover-logo-field>div{justify-content:flex-end;gap:8px;display:flex}.cover-logo-field button{color:#245fc0;background:#fff;border:1px solid #bfd1e5;border-radius:9px;min-height:36px;padding:0 12px;font-size:11.5px;font-weight:800}.cover-logo-field .danger-link{color:#c24235}.cover-editor-preview{justify-content:center;align-items:flex-start;min-height:100%;padding:8px 12px;display:flex}.cover-editor-preview .a4-cover-page{zoom:.64;flex:none}.a4-cover-customer-name{max-width:155mm;margin:0 auto 7mm;font-size:20pt;line-height:1.2}.cover-editor-preview .a4-revision-history-page{zoom:.64;flex:none}.revision-history-editor{flex-direction:column;gap:12px;display:flex}.revision-history-row{background:#f7faff;border:1px solid #d8e3f0;border-radius:12px;flex-direction:column;gap:10px;padding:13px 44px;display:flex;position:relative}.revision-history-row>b{color:#245fc0;background:#e4eefb;border-radius:8px;place-items:center;width:26px;height:34px;display:grid;position:absolute;top:13px;left:11px}.revision-history-version{max-width:42%}.revision-history-version label,.revision-history-description,.revision-history-pair label{color:#40516a;flex-direction:column;gap:5px;font-size:11px;font-weight:700;display:flex}.revision-history-description textarea{white-space:pre-wrap;resize:vertical;width:100%;min-height:92px;line-height:1.5}.revision-history-pair{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px;display:grid}.revision-history-pair input{width:100%;min-width:0}.revision-history-row>button{color:#c24235;background:0 0;border:0;width:28px;height:34px;padding:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.revision-history-add{color:#fff;cursor:pointer;background:#245fc0;border:0;border-radius:9px;justify-content:center;align-self:flex-end;align-items:center;min-height:36px;padding:0 14px;font-size:14px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 4px 12px #17418e2b}.revision-history-add:hover{background:#17418e}@media (max-width:1100px){.cover-editor-preview .a4-cover-page{zoom:.5}}.a4-sheet.a4-cover-page.reference-cover{justify-content:center;align-items:stretch;padding:0 18mm}.a4-cover-layout{box-sizing:border-box;text-align:right;color:#000;width:100%;height:297mm;padding-top:90mm}.a4-cover-layout h1,.a4-cover-layout h2,.a4-cover-layout p,.a4-cover-layout small{color:#000!important;font-family:TH Sarabun New,serif!important;font-size:28pt!important;font-style:normal!important;font-weight:700!important;line-height:1.12!important}.a4-cover-customer-block,.a4-cover-manual-block,.a4-cover-organization-block{flex-direction:column;align-items:flex-end;display:flex}.a4-cover-customer-logo{object-fit:contain;max-width:68mm;max-height:32mm;margin:0 0 5mm auto;display:block}.a4-cover-layout .a4-cover-customer-name{max-width:165mm;margin:0 0 5mm auto}.a4-cover-layout h1{max-width:170mm;margin:0 0 2mm auto}.a4-cover-layout p{max-width:170mm;margin:0 0 0 auto}.a4-cover-organization-block{margin-top:28mm}.a4-cover-organization-logo{object-fit:contain;max-width:60mm;max-height:30mm;margin:0 0 5mm auto;display:block}.a4-cover-layout small{max-width:170mm;margin:0 0 0 auto;display:block}@media print{.a4-sheet.a4-cover-page.reference-cover{padding:0 18mm}.a4-cover-layout h1,.a4-cover-layout h2,.a4-cover-layout p,.a4-cover-layout small{font-size:28pt!important;font-weight:700!important}}.fixed-pages{background:#fff;border:1px solid #dbe6f2;border-radius:12px;padding:0;display:block;overflow:hidden}.fixed-pages>.fixed-pages-toggle{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#f5f9fe;border:0;border-radius:0;grid-template-columns:22px 1fr;align-items:center;gap:8px;padding:11px 12px;display:grid}.fixed-pages>.fixed-pages-toggle:hover{background:#eaf3fd}.fixed-pages>.fixed-pages-toggle>span{color:#245fc0;background:0 0;border-radius:6px;place-items:center;width:22px;height:22px;font-size:15.5px;display:grid}.fixed-pages>.fixed-pages-toggle>div{flex-direction:column;gap:1px;display:flex}.fixed-pages>.fixed-pages-toggle strong{font-size:13px}.fixed-pages>.fixed-pages-toggle small{color:#66758a;font-size:10px}.fixed-pages>.fixed-pages-items{width:100%;color:var(--ink);text-align:left;background:#fff;border:0;border-top:1px solid #e4ebf4;border-radius:0;grid-template-rows:none;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:4px;padding:5px;display:grid}.fixed-pages-items>.fixed-page-chapter{box-sizing:border-box;width:100%;min-width:0;min-height:58px;color:var(--ink);text-align:left;box-shadow:none;background:#fff;border:0;border-radius:9px;grid-template-rows:minmax(42px,auto);grid-template-columns:18px 28px minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:8px 10px;display:grid;overflow:hidden}.fixed-pages-items>.fixed-page-chapter>span{color:#66758a;background:0 0;border-radius:0;grid-row:auto;place-items:center;width:18px;height:28px;font-size:13px;line-height:1;display:grid}.fixed-pages-items>.fixed-page-chapter>b{color:#526986;background:#f3f7fc;border-radius:8px;place-items:center;width:28px;height:28px;font-size:11.5px;line-height:1;display:grid}.fixed-pages-items>.fixed-page-chapter>div{flex-direction:column;gap:2px;min-width:0;display:flex}.fixed-pages-items>.fixed-page-chapter strong,.fixed-pages-items>.fixed-page-chapter small{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;max-width:100%;line-height:1.35;display:block;overflow:hidden}.fixed-pages-items>.fixed-page-chapter strong{font-size:13px}.fixed-pages-items>.fixed-page-chapter small{color:#66758a;font-size:11px}.fixed-pages-items>.fixed-page-chapter:hover{background:#edf4fb}.fixed-pages-items>.fixed-page-chapter.active{color:#17418e;background:#e7f1fc}.chapter-group{background:#fff;border:1px solid #0000;border-radius:11px;margin-bottom:6px;transition:border-color .16s,box-shadow .16s;overflow:hidden}.chapter-group.expanded{border-color:#d8e3f0;box-shadow:0 3px 12px #17418e0a}.chapter-group>.chapter{border-radius:10px;min-height:58px}.chapter-group.expanded>.chapter{border-radius:10px 10px 0 0}.chapter-group>.chapter:focus-visible{z-index:1;outline-offset:-2px;outline:2px solid #2f7ed8;position:relative}.chapter-toggle{color:#245fc0;-webkit-user-select:none;user-select:none;border-radius:6px;place-items:center;width:22px;height:22px;transition:background .16s;display:grid}.chapter-group>.chapter:hover .chapter-toggle{color:#17418e;background:#dcecff}.fixed-pages-items>.fixed-page-static{cursor:default}.project-manual-list .manual-row{transition:opacity .16s,transform .16s,box-shadow .16s}.project-manual-list .manual-row[draggable=true]{cursor:grab}.project-manual-list .manual-row[draggable=true]:active{cursor:grabbing}.project-manual-list .manual-row.dragging{opacity:.45;transform:scale(.995);box-shadow:inset 0 0 0 2px #3280d4}.manual-drag-handle{color:#71839a;letter-spacing:-3px;cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;width:34px;min-width:34px;min-height:44px;margin-left:8px;font-size:14px;display:grid}.manual-drag-handle:hover{color:#245fc0;background:#edf4fb;border-radius:9px}.project-manual-list .manual-drag-handle+.manual-open-button{padding-left:4px}.project-manual-list .manual-icon-action{background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:38px;min-width:38px;height:38px;margin:0 3px;font-size:19.5px;line-height:1;display:grid}.project-manual-list .manual-icon-action.danger{color:#b54135}.project-manual-list .manual-icon-action.danger:hover{color:#972d25;background:#fff0ee;border-color:#efb7b1}.project-manual-list .manual-icon-action.duplicate{color:#245fc0;margin-right:12px}.project-manual-list .manual-icon-action.duplicate:hover{color:#17418e;background:#e7f1fc;border-color:#b8d1ed}@media screen and (min-width:761px) and (max-width:1059px){.canvas-stage .upload-row button{top:14px;left:132px}}@media screen and (max-width:760px){.canvas-stage .step-context{padding-top:48px}.canvas-stage .upload-row button{width:auto;top:12px;left:10px}.canvas-stage .upload-row span{margin-left:0}}.projects-page .project-top{height:82px;padding:0 clamp(24px,3.5vw,64px)}.projects-page .project-top .brand{gap:12px}.projects-page .project-top .brand-mark{border-radius:11px;width:40px;height:40px;font-size:24px}.projects-page .project-top .brand b{font-size:17px;line-height:1.25}.projects-page .project-top .brand span{margin-top:3px;font-size:11px;line-height:1.35}.projects-page .project-workspace-layout{grid-template-columns:316px minmax(0,1fr);height:calc(100vh - 82px)}.projects-page .project-navbar{padding:24px 14px 16px}.projects-page .project-navbar-heading{gap:5px;padding:0 8px 20px}.projects-page .project-navbar-heading span,.projects-page .project-manual-header>div>span{letter-spacing:.15em;font-size:11px;line-height:1.3}.projects-page .project-navbar-heading b{font-size:20.5px;line-height:1.25}.projects-page .project-navbar-heading small{font-size:11px;line-height:1.4}.projects-page .project-navbar nav{gap:8px;padding:2px 0 16px}.projects-page .project-navbar nav>button{border-radius:14px;grid-template-columns:7px minmax(0,1fr) 18px;gap:12px;min-height:78px;padding:12px 13px}.projects-page .project-navbar nav>button>i{height:48px}.projects-page .project-navbar nav>button>div{gap:3px}.projects-page .project-navbar nav>button b{font-size:14px;line-height:1.3}.projects-page .project-navbar nav>button small,.projects-page .project-navbar nav>button em{font-size:11px;line-height:1.35}.projects-page .project-navbar nav>button>span{font-size:21.5px}.projects-page .project-nav-create{min-height:46px;font-size:13px}.projects-page .project-manual-pane{padding:42px clamp(30px,4vw,68px) 64px}.projects-page .project-manual-header{gap:28px;min-height:108px;padding-bottom:26px}.projects-page .project-manual-header h1{letter-spacing:-.015em;margin:7px 0 5px;font-size:30px;line-height:1.15}.projects-page .project-manual-header p{font-size:13px;line-height:1.45}.projects-page .project-manual-actions{gap:10px;padding-bottom:1px}.projects-page .project-manual-actions button{min-height:42px;padding:0 16px;font-size:13px;line-height:1}.projects-page .project-actions-menu>summary{width:42px;height:42px}.projects-page .project-manual-summary{gap:10px;margin:27px 0 15px}.projects-page .project-manual-summary b{font-size:27px;font-weight:800;line-height:1}.projects-page .project-manual-summary span{font-size:13px;line-height:1.4}.projects-page .project-manual-list{border-radius:15px;box-shadow:0 10px 30px #17418e0d}.projects-page .project-manual-list .manual-row{min-height:76px}.project-manual-search{color:#66758a;background:#fff;border:1px solid #c5d7eb;border-radius:10px;align-items:center;gap:9px;height:44px;margin:22px 0 0;padding:0 13px;display:flex;box-shadow:0 3px 12px #17418e08}.project-manual-search:focus-within{border-color:#3280d4;box-shadow:0 0 0 3px #3280d422}.project-manual-search>span{color:#245fc0;font-size:22.5px;line-height:1}.project-manual-search input{color:#15233a;width:100%;height:100%;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.project-manual-search input::placeholder{color:#8a98aa}.project-manual-search button{color:#245fc0;cursor:pointer;background:#e7f1fc;border:0;border-radius:50%;width:24px;height:24px;font-size:19.5px;line-height:1}.projects-page .manual-drag-handle{width:38px;min-width:38px;min-height:46px;margin-left:10px;font-size:15.5px}.projects-page .project-manual-list .manual-drag-handle+.manual-open-button{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:75px;padding:14px 16px 14px 5px}.projects-page .project-manual-list .manual-open-button>span{border-radius:10px;width:36px;height:36px;font-size:17px}.projects-page .project-manual-list .manual-open-button>div{gap:3px}.projects-page .project-manual-list .manual-row b{font-size:15.5px;font-weight:750;line-height:1.35}.projects-page .project-manual-list .manual-row small{font-size:11px;line-height:1.4}.projects-page .project-manual-list .manual-icon-action{width:40px;min-width:40px;height:40px;margin:0 3px;font-size:19.5px}.projects-page .project-manual-list .manual-icon-action.duplicate{margin-right:14px}.projects-page .project-manual-empty{gap:8px;min-height:240px}.projects-page .project-manual-empty b{font-size:16px;line-height:1.35}.projects-page .project-manual-empty small{font-size:11.5px;line-height:1.4}@media (max-width:1100px){.projects-page .project-workspace-layout{grid-template-columns:272px minmax(0,1fr)}.projects-page .project-manual-pane{padding:32px 24px 52px}}@media (max-width:760px){.projects-page .project-top{height:72px;padding:0 16px}.projects-page .project-workspace-layout{height:auto}.projects-page .project-navbar{padding:18px 14px 14px}.projects-page .project-manual-pane{padding:26px 16px 44px}.projects-page .project-manual-header{gap:20px;min-height:0;padding-bottom:22px}.projects-page .project-manual-header h1{font-size:27px}.projects-page .project-manual-actions{justify-content:flex-start}.projects-page .project-manual-list .manual-row{min-height:72px}.projects-page .manual-drag-handle{width:32px;min-width:32px;margin-left:6px}.projects-page .project-manual-list .manual-drag-handle+.manual-open-button{grid-template-columns:34px minmax(0,1fr);gap:8px;padding-right:6px}.projects-page .project-manual-list .manual-open-button>span{width:32px;height:32px}.projects-page .project-manual-list .manual-row b{font-size:14px}.projects-page .project-manual-list .manual-icon-action{width:36px;min-width:36px;height:36px}.projects-page .project-manual-list .manual-icon-action.duplicate{margin-right:6px}}.image-frame.is-cropping{cursor:default;touch-action:none}.image-frame.is-cropping>.annotation{pointer-events:none}.crop-selection{z-index:20;cursor:move;touch-action:none;border:2px solid #fff;outline:2px solid #245fc0;position:absolute;box-shadow:0 0 0 9999px #0d203a99}.crop-selection:before,.crop-selection:after{content:"";pointer-events:none;position:absolute;inset:0}.crop-selection:before{border-left:1px solid #ffffff80;border-right:1px solid #ffffff80;left:33.333%;right:33.333%}.crop-selection:after{border-top:1px solid #ffffff80;border-bottom:1px solid #ffffff80;top:33.333%;bottom:33.333%}.crop-label{color:#fff;white-space:nowrap;background:#245fc0;border-radius:7px 7px 0 0;align-items:center;min-height:24px;padding:0 9px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-30px;left:-2px}.crop-grid{display:none}.crop-resize-handle{cursor:nwse-resize!important;background:#245fc0!important;border:2px solid #fff!important;border-radius:5px!important;width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;position:absolute!important;inset:auto -9px -9px auto!important;box-shadow:0 2px 8px #0d203a55!important}.canvas-stage .upload-row>.crop-actions{z-index:2;gap:8px;margin:0;display:flex;position:absolute;top:21px;left:clamp(120px,2vw + 105px,150px)}.canvas-stage .upload-row>.crop-actions button{min-width:auto;margin:0;position:static}.canvas-stage .upload-row>.crop-actions.is-active{background:#fff;border:1px solid #b8d1ed;border-radius:12px;padding:5px;box-shadow:0 8px 24px #17418e20}.canvas-stage .upload-row>.crop-actions.is-active button{min-height:34px}.canvas-stage .upload-row>.crop-actions .primary{color:#fff;background:#245fc0;border-color:#245fc0}.canvas-stage .upload-row>.crop-actions .primary:hover{background:#17418e}.canvas-stage .upload-row>.crop-actions .remove-image-button{color:#b54135;border-color:#efc3be}.chapters>.chapter[draggable=true]{cursor:grab}.chapters>.chapter[draggable=true]:active{cursor:grabbing}.chapters>.chapter.dragging{opacity:.45;transform:scale(.995);box-shadow:inset 0 0 0 2px #3280d4}.steps-list>button.dragging{opacity:.45;transform:scale(.98)}.chapter.step-drop-target{outline-offset:-3px;outline:1px dashed #3280d4}.chapters>.chapter[draggable=true]:hover{border-color:#9ebfe3}.steps-list button.substep{width:calc(100% - 14px);margin-left:14px}.steps-list button.substep:not(.selected){background:#fff}.steps-list button.substep.selected{color:#fff;background:linear-gradient(135deg,#3280d4,#245fc0);box-shadow:0 7px 18px #17418e29}@media screen and (min-width:1060px) and (max-width:1359px){.canvas-stage .upload-row>.crop-actions{top:17px;left:132px}}@media screen and (min-width:761px) and (max-width:1059px){.canvas-stage .upload-row>.crop-actions{top:14px;left:132px}}@media screen and (max-width:760px){.canvas-stage .upload-row>.crop-actions{max-width:calc(100% - 20px);top:12px;left:10px}.canvas-stage .upload-row>.crop-actions button{width:auto}.crop-label{border-radius:0 0 7px;top:0}}.a4-sheet .data-table-section{max-width:100%;overflow:visible}.a4-sheet .data-table-section table{table-layout:fixed;width:100%;max-width:100%}.a4-sheet .data-table-section th:first-child,.a4-sheet .data-table-section td:first-child{width:10%}.a4-sheet .data-table-section th:nth-child(2),.a4-sheet .data-table-section td:nth-child(2){width:30%}.a4-sheet .data-table-section th:nth-child(3),.a4-sheet .data-table-section td:nth-child(3){width:60%}.a4-sheet .data-table-section th,.a4-sheet .data-table-section td{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;min-width:0}@media print{.a4-sheet .data-table-section{max-width:100%;overflow:visible}.a4-sheet .data-table-section table{table-layout:fixed;width:100%;max-width:100%}}.preview-image-figure{break-inside:avoid;margin:3mm 0}.preview-image-figure .preview-annotated{margin:0}.a4-sheet .preview-annotated .annotation-number{font-size:14pt;line-height:1}.a4-sheet .preview-annotated .annotation-number>span{text-align:center;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex;position:absolute;inset:0}.preview-image-figure figcaption{text-align:center;color:#000;margin-top:1.5mm;font-size:10pt;font-style:italic;font-weight:400;line-height:1.15}.eye-icon{flex:none;width:18px;height:18px;display:block}.editor-preview-button .eye-icon{color:var(--green)}.a4-preview-toolbar-button .eye-icon{width:17px;height:17px;margin:auto}.image-frame.is-drag-over{border:2px dashed #245fc0;box-shadow:0 0 0 5px #429fe51f,0 18px 48px #17418e24}.image-frame.is-drag-over:after{content:"วางไฟล์เพื่ออัปโหลดภาพ";z-index:30;color:#fff;letter-spacing:.01em;pointer-events:none;background:#245fc0d9;border:2px dashed #fff;border-radius:13px;place-items:center;font-size:18.5px;font-weight:800;display:grid;position:absolute;inset:18px}.image-caption-editor{background:#fff;border:1px solid #cbdaf0;border-radius:10px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:10px;max-width:970px;margin:10px auto 0;padding:10px 12px;display:grid}.image-caption-editor span{color:#284f85;font-size:11.5px;font-weight:800}.image-caption-editor input{border:1px solid #cbdaf0;border-radius:8px;width:100%;min-width:0;height:38px;padding:0 11px;font-size:13px}.panel-resizer{z-index:6;cursor:col-resize;touch-action:none;width:9px;position:absolute;top:0;bottom:0}.panel-resizer:before{content:"";background:0 0;border-radius:3px;width:3px;transition:background .12s;position:absolute;top:0;bottom:0;left:3px}.panel-resizer:hover:before,.panel-resizer:active:before{background:var(--green)}@media (max-width:1059px){.panel-resizer{display:none}}.editor-preview-button.icon-only{width:38px;min-width:38px;padding:0}.editor-preview-button.icon-only:disabled{opacity:.4;cursor:default}.editor-preview-button.icon-only.active{background:var(--green-2,#e7f1ec);color:var(--green);border-color:#a9c9ba}.doc-search-wrap{display:inline-flex;position:relative}.doc-search-backdrop{z-index:25;position:fixed;inset:0}.doc-search-popup{z-index:26;border:1px solid var(--line);background:#fff;border-radius:14px;width:min(460px,84vw);padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 22px 60px #16302422}.doc-search{border:1px solid var(--line);background:#f2f5f3;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex;position:relative}.doc-search:focus-within{background:#fff;border-color:#9fc3b4;box-shadow:0 0 0 3px #54a88318}.doc-search-icon{color:var(--muted);flex:none;font-size:16px}.doc-search input{min-width:0;color:var(--ink);background:0 0;border:0;flex:1;font-size:13.5px}.doc-search-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;font-size:20px;line-height:1}.doc-search-results{border-top:1px solid var(--line);max-height:56vh;margin-top:8px;padding-top:8px;overflow-y:auto}.doc-search-count{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px 6px;font-size:11px;font-weight:800}.doc-search-empty{color:var(--muted);text-align:center;padding:16px 12px;font-size:13px}.doc-search-result{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:9px;align-items:flex-start;gap:10px;width:100%;padding:9px 10px;display:flex}.doc-search-result:hover{background:#eef6f2}.doc-search-result em{color:var(--green);background:#e5f1ec;border-radius:6px;flex:none;margin-top:1px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:800}.doc-search-result>div{flex-direction:column;gap:2px;min-width:0;display:flex}.doc-search-result strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.doc-search-result small{color:var(--green);font-size:11px}.doc-search-result span{color:#7b8780;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.ui-icon{width:18px;height:18px;display:block}.editor-preview-button .ui-icon,.version-history-button .ui-icon{width:17px;height:17px}.version-history-toolbar{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.version-select-all{color:var(--ink);cursor:pointer;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.version-select-all input,.version-check input{width:15px;height:15px;accent-color:var(--green);cursor:pointer}.version-bulk-delete{white-space:nowrap;color:#b54135;cursor:pointer;background:#fff;border:1px solid #efb7b1;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.version-bulk-delete .trash-icon{width:14px;height:14px}.version-bulk-delete:hover:not(:disabled){background:#fff0ee;border-color:#e3a49c}.version-bulk-delete:disabled{opacity:.4;cursor:default}.version-history-menu{width:360px}.version-history-list .version-row{border-radius:9px;align-items:center;gap:9px;width:100%;min-height:0;padding:9px 10px;display:flex}.version-history-list .version-row.is-selected{background:#f2f9f6}.version-history-list .version-check{flex:none;align-items:center;margin:0;display:flex}.version-history-list .version-info{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.version-history-list .version-info b{white-space:nowrap;font-size:12.5px}.version-history-list .version-info small{color:var(--muted);white-space:nowrap;font-size:11px}.top-actions .version-history-list .version-row .version-restore{width:auto;height:auto;min-height:0;color:var(--green);cursor:pointer;background:#fff;border:1px solid #cbdaf0;border-radius:8px;flex:none;justify-content:center;padding:6px 12px;font-size:11.5px;font-weight:800}.top-actions .version-history-list .version-row .version-restore:hover{background:#eef6f2;border-color:#9fc3b4}.top-actions{align-items:center}.top-actions>.doc-search-wrap{order:1}.top-actions>.editor-preview-button.icon-only{order:2}.top-actions>.version-history{order:3}.top-actions>.autosave{order:4}.top-actions>.primary{order:5}.top-actions>.editor-preview-button:not(.icon-only){order:6}@media (min-width:761px){.canvas-panel,.properties-panel,.outline-panel,.canvas-stage,.property-content,.chapters{min-height:0}}.project-search-results{flex-direction:column;gap:8px;max-height:calc(100vh - 320px);padding-right:4px;display:flex;overflow-y:auto}.project-search-result{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;display:flex}.project-search-result:hover{background:#eef6f2;border-color:#9fc3b4}.project-search-result em{color:var(--green);background:#e5f1ec;border-radius:7px;flex:none;margin-top:1px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:800}.project-search-result>div{flex-direction:column;gap:2px;min-width:0;display:flex}.project-search-result strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.project-search-result small{color:var(--green);font-size:12px;font-weight:700}.project-search-result span{color:#7b8780;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.steps-list button.highlight-flash{animation:2.6s step-highlight-flash}@keyframes step-highlight-flash{0%{box-shadow:0 0 0 3px #f5b52e,0 0 18px #f5b52e88}55%{box-shadow:0 0 0 3px #f5b52e,0 0 12px #f5b52e55}to{box-shadow:0 0 #f5b52e00}}@media (prefers-reduced-motion:reduce){.steps-list button.highlight-flash{animation:none;box-shadow:0 0 0 3px #f5b52e}}.steps-list .step-row{align-items:center;gap:6px;display:flex}.steps-list .step-row .step-check{flex:none;align-items:center;margin:0;padding-left:3px;display:flex}.steps-list .step-row .step-check input{width:15px;height:15px;accent-color:var(--green);cursor:pointer}.steps-list .step-row>button{flex:1;min-width:0}.steps-list .step-row.is-checked>button{background:#f2f9f6;box-shadow:inset 0 0 0 1px #cfe6db}.steps-list .step-bulk-delete{color:#b54135;cursor:pointer;background:#fff;border:1px solid #efb7b1;border-radius:8px;grid-template-columns:none;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:9px 10px;font-size:12px;font-weight:800;display:flex}.steps-list .step-bulk-delete:hover{background:#fff0ee;border-color:#e3a49c}.steps-list .step-bulk-delete .trash-icon{width:14px;height:14px}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.doc-search-bar{justify-self:center;width:100%;max-width:520px}.doc-search-bar .doc-search-icon .ui-icon{width:16px;height:16px}.doc-search-bar .doc-search-results{border:1px solid var(--line);border-top:1px solid var(--line);z-index:30;background:#fff;border-radius:12px;max-height:62vh;margin-top:0;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 55px #16302412}@media (max-width:900px){.doc-search-bar{display:none}}.image-frame.image-selected{outline:3px solid var(--green);outline-offset:-1px}.image-resize-handle{background:var(--green);cursor:nwse-resize;z-index:6;touch-action:none;border:2px solid #fff;border-radius:8px 0;width:30px;height:30px;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #0003}.image-resize-handle:after{content:"⤡";color:#fff;place-items:center;width:100%;height:100%;font-size:15px;line-height:1;display:grid}.image-resize-handle:hover{background:var(--navy,#17418e)}.image-frame.tool-select img{cursor:pointer}.image-size-control{color:var(--ink);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.image-size-control input[type=range]{width:130px;accent-color:var(--green)}.image-size-control b{min-width:38px;color:var(--green)}.manual-version-badge{white-space:nowrap;color:var(--green);background:#e5f1ec;border-radius:20px;flex:none;margin:0 6px;padding:6px 11px;font-size:11.5px;font-weight:800}.login-page{background:#f3f7fc;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{text-align:center;background:#fff;border:1px solid #d8e3f0;border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:min(420px,100%);padding:42px 36px;display:flex;box-shadow:0 24px 70px #17418e14}.login-card .brand-mark{width:56px;height:56px;font-size:30px}.login-card h1{margin:4px 0 0;font-size:26px}.login-card p{color:var(--muted);margin:0 0 8px;font-size:14px}.login-error{color:#b54135;background:#fff0ee;border:1px solid #efc4bf;border-radius:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:700}.google-signin{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d0d9e4;border-radius:12px;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.google-signin:hover{background:#f4f8fd;border-color:#a9c2e2}.google-signin svg{width:20px;height:20px}.login-card small{color:var(--muted);font-size:11.5px}.user-chip{background:#f2f6fb;border:1px solid #dbe5f1;border-radius:14px;align-items:center;gap:10px;padding:7px 12px;display:flex}.user-chip img,.user-chip-initial{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-chip-initial{background:var(--green);color:#fff;place-items:center;font-weight:800;display:grid}.user-chip div{flex-direction:column;min-width:0;line-height:1.2;display:flex}.user-chip b{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:12.5px;overflow:hidden}.user-chip small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:11px;overflow:hidden}.user-chip a{color:#b54135;white-space:nowrap;margin-left:4px;font-size:11.5px;font-weight:800;text-decoration:none}.user-chip a:hover{text-decoration:underline}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}