/* Floodtide Studio design system V8.15 — UI chrome, not the client brand.
   Only Adobe Fonts family names are used; no licensed font files are bundled. */
:root{
 --ft-navy:#212833;--ft-navy-0:#151d28;--ft-navy-1:#1b2633;--ft-navy-2:#243240;--ft-navy-3:#2e3e4e;
 --ft-cream:#FFF8EE;--ft-mist:#F0F5F8;--ft-pink:#F9CBDA;--ft-rose:#96546C;
 --ft-rule:#516172;--ft-muted:#c8d4dc;--ft-line:#516273;
 --ft-sans:'Greycliff CF','greycliff-cf','Segoe UI',Arial,sans-serif;
 --ft-serif:'Quincy CF','quincy-cf',Georgia,'Times New Roman',serif;
 font-family:var(--ft-sans);color-scheme:dark;
}
html,body{background:var(--ft-navy-0);color:var(--ft-cream);font-family:var(--ft-sans)}
button,select,input,textarea{font-family:var(--ft-sans)}
button:not([disabled]){transition:background-color .15s ease,border-color .15s ease,color .15s ease}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--ft-pink)!important;outline-offset:3px!important}
::selection{background:var(--ft-pink);color:var(--ft-navy)}
/* Same real Floodtide SVG mark and hierarchy across both editors. */
.ft-brand-link{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto;min-width:0}
.ft-wordmark{display:block;width:141px;height:auto;max-height:30px;object-fit:contain}
.ft-app-divider{color:var(--ft-pink);font-size:21px;font-weight:300;line-height:1}
.ft-product-name{font-weight:700;letter-spacing:-.025em;font-size:13px;color:var(--ft-cream);white-space:nowrap}
.ft-back{display:inline-flex;align-items:center;justify-content:center;color:var(--ft-mist);font-size:11px;text-decoration:none;white-space:nowrap;border:1px solid #8593a1;border-radius:5px;padding:8px 10px;min-height:35px}
.ft-back:hover{border-color:var(--ft-pink);background:#31404d}
/* Shared geometry and actions */
.appbar,.topbar{height:68px!important;background:var(--ft-navy-0)!important;border-bottom:1px solid #5e6b76!important;padding-inline:22px!important}
.appbrand,.topbar .identity{display:flex;align-items:center;gap:13px!important;font-family:var(--ft-sans);font-weight:650!important;letter-spacing:0!important}
.topbar .identity{flex:0 1 auto;min-width:0}
.version-tag{font-size:10px;letter-spacing:.11em;color:#b6c6d0;padding:0;white-space:nowrap}
.topbar .toolbar-group,.top-actions{gap:9px!important}
.topbar .toolbar-group>label{color:var(--ft-muted)!important}
.topbar button,.topbar select,.btn,.back,.tool-right button,.tool-right select,.mini-btn,.full{border-radius:5px!important}
.topbar button,.topbar select,.btn{min-height:36px!important;border:1px solid #7f8e9e!important;background:#263440!important;color:var(--ft-cream)!important;font-size:12px!important;font-weight:650!important}
.topbar button:hover:not(:disabled),.btn:hover:not(:disabled){background:#354659!important;border-color:#b3c2ce!important}
.topbar button.primary,.btn.strong{background:var(--ft-cream)!important;color:var(--ft-navy)!important;border-color:var(--ft-cream)!important;font-weight:750!important}
.topbar button.primary:hover:not(:disabled),.btn.strong:hover:not(:disabled){background:#f0e7da!important}
.topbar select{padding-inline:11px}
/* Guide editor: client preview remains untouched. */
.app-shell{grid-template-rows:68px minmax(0,1fr) 31px!important;background:var(--ft-navy-0)}
.workarea{background:var(--ft-navy-0)}
.panel{background:var(--ft-navy-1)!important}
.pages-panel{border-right-color:var(--ft-line)!important}
.inspector{border-left-color:var(--ft-line)!important}
.panel-head{color:var(--ft-muted)!important;letter-spacing:.14em}
.page-item{border-radius:5px!important;position:relative}
.page-item:hover{background:#334355!important}
.page-item.active{background:#354656!important;border-color:#a9b7c3!important;box-shadow:inset 3px 0 0 var(--ft-pink)}
.page-item .page-name{color:var(--ft-cream)}
.page-item .page-sub{color:#c5d0da!important}
.workspace{background:#303d49!important}
.canvas-toolbar{background:var(--ft-navy-2)!important;border-bottom-color:var(--ft-line)!important}
.canvas-toolbar .canvas-label{color:var(--ft-cream)!important;font-weight:650}
.canvas-stage{background:radial-gradient(ellipse at 50% 40%,#405363 0%,#303d49 65%,#283745 100%)}
.mini-btn,.topbar select,.control input[type=text],.control input[type=number],.control textarea,.control select,#new-page-template{background:#1d2936!important;border-color:#8393a2!important;color:var(--ft-cream)!important}
.mini-btn:hover:not(:disabled){background:#344555!important;border-color:var(--ft-pink)!important}
.inspector-tabs{border-bottom-color:var(--ft-line)!important}
.inspector-tabs button{background:var(--ft-navy-1)!important;color:#d0dbe3!important}
.inspector-tabs button[aria-selected=true]{background:var(--ft-navy-2)!important;color:var(--ft-cream)!important;border-bottom-color:var(--ft-pink)!important}
.inspector-scroll{background:var(--ft-navy-1)}
.inspector h2,.inspector .control label,.inspector .control-label{color:var(--ft-cream)!important}
.inspector .intro,.control .help,.callout,.notice,.page-info{color:#ccd6dc!important}
.control input[type=text]:focus,.control textarea:focus,.control select:focus{border-color:var(--ft-pink)!important}
.callout{background:var(--ft-navy-2)!important;border-color:#65798a!important}
.section-group{border-top-color:var(--ft-rule)!important}
.section-group h3{color:var(--ft-pink)!important}
.statusbar{background:var(--ft-navy-0)!important;border-top-color:var(--ft-rule)!important;color:#bdcbd5!important}
/* Proposal editor: same surface colours and control semantics. */
.app-layout{height:calc(100vh - 68px)!important}
.appbar .appbrand{letter-spacing:0!important;font-size:13px}
.appbar .appbrand strong{color:var(--ft-cream)!important;font-size:13px!important;font-weight:700!important}
.app-separator{color:var(--ft-pink)!important}
.appbar .back{border-color:#8293a2!important;color:var(--ft-cream);text-align:center}
.save-status{color:#cad7df!important}
.more-menu{background:var(--ft-navy-1)!important;border-color:#768899!important}
.more-menu button:hover{background:#344555!important}
.outline,.app-layout>.inspector{background:var(--ft-navy-1)!important}
.outline{border-right-color:var(--ft-rule)!important}
.panel-title{color:var(--ft-pink)!important;letter-spacing:.14em!important}
.doc-title{font-family:var(--ft-serif)!important;font-size:22px!important;font-weight:400!important;color:var(--ft-cream)}
.sidebar-note{color:#c2cfd9!important}
.outline-item{color:var(--ft-cream)!important}
.outline-item:hover{background:#314357!important}
.outline-item.active{background:#354759!important;border-color:#91a2b0!important;box-shadow:inset 3px 0 0 var(--ft-pink)}
.outline-number{color:#c1d0dc!important}
.outline-bottom{border-top-color:var(--ft-line)!important}
.outline-bottom p,.progress-line{color:#c5d2dc!important}
.outline-bottom .secondary{background:var(--ft-navy-2)!important;border-color:#8b9cac!important;color:var(--ft-cream)!important}
.preview-area{background:#303d49!important}
.preview-tools{background:var(--ft-navy-2)!important;border-bottom:1px solid var(--ft-rule)!important}
.tool-right button,.tool-right select{background:#1f2c3a!important;border-color:#8798a8!important;color:var(--ft-cream)!important}
.tool-right button:hover:not(:disabled){background:#3a4d61!important}
.artboard-area{background:radial-gradient(ellipse at 50% 40%,#435565 0%,#303e4b 72%,#293846 100%)}
.preview-hint{color:#d4dce2!important}
.app-layout>.inspector{border-left-color:var(--ft-rule)!important}
.app-layout>.inspector h2{font-family:var(--ft-serif)!important;font-size:25px!important;font-weight:400!important;color:var(--ft-cream)}
.inspector-intro,.form-help,.spec-note{color:#c8d4dc!important}
.inspector-top,.inspector-foot{border-color:var(--ft-rule)!important}
.form-group label,.form-title{color:var(--ft-cream)!important}
.form-group input,.form-group textarea,.form-group select{background:#1b2836!important;color:var(--ft-cream)!important;border-color:#8799a9!important}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--ft-pink)!important}
.mini-row{background:#273748!important;border-color:#788b9c!important}
.mini-row button,.add-row,.full.secondary{background:#2f4354!important;border-color:#8298a7!important;color:var(--ft-cream)!important}
.dialog{background:var(--ft-navy-1)!important;color:var(--ft-cream)!important;border-color:#96a7b6!important}
.finding{background:var(--ft-navy-2)!important;border-color:#74879a!important}
.finding p{color:#d2dce3!important}
/* Status/panel legibility and reduced motion */
:where(.topbar,.appbar) .btn,.topbar button,.topbar select{white-space:nowrap}
@media(max-width:1430px){.appbar,.topbar{padding-inline:13px!important}.ft-wordmark{width:123px}.appbrand,.topbar .identity{gap:9px!important}.version-tag{display:none}.toolbar-group{gap:6px!important}.app-layout{grid-template-columns:215px minmax(350px,1fr) 300px}}
@media(max-width:1160px){.ft-wordmark{width:100px}.ft-product-name{font-size:12px}.ft-app-divider{font-size:17px}.topbar button,.topbar select,.btn{font-size:11px!important;padding-inline:8px!important}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}}
/* Dialogs, overflow menus and ancillary controls use the same shared palette. */
.toolbar-more summary{border-color:#8295a6!important;background:#283849!important;color:var(--ft-cream)!important;border-radius:5px!important}
.toolbar-more summary:hover,.toolbar-more[open] summary{border-color:var(--ft-pink)!important;background:#35495a!important}
.toolbar-more-menu{background:var(--ft-navy-1)!important;border-color:#768b9e!important}
.toolbar-more-menu button{background:transparent!important;color:var(--ft-cream)!important}
.toolbar-more-menu button:hover{background:#35495a!important}
#new-brand-dialog,.review-dialog,.cloud-dialog{background:var(--ft-navy-1)!important;color:var(--ft-cream)!important;border:1px solid #90a3b3!important}
#new-brand-dialog h2,.review-top h2,.cloud-heading h2{font-family:var(--ft-serif)!important;font-size:25px!important;font-weight:400!important;line-height:1.2}
#new-brand-dialog p,.review-top p,.cloud-heading p,.cloud-content p,.review-footnote{color:#d5dfe6!important}
#new-brand-dialog .control input,.cloud-dialog input,.cloud-dialog select{background:#1b2a38!important;color:var(--ft-cream)!important;border-color:#879bab!important}
#new-brand-dialog button,.review-dialog button,.cloud-dialog button{font-family:var(--ft-sans)!important;background:#2e4355!important;color:var(--ft-cream)!important;border-color:#8698a8!important}
#new-brand-dialog button.primary,.review-dialog button.primary,.cloud-dialog button.primary{background:var(--ft-cream)!important;color:var(--ft-navy)!important;border-color:var(--ft-cream)!important}
.review-summary{background:var(--ft-navy-2)!important;color:var(--ft-cream)!important}
.review-top,.review-actions,.cloud-heading,.cloud-tabs{border-color:var(--ft-line)!important}
.cloud-tabs button[aria-selected=true]{background:#34495b!important;border-bottom:3px solid var(--ft-pink)!important}
.cloud-hint,.cloud-status{background:var(--ft-navy-2)!important;color:var(--ft-cream)!important;border-color:#728697!important}
.canvas-toolbar select{background:#223241!important;color:var(--ft-cream)!important;border-color:#8295a6!important}
.font-preview,.inspector .font-preview{background:#2b4051!important;color:var(--ft-cream)!important;border-color:#72899c!important}
@media(max-width:1250px){.topbar .toolbar-group>label[for=demo-brand]{display:none}}

/* V8.14 local acceptance polish */
.more-menu .ft-menu-home{display:block;padding:11px;color:var(--ft-cream);text-decoration:none;font-size:12px;font-weight:650;border-radius:3px}.more-menu .ft-menu-home:hover{background:#344555}.more-menu .ft-menu-home:focus-visible{outline:2px solid var(--ft-pink);outline-offset:2px}

/* V8.15 usability refinement: consistent touch targets, hierarchy and legibility. */
.ft-toolbar-label{font:600 11px/1.3 var(--ft-sans);color:var(--ft-muted);white-space:nowrap}
.topbar button,.topbar select,.btn,.ft-back{min-height:38px!important}
.topbar .toolbar-group{align-items:center!important}
.outline-item,.page-item{min-height:37px;display:flex;align-items:center}
.form-group label,.control label{letter-spacing:.005em}
.form-group input,.form-group textarea,.form-group select,.control input,.control select,.control textarea{border-width:1px!important}
.ft-reference-alert{border:1px solid #ae8596;border-left:3px solid var(--ft-pink);background:#2a303c;color:#f9e4e9;font-size:11px;line-height:1.5;padding:9px 11px;margin:10px 0 14px;border-radius:3px}
.ft-reference-landing{max-width:760px;margin:23px auto 0;color:#d4b4bf;font-size:12px;line-height:1.5;text-align:center}
.sidebar-note,.inspector-intro,.help,.page-info{line-height:1.55!important}
.toolbar-more summary,#more-toggle{min-height:38px;min-width:53px}
.inspector-top,.inspector-foot,.outline-bottom{padding-block:15px!important}
.topbar button:disabled,.btn:disabled{opacity:.48;cursor:not-allowed}
:where(button,a,select,input,textarea,[role="tab"]):focus-visible{outline:2px solid #F9CBDA!important;outline-offset:2px!important}
@media(max-width:1350px){.topbar .toolbar-group{gap:6px!important}.ft-wordmark{width:109px}.topbar button,.topbar select,.btn{font-size:11px!important;padding-inline:8px!important}}


/* V8.16: quiet website-derived interface. No alternate UI typefaces or ornamental dividers. */
:root{--ft-navy:#212833;--ft-navy-0:#151d28;--ft-navy-1:#202e3c;--ft-navy-2:#293848;--ft-pink:#F9CBDA;--ft-cream:#FFF8EE;--ft-sans:'Greycliff CF','greycliff-cf','Segoe UI',Arial,sans-serif;--ft-serif:'Quincy CF','quincy-cf',Georgia,serif}
html,body,button,input,textarea,select,summary,label,.ft-back,.ft-product-name,.page-item,.outline-item,.panel-head,.preview-tools,.inspector,.save-status{font-family:var(--ft-sans)!important}
.appbar,.topbar{height:78px!important;background:var(--ft-navy-0)!important;border-bottom:none!important;padding:0 25px!important;gap:18px!important;box-shadow:0 9px 28px #07132222}
.appbar .appbrand,.topbar .identity{gap:13px!important;flex-shrink:0}
.ft-brand-link{flex-shrink:0}
.ft-wordmark{width:27px!important;height:27px!important;max-height:27px!important}
.ft-app-divider{display:none!important}
.ft-product-name{font-size:15px!important;font-weight:600!important;letter-spacing:-.018em!important}
.ft-back{margin-left:7px!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;padding:9px 13px!important;border:0!important;border-radius:3px!important;background:#293849!important;color:var(--ft-cream)!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important}
.ft-back:hover{background:#425466!important}
.ft-main-actions,.top-actions,.topbar .toolbar-group{display:flex;align-items:center;gap:9px!important}
.topbar button,.topbar select,.btn,.full,.mini-btn,.tool-right button,.tool-right select{font-family:var(--ft-sans)!important;letter-spacing:0!important}
.topbar button,.btn{font-weight:600!important;border-radius:3px!important;background:#2a3a4a!important;border-color:transparent!important;box-shadow:none!important;min-height:38px!important}
.topbar button:hover,.btn:hover{background:#3a4c5d!important}
.topbar button.primary,.btn.strong{background:var(--ft-cream)!important;color:var(--ft-navy)!important}
.topbar button.primary:hover,.btn.strong:hover{background:#f4eade!important}
.topbar button#new-brand,.topbar button#new-project{background:transparent!important;border-color:transparent!important}
.app-layout{height:calc(100vh - 78px)!important;grid-template-columns:226px minmax(340px,1fr) 320px!important}
.app-shell{grid-template-rows:78px minmax(0,1fr) 29px!important}
.outline,.pages-panel,.app-layout>.inspector{background:#1f2c39!important}
.pages-panel,.outline,.app-layout>.inspector{border-color:transparent!important}
.outline{padding:26px 15px!important}
.outline .panel-title{padding:0 10px!important}
.panel-title,.panel-head{font:650 11px/1.3 var(--ft-sans)!important;letter-spacing:.055em!important;color:#d2dce3!important}
.doc-title{font:400 24px/1.18 var(--ft-serif)!important;margin-top:16px!important;color:var(--ft-cream)!important}
.sidebar-note,.page-info{font:400 12px/1.6 var(--ft-sans)!important;color:#b9cad6!important}
.outline-item,.page-item{border:0!important;border-radius:3px!important;min-height:39px!important;padding:11px 10px!important;line-height:1.35!important}
.outline-item.active,.page-item.active{background:#364657!important;border:0!important;box-shadow:none!important}
.outline-item:hover,.page-item:hover{background:#334657!important}
.outline-number{font-size:11px!important;color:#bccbd4!important}
.outline-item .tick{display:none!important}
.outline-bottom{border-top:0!important;margin-top:auto!important;padding:20px 10px!important}
.outline-bottom .progress-line{margin-bottom:13px!important}
.outline-bottom .full{background:#394c5e!important;border:0!important}
.outline-bottom p{color:#bfcad3!important}
.workspace,.preview-area{background:#293746!important}
.canvas-stage,.artboard-area{background:#344656!important;background-image:none!important}
.canvas-toolbar,.preview-tools{border-bottom:0!important;background:#2a3949!important;min-height:52px!important}
.preview-tools{padding:0 19px!important}
.preview-hint{background:#293746!important;color:#cad4dc!important}
.inspector-scroll{background:#202e3c!important}
.app-layout>.inspector{padding:25px 21px!important}
.inspector-tabs{border-bottom:0!important}
.inspector-tabs button{font-family:var(--ft-sans)!important;font-weight:600!important}
.inspector-tabs button[aria-selected=true]{background:#314354!important;border:0!important;color:var(--ft-cream)!important}
.app-layout>.inspector h2{font:400 30px/1.15 var(--ft-serif)!important;margin-top:14px!important}
.inspector-intro{font:400 12px/1.58 var(--ft-sans)!important}
.form-group label,.control label{font:650 11px/1.3 var(--ft-sans)!important;color:#e5eef3!important}
.form-group input,.form-group textarea,.form-group select,.control input,.control textarea,.control select{background:#1c2b39!important;color:var(--ft-cream)!important;border-color:#637585!important;border-radius:3px!important;font-family:var(--ft-sans)!important;font-size:12px!important}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.control input:focus,.control textarea:focus,.control select:focus{border-color:var(--ft-pink)!important}
.form-help,.help{font:400 11px/1.5 var(--ft-sans)!important;color:#c1cdd6!important}
.form-title{color:var(--ft-cream)!important}
.inspector-foot{border-top:0!important}
.spec-note{color:#c1ced6!important;line-height:1.5!important}
.more-menu,.toolbar-more-menu{border:0!important;background:#233342!important;border-radius:4px!important;box-shadow:0 16px 40px #0006!important;padding:8px!important}
.more-menu button,.more-menu a,.toolbar-more-menu button{border:0!important;border-radius:3px!important;font-family:var(--ft-sans)!important;font-size:12px!important}
.more-menu a{display:block;padding:10px!important;text-decoration:none!important;color:var(--ft-cream)!important}
.more-menu button:hover,.more-menu a:hover,.toolbar-more-menu button:hover{background:#364a5c!important}
#more-toggle{padding-inline:13px!important}
#review-button,#next-section,.full.secondary{background:#3a5062!important;border:0!important;color:var(--ft-cream)!important}
#review-button:hover,#next-section:hover,.full.secondary:hover{background:#4a6276!important}
.topbar .ft-sample-private{display:grid;gap:6px;margin:9px 3px 14px;font-size:11px;color:#ccd6de}
.ft-sample-private select{width:100%;background:#26394b!important;color:var(--ft-cream)!important}
.review-dialog,.cloud-dialog,#new-brand-dialog,.dialog{border:0!important;border-radius:5px!important;box-shadow:0 25px 80px #0009!important}
.review-top,.review-actions,.cloud-heading,.cloud-tabs{border-color:transparent!important}
:where(button,summary,a,input,textarea,select):focus-visible{outline:2px solid var(--ft-pink)!important;outline-offset:2px!important}
@media(max-width:1320px){.appbar,.topbar{padding-inline:14px!important;gap:9px!important}.app-layout{grid-template-columns:202px minmax(335px,1fr) 290px!important}.ft-product-name{font-size:13px!important}.ft-back{padding-inline:9px!important}.topbar .toolbar-group,.top-actions{gap:5px!important}.topbar button,.topbar select,.btn{font-size:11px!important;padding-inline:8px!important}}
@media(max-width:1020px){.appbar,.topbar{overflow-x:auto!important;scrollbar-width:thin}.app-layout{grid-template-columns:185px minmax(310px,1fr) 260px!important}}

/* V8.16 saved editor copy and simple More controls */
.toolbar-more summary::after{display:none!important}.ft-standalone{font:500 12px/1.4 var(--ft-sans)!important;color:#b9cbd7!important;margin-left:7px}

.ft-page-manage{margin:13px 0 3px;color:#D6DFE7}.ft-page-manage>summary{cursor:pointer;list-style:none;padding:10px 12px;background:#2e4051;border-radius:3px;font-size:12px;font-weight:650}.ft-page-manage>summary::-webkit-details-marker{display:none}.ft-page-manage[open]>summary{background:#3b5062}.ft-page-manage .page-controls{margin-top:8px}.ft-page-manage>summary:focus-visible{outline:2px solid #FFF8EE;outline-offset:2px}