/* CTRL WEB V24.3 — COMPLETE BROWSER WEBSITE + DESKTOP EDITOR */
html.web-v243,html.web-v243 body{background:#f4f6f9!important;color:#172033!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
html.web-v243 .workspace-shell{height:100vh!important;min-height:680px!important;display:grid!important;grid-template-rows:68px minmax(0,1fr)!important;background:#eef1f5!important;color:#172033!important;overflow:hidden!important}
html.web-v243 .workspace-topbar{height:68px!important;min-height:68px!important;padding:0 18px!important;gap:12px!important;background:#fff!important;border-bottom:1px solid #dce1e8!important;box-shadow:0 2px 12px rgba(18,28,45,.06)!important;color:#172033!important}
html.web-v243 .workspace-topbar .icon-button{color:#5e6878!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important}
html.web-v243 .workspace-topbar .icon-button:hover{background:#f3f5f8!important;border-color:#e0e4ea!important;color:#111827!important}
html.web-v243 .workspace-topbar .ctrl-brand{padding-right:12px!important;margin-right:2px!important;border-right:1px solid #e3e6ec!important}
html.web-v243 .workspace-topbar .ctrl-brand .brand-mark{width:35px!important;height:35px!important}
html.web-v243 .workspace-topbar .ctrl-brand .brand-name{font-size:22px!important;letter-spacing:.08em!important;color:#b98a20!important;text-shadow:none!important}
html.web-v243 .workspace-topbar .ctrl-brand .brand-byline{display:flex!important;align-items:baseline!important;gap:4px!important;color:#526071!important;font-size:8px!important;letter-spacing:.08em!important}
html.web-v243 .workspace-topbar .ctrl-brand .works-gold{color:#b88920!important;font-family:"Segoe Script","Brush Script MT","Apple Chancery",cursive!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important}
html.web-v243 .workspace-file{min-width:0!important;display:grid!important;gap:2px!important;color:#202a3b!important}
html.web-v243 .workspace-file strong{font-size:12px!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:420px!important}
html.web-v243 .workspace-file span{font-size:10px!important;color:#778294!important}
html.web-v243 .workspace-history{margin-left:auto!important;display:flex!important;gap:4px!important;padding-right:12px!important;border-right:1px solid #e2e6eb!important}
html.web-v243 .save-button{height:42px!important;padding:0 16px!important;border:1px solid #b98a20!important;border-radius:9px!important;background:#c99d37!important;color:#18130a!important;box-shadow:none!important;font-weight:800!important}
html.web-v243 .save-button:hover{background:#d9ad48!important;transform:none!important}
html.web-v243 .save-button em{margin-left:4px!important;padding:2px 6px!important;border-radius:999px!important;background:#fff8df!important;color:#745914!important;font-size:8px!important}

html.web-v243 .workspace-body{display:grid!important;grid-template-columns:158px minmax(620px,1fr) 238px!important;min-height:0!important;height:auto!important;background:#eef1f5!important;overflow:hidden!important}
html.web-v243 .workspace-body.thumbs-closed{grid-template-columns:minmax(620px,1fr) 238px!important}
html.web-v243 .page-rail{width:auto!important;min-width:0!important;background:#f8f9fb!important;border-right:1px solid #dce1e8!important;color:#4b5565!important;box-shadow:none!important}
html.web-v243 .rail-header{min-height:46px!important;padding:0 10px!important;border-bottom:1px solid #e3e7ec!important;background:#fff!important;color:#596476!important;font-size:10px!important}
html.web-v243 .thumbnail-list{padding:12px 9px 30px!important;background:#f8f9fb!important}
html.web-v243 .thumbnail-card,html.web-v243 .page-thumb{border-color:transparent!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important}
html.web-v243 .thumbnail-card.selected,html.web-v243 .page-thumb.selected{border-color:#b98a20!important;background:#fff!important;box-shadow:0 4px 14px rgba(25,35,52,.08)!important}

html.web-v243 .canvas-area{min-width:0!important;min-height:0!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;background:#eef1f5!important;overflow:hidden!important}
html.web-v243 .canvas-toolbar{position:relative!important;top:auto!important;min-height:54px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;gap:10px!important;background:#fff!important;border-bottom:1px solid #dce1e8!important;box-shadow:none!important;color:#5b6678!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important}
html.web-v243 .canvas-toolbar>span:first-child{padding:0 9px!important;color:#697486!important;font-size:10px!important;border-right:1px solid #e3e7ec!important}
html.web-v243 .workspace-tool-actions{display:flex!important;align-items:center!important;gap:5px!important;min-width:max-content!important}
html.web-v243 .workspace-tool-actions .tool-button{height:36px!important;min-height:36px!important;padding:0 10px!important;border:1px solid #d9dee6!important;border-radius:7px!important;background:#fff!important;color:#3e495b!important;box-shadow:none!important;font-size:11px!important;font-weight:650!important}
html.web-v243 .workspace-tool-actions .tool-button:hover{border-color:#b6bdc8!important;background:#f7f8fa!important;color:#111827!important}
html.web-v243 .workspace-tool-actions .tool-button.smart-edit-button{border-color:#af8424!important;background:#fffaf0!important;color:#6c5318!important;font-weight:800!important}
html.web-v243 .workspace-tool-actions .tool-button.direct-type-active{border-color:#8a6719!important;background:#f6e8bb!important;color:#4f3a0d!important;box-shadow:0 0 0 2px rgba(185,138,32,.12)!important}
html.web-v243 .workspace-tool-actions .legacy-edit-tool{display:inline-flex!important}
html.web-v243 .workspace-zoom-controls{margin-left:auto!important;position:sticky!important;right:0!important;display:flex!important;gap:3px!important;padding-left:8px!important;background:#fff!important}
html.web-v243 .workspace-zoom-controls button{height:34px!important;min-width:34px!important;border:1px solid #d9dee6!important;border-radius:7px!important;background:#fff!important;color:#4a5567!important;box-shadow:none!important}

html.web-v243 .direct-type-hint{margin:0!important;padding:9px 15px!important;display:flex!important;align-items:center!important;gap:10px!important;border:0!important;border-bottom:1px solid #dec98b!important;border-radius:0!important;background:#fff9e8!important;color:#493a15!important;box-shadow:none!important}
html.web-v243 .direct-type-hint strong{font-size:11px!important;color:#493a15!important;letter-spacing:.01em!important}
html.web-v243 .direct-type-hint small{font-size:10px!important;color:#75663e!important}
html.web-v243 .page-stage{height:100%!important;min-height:0!important;padding:34px 44px 78px!important;overflow:auto!important;background:#e6e9ee!important;scrollbar-gutter:stable!important}
html.web-v243 .pdf-page-wrap{background:#fff!important;box-shadow:0 7px 26px rgba(22,31,45,.18),0 0 0 1px rgba(33,44,60,.08)!important}

html.web-v243 .inspector{width:auto!important;min-width:0!important;padding:0 12px 28px!important;background:#fff!important;border-left:1px solid #dce1e8!important;color:#263246!important;overflow:auto!important}
html.web-v243 .inspector-heading{padding:15px 3px 13px!important;border-bottom:1px solid #e4e7ec!important}
html.web-v243 .inspector-heading .eyebrow{color:#9a7826!important;font-size:8px!important;letter-spacing:.13em!important}
html.web-v243 .inspector-heading h3{margin:4px 0 0!important;color:#1b2433!important;font-size:15px!important}
html.web-v243 .inspector-section{padding:14px 0!important;border-bottom:1px solid #e8ebef!important}
html.web-v243 .inspector-section>label{display:block!important;margin:0 0 8px!important;color:#8a93a2!important;font-size:8px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important}
html.web-v243 .inspector-grid{gap:6px!important}
html.web-v243 .inspector button{min-height:36px!important;border:1px solid #dce1e8!important;border-radius:7px!important;background:#fff!important;color:#465164!important;box-shadow:none!important;font-size:10px!important}
html.web-v243 .inspector button:hover{background:#f6f7f9!important;border-color:#bcc4cf!important;color:#1b2433!important}
html.web-v243 .inspector button.direct-type-active{border-color:#b98a20!important;background:#fff8e5!important;color:#6e5418!important}
html.web-v243 .inspector .featured{background:#fff!important;color:#465164!important}
html.web-v243 .inspector .danger{color:#9b3442!important;border-color:#ebcbd0!important}
html.web-v243 .inspector-tip{margin:14px 0 0!important;padding:12px!important;border:1px solid #e3e6eb!important;border-radius:8px!important;background:#f8f9fb!important;color:#697486!important;box-shadow:none!important;font-size:9px!important}
html.web-v243 .inspector-tip strong{color:#3c4656!important}

/* Make direct existing-text editing unmistakable. */
html.web-v243 .editable-pdf-object.text.selected{outline:2px solid #b88920!important;outline-offset:2px!important;background:rgba(255,248,224,.24)!important;box-shadow:0 0 0 4px rgba(184,137,32,.10)!important}
html.web-v243 .editable-text-content{caret-color:#1359d1!important;color:inherit!important}
html.web-v243 .object-toolbar{top:-38px!important;min-height:32px!important;display:flex!important;border:1px solid #c7ccd4!important;border-radius:7px!important;background:#fff!important;box-shadow:0 7px 20px rgba(24,32,45,.18)!important;overflow:hidden!important}
html.web-v243 .object-toolbar button{height:32px!important;padding:0 10px!important;border:0!important;border-right:1px solid #e1e4e9!important;border-radius:0!important;background:#fff!important;color:#283345!important;font-size:10px!important;font-weight:750!important}
html.web-v243 .object-toolbar button:last-child{border-right:0!important;color:#a4373d!important;background:#fff7f7!important}
html.web-v243 .object-toolbar button:hover{background:#f4f6f8!important}
html.web-v243 .object-resize-handle{background:#b88920!important;border-color:#fff!important;box-shadow:0 0 0 1px #8f6a16!important}

/* CTRL+ paywall: desktop card, clear content, no old stacked block artifacts. */
html.web-v243 .modal-layer{position:fixed!important;inset:0!important;z-index:200!important;padding:32px!important;display:grid!important;place-items:center!important;background:rgba(13,20,33,.56)!important;backdrop-filter:blur(8px)!important}
html.web-v243 .modal-card{width:min(560px,calc(100vw - 40px))!important;max-height:min(820px,calc(100vh - 48px))!important;box-sizing:border-box!important;padding:30px!important;border:1px solid #d9dee6!important;border-radius:16px!important;background:#fff!important;color:#1b2433!important;box-shadow:0 28px 90px rgba(11,18,31,.24)!important;overflow:auto!important}
html.web-v243 .paywall-card{width:min(640px,calc(100vw - 40px))!important;padding:32px 34px 28px!important;text-align:left!important;overflow:auto!important;background:#fff!important;border:1px solid #d8dde5!important;border-radius:18px!important;box-shadow:0 28px 100px rgba(10,18,31,.28)!important}
html.web-v243 .paywall-glow{display:none!important}
html.web-v243 .paywall-card .pro-orb{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;margin:0 0 10px!important;border:1px solid #d8bc6b!important;border-radius:12px!important;background:#fff9e8!important;color:#a07819!important;box-shadow:none!important}
html.web-v243 .paywall-card .eyebrow.centered{text-align:left!important;color:#9a7723!important;font-size:9px!important;letter-spacing:.15em!important}
html.web-v243 .paywall-title{margin:7px 0 8px!important;color:#172033!important;font:700 34px/1.04 Georgia,"Times New Roman",serif!important;letter-spacing:-.035em!important;text-align:left!important}
html.web-v243 .paywall-subtitle{margin:0 0 14px!important;color:#667184!important;font-size:12px!important;line-height:1.55!important;text-align:left!important}
html.web-v243 .catalog-status{margin:8px 0 15px!important;padding:8px 10px!important;border-radius:7px!important;background:#f5f7fa!important;color:#778194!important;font-size:9px!important;text-align:left!important}
html.web-v243 .plan-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:15px 0!important}
html.web-v243 .plan-option{min-height:112px!important;padding:15px 12px!important;display:grid!important;align-content:start!important;gap:8px!important;border:1px solid #dce1e8!important;border-radius:10px!important;background:#fff!important;color:#202a3a!important;box-shadow:none!important}
html.web-v243 .plan-option:hover{border-color:#b6bdc8!important;background:#fbfcfd!important}
html.web-v243 .plan-option.selected{border-color:#b88920!important;background:#fffaf0!important;box-shadow:0 0 0 2px rgba(184,137,32,.10)!important}
html.web-v243 .plan-option>span:not(.save-pill):not(.selected-plan-pill){display:grid!important;gap:4px!important}
html.web-v243 .plan-option strong{font-size:13px!important;color:#1f2938!important}
html.web-v243 .plan-option small{color:#778193!important;font-size:9px!important;line-height:1.35!important}
html.web-v243 .plan-option>b{margin-top:auto!important;color:#171f2d!important;font-size:18px!important}
html.web-v243 .plan-option>b small{font-size:8px!important;font-weight:600!important}
html.web-v243 .save-pill{position:static!important;width:max-content!important;padding:3px 6px!important;border-radius:999px!important;background:#f2e5b9!important;color:#6b5012!important;font-size:7px!important;font-weight:900!important;letter-spacing:.05em!important}
html.web-v243 .selected-plan-pill{position:static!important;width:max-content!important;padding:3px 6px!important;border:0!important;border-radius:999px!important;background:#b88920!important;color:#fff!important;font-size:7px!important}
html.web-v243 .pro-benefits{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 18px!important;margin:17px 0!important;padding:16px 0!important;border-top:1px solid #e6e9ee!important;border-bottom:1px solid #e6e9ee!important;list-style:none!important}
html.web-v243 .pro-benefits li{display:flex!important;gap:8px!important;align-items:flex-start!important;color:#667184!important;font-size:10px!important;line-height:1.4!important}
html.web-v243 .pro-benefits li svg{flex:0 0 auto!important;color:#a67d1b!important}
html.web-v243 .pro-benefits strong{color:#303b4d!important}
html.web-v243 .paywall-card .primary-button.wide{width:100%!important;min-height:44px!important;border:1px solid #a87d19!important;border-radius:9px!important;background:#c99d37!important;color:#18130a!important;box-shadow:none!important;font-weight:850!important}
html.web-v243 .restore-button{width:100%!important;margin-top:8px!important;min-height:38px!important;border:1px solid #dce1e8!important;border-radius:8px!important;background:#fff!important;color:#4f5a6b!important}
html.web-v243 .fine-print{margin:10px 0 0!important;color:#8a93a2!important;font-size:9px!important;line-height:1.45!important;text-align:center!important}
html.web-v243 .modal-close{top:14px!important;right:14px!important;width:34px!important;height:34px!important;border:1px solid #dce1e8!important;border-radius:8px!important;background:#fff!important;color:#596476!important;box-shadow:none!important}

/* Other browser pages: remove Android sidebar feel and use a conventional website frame. */
html.web-v243:not(.ctrl-website-home) .app-shell:not(:has(.workspace-shell)){grid-template-columns:0 minmax(0,1fr)!important;background:#f5f7fa!important}
html.web-v243:not(.ctrl-website-home) .app-shell:not(:has(.workspace-shell))>.sidebar{display:none!important}
html.web-v243:not(.ctrl-website-home) .app-shell:not(:has(.workspace-shell))>.main-content{width:100%!important;min-width:0!important;background:#f5f7fa!important}
html.web-v243:not(.ctrl-website-home) .app-shell:not(:has(.workspace-shell)) .topbar{height:68px!important;min-height:68px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid #dfe3e8!important;box-shadow:none!important}
html.web-v243:not(.ctrl-website-home) .app-shell:not(:has(.workspace-shell)) .page-content{max-width:1180px!important;margin:0 auto!important;padding:34px 28px 70px!important;color:#1f2938!important}

@media(max-width:1120px){
 html.web-v243 .workspace-body{grid-template-columns:132px minmax(520px,1fr)!important}
 html.web-v243 .workspace-body .inspector{display:none!important}
 html.web-v243 .workspace-body.thumbs-closed{grid-template-columns:1fr!important}
 html.web-v243 .plan-options{grid-template-columns:1fr!important}
 html.web-v243 .plan-option{min-height:auto!important}
}
@media(max-width:720px){
 html.web-v243 .workspace-shell{grid-template-rows:58px minmax(0,1fr)!important;height:100dvh!important}
 html.web-v243 .workspace-topbar{height:58px!important;min-height:58px!important;padding:0 8px!important}
 html.web-v243 .workspace-topbar .ctrl-brand{display:none!important}
 html.web-v243 .workspace-file strong{max-width:160px!important}
 html.web-v243 .workspace-history{display:none!important}
 html.web-v243 .workspace-body,html.web-v243 .workspace-body.thumbs-closed{grid-template-columns:1fr!important}
 html.web-v243 .page-rail,html.web-v243 .inspector{display:none!important}
 html.web-v243 .canvas-toolbar{padding:7px 8px!important}
 html.web-v243 .page-stage{padding:18px 10px 72px!important}
 html.web-v243 .modal-layer{padding:10px!important;align-items:end!important}
 html.web-v243 .paywall-card,html.web-v243 .modal-card{width:100%!important;max-height:calc(100dvh - 20px)!important;border-radius:16px 16px 8px 8px!important;padding:24px 18px!important}
 html.web-v243 .pro-benefits{grid-template-columns:1fr!important}
}