:root{font-family:"Source Sans 3",sans-serif;color:#263238;background:#f4f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}.sidebar{width:238px;background:#fff;border-right:1px solid #e2e9e9;display:flex;flex-direction:column;padding:25px 17px;position:fixed;inset:0 auto 0 0;z-index:2}.brand{padding:4px 12px 34px;display:flex;flex-direction:column;gap:6px}.brand img{width:122px;height:70px;object-fit:contain;object-position:left center}.brand span{font:800 10px Manrope;color:#7c9297;letter-spacing:2px}.side-label,.step{font:800 9px Manrope;letter-spacing:1.5px;color:#8ba0a4}.side-label{padding:0 13px 12px}.side-item{height:46px;border:0;background:transparent;text-align:left;padding:0 13px;border-radius:9px;color:#61777c;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer}.side-item.selected{background:#eaf4f5;color:#075766}.side-item b{font:800 8px Manrope;color:#2b9ca8;margin-left:auto}.side-bottom{margin-top:auto;border-top:1px solid #e7eeee;padding:18px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#075766;color:#fff;display:grid;place-items:center;font:800 11px Manrope}.side-bottom strong,.side-bottom small{display:block}.side-bottom strong{font:700 11px Manrope}.side-bottom small{font-size:10px;color:#819296;margin-top:3px}.main{margin-left:238px;width:calc(100% - 238px);padding:34px 42px 20px;max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}.eyebrow{font:800 9px Manrope;letter-spacing:1.6px;color:#a1164f;margin-bottom:10px}.topbar h1{font:800 29px Manrope;color:#075766;margin:0;letter-spacing:-1px}.topbar p{color:#72858a;margin:7px 0 0;font-size:14px}.top-actions{display:flex;align-items:center;gap:17px;padding-top:12px}.secure{font:800 8px Manrope;letter-spacing:.8px;color:#39828b}.export,.build-btn{border:0;background:#a1164f;color:#fff;border-radius:8px;padding:13px 19px;font:800 11px Manrope;letter-spacing:.2px;cursor:pointer;box-shadow:0 5px 14px #a1164f22}.export:disabled,.build-btn:disabled{opacity:.45;cursor:not-allowed}.workspace{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(550px,1.6fr);gap:18px}.left-panel,.right-panel{background:#fff;border:1px solid #e1e9e9;border-radius:13px;box-shadow:0 8px 28px #153b4310}.left-panel{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{font:800 17px Manrope;color:#075766;margin:8px 0 4px}.panel-head p{font-size:12px;color:#839398;margin:0;line-height:1.5}.file-icon{width:35px;height:35px;border-radius:10px;background:#edf5f6;color:#075766;display:grid;place-items:center;font-size:20px}.dropzone{margin-top:23px;border:1.5px dashed #a9c6c9;border-radius:10px;background:#f8fbfb;min-height:174px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#6f8589}.dropzone input{display:none}.upload-icon{width:35px;height:35px;border-radius:50%;background:#e4f2f3;color:#087183;display:grid;place-items:center;font-size:21px;margin-bottom:5px}.dropzone strong{font:700 12px Manrope;color:#23464c}.dropzone span{font-size:11px}.dropzone u{color:#a1164f;font-weight:700}.dropzone small{font:700 8px Manrope;color:#9aabad;letter-spacing:1px;margin-top:7px}.or-line{height:1px;background:#e9eeee;margin:24px 0 18px;position:relative}.or-line span{position:absolute;top:-7px;background:#fff;padding-right:10px;font:800 8px Manrope;letter-spacing:1.2px;color:#8da0a3}.field-label{display:block;font:700 10px Manrope;color:#536b70;margin:14px 0 8px}.mode-switch{display:flex;gap:5px;background:#f1f5f5;padding:4px;border-radius:8px}.mode-switch button{flex:1;border:0;background:transparent;border-radius:6px;padding:9px 4px;font:700 10px Manrope;color:#718387;cursor:pointer}.mode-switch button.active{background:#fff;color:#075766;box-shadow:0 1px 5px #183f4418}.text-input,.edit-fields input,.edit-fields textarea{width:100%;border:1px solid #dce6e6;border-radius:7px;padding:11px 12px;font:500 12px "Source Sans 3";color:#263238;outline:none;background:#fff}.text-input:focus,.edit-fields input:focus,.edit-fields textarea:focus{border-color:#2cb8ce;box-shadow:0 0 0 3px #2cb8ce1a}.brand-note{display:flex;gap:10px;background:#f0f7f7;padding:12px;border-radius:8px;margin-top:20px}.brand-note>span{color:#a1164f}.brand-note strong,.brand-note small{display:block}.brand-note strong{font:700 10px Manrope;color:#075766}.brand-note small{font-size:10px;color:#71868a;line-height:1.4;margin-top:4px}.build-btn{width:100%;margin-top:17px;background:#075766}.right-panel{padding:24px;min-width:0}.right-head{margin-bottom:20px}.slide-count{font:800 9px Manrope;color:#a1164f;background:#fbf0f4;border-radius:30px;padding:7px 10px}.editor{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;min-height:460px}.slide-list{display:flex;flex-direction:column;gap:7px;max-height:550px;overflow:auto;padding-right:4px}.slide-thumb{border:1px solid #e4ebeb;background:#fff;border-radius:7px;padding:9px;text-align:left;cursor:pointer;min-height:62px}.slide-thumb.current{border-color:#2cb8ce;background:#f1fafb;box-shadow:0 0 0 1px #2cb8ce}.thumb-no{display:block;font:800 8px Manrope;color:#a1164f;margin-bottom:4px}.thumb-title{display:block;font:700 10px Manrope;color:#294a50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-type{display:block;font-size:9px;color:#8b9b9e;margin-top:3px}.add-slide{border:1px dashed #a9c5c8;background:#f8fbfb;color:#075766;border-radius:7px;padding:12px;font:700 10px Manrope;cursor:pointer}.edit-area{min-width:0}.preview-wrap{background:#eaf0f0;border-radius:8px;padding:17px;display:grid;place-items:center}.mini-slide{width:min(100%,440px);aspect-ratio:16/9;background:#f7f5f0;box-shadow:0 4px 15px #26323820;position:relative;padding:6% 7%;overflow:hidden}.mini-slide.dark{background:#075766;color:#fff}.mini-logo{font:800 20px Manrope;color:#075766;display:flex;align-items:baseline;gap:2px}.mini-logo span{color:#a1164f}.mini-logo small{font:600 7px "Source Sans 3";margin-left:4px}.mini-slide.dark .mini-logo{color:#fff}.mini-slide h3{font:800 clamp(13px,2vw,22px) Manrope;color:#075766;max-width:90%;margin:10% 0 3%;line-height:1.12}.mini-slide.dark h3{color:#fff}.mini-slide p{font:500 clamp(7px,1vw,11px) "Source Sans 3";color:#42575b;line-height:1.45;max-width:88%;white-space:pre-line;overflow:hidden;max-height:29%}.mini-slide.dark p{color:#e5f1f1}.mini-rule{width:45px;height:3px;background:#a1164f;margin-top:7%}.mini-footer{position:absolute;bottom:5%;left:7%;font:800 5px Manrope;letter-spacing:1px;color:#759094}.mini-slide.dark .mini-footer{color:#e2eeee}.edit-fields{padding:15px 2px}.edit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.edit-head span{font:800 8px Manrope;letter-spacing:1.2px;color:#8ba0a4}.edit-head select{border:1px solid #dce6e6;border-radius:6px;padding:7px;font:600 10px Manrope;color:#075766;background:#fff}.edit-fields label{display:block;font:700 10px Manrope;color:#526a6f;margin:12px 0 6px}.edit-fields textarea{resize:vertical;line-height:1.55}.field-hint{font-size:10px;color:#89999c;margin-top:6px}.delete-slide{border:0;background:transparent;color:#a1164f;font:700 10px Manrope;padding:10px 0;cursor:pointer}.bottom-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.bottom-card{background:#fff;border:1px solid #e3ebeb;border-radius:9px;padding:15px;display:flex;gap:12px;align-items:flex-start}.bottom-symbol{color:#0b7c8b;font-size:18px}.bottom-card strong,.bottom-card small{display:block}.bottom-card strong{font:700 10px Manrope;color:#21464d}.bottom-card small{font-size:10px;line-height:1.4;color:#829397;margin-top:4px}.status{display:flex;align-items:center;gap:8px;font-size:10px;color:#6e8589;padding:19px 2px 0}.status-dot{width:6px;height:6px;border-radius:50%;background:#2aa68e}.status-right{margin-left:auto;font:800 8px Manrope;letter-spacing:1px;color:#9aabad}@media(max-width:1100px){.sidebar{width:190px}.main{margin-left:190px;width:calc(100% - 190px);padding:25px}.workspace{grid-template-columns:1fr}.editor{grid-template-columns:150px 1fr}.bottom-row{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{display:none}.main{margin:0;width:100%;padding:18px}.topbar{display:block}.top-actions{justify-content:space-between}.topbar h1{font-size:24px}.right-panel,.left-panel{padding:17px}.editor{grid-template-columns:1fr}.slide-list{display:grid;grid-template-columns:repeat(2,1fr);max-height:180px}.preview-wrap{padding:10px}.status-right{display:none}}.edit-fields input[type=file]{font-size:10px;padding:8px;background:#f8fbfb}:root{--hh-teal: #075766;--hh-berry: #A1164F;--hh-navy: #24205F;--hh-cyan: #2CB8CE;--hh-gold: #F5C84C;--hh-paper: #F7F5F0;--hh-pale: #EDF5F6;--hh-ink: #263238}body{background:radial-gradient(ellipse at 88% 4%,rgba(44,184,206,.075),transparent 31rem),linear-gradient(135deg,#f7f8f6,#f0f5f5)}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button,.side-item,.dropzone,.slide-thumb,.bottom-card,.left-panel,.right-panel{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(44,184,206,.48);outline-offset:2px}.sidebar{background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand img{object-fit:contain}.main{max-width:1840px}.topbar h1{letter-spacing:-1.25px}.export,.build-btn{box-shadow:0 8px 22px #07576621;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.export:hover:not(:disabled),.build-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #07576633}.export{background:var(--hh-berry)}.export:hover:not(:disabled){background:#8e1043}.build-btn{background:var(--hh-teal)}.build-btn:hover:not(:disabled){background:#064a57}.left-panel,.right-panel{border-color:#0757661a;box-shadow:0 14px 38px #18393e11}.dropzone{background:linear-gradient(145deg,#fbfdfc,#f1f8f8)}.dropzone:hover{border-color:var(--hh-cyan);background:#f0fafb;box-shadow:0 8px 24px #2cb8ce1a}.brand-note{background:linear-gradient(115deg,#eef7f6,#f5f8f7);border:1px solid rgba(7,87,102,.055)}.preview-wrap{background:radial-gradient(circle at 90% 5%,rgba(44,184,206,.12),transparent 45%),linear-gradient(145deg,#f0f5f4,#e8efee)}.mini-slide{border-radius:3px;box-shadow:0 12px 30px #18393e24}.mini-slide.dark{background:linear-gradient(135deg,#075766,#064c5a 70%,#073f4a)}.slide-thumb:hover,.bottom-card:hover{transform:translateY(-2px);border-color:#2cb8ce80;box-shadow:0 8px 20px #18393e12}.slide-thumb.current{background:linear-gradient(120deg,#f0fafb,#f7fbfa);border-color:var(--hh-cyan)}.bottom-card{border-color:#0757661a;box-shadow:0 5px 18px #18393e09}.status-dot{box-shadow:0 0 0 4px #2aa68e1a}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sample-btn{width:100%;margin-top:10px;padding:11px 12px;border:1px solid #b9d8dc;border-radius:8px;background:#f2f9fa;color:#075766;font:800 10px Manrope,sans-serif;cursor:pointer;transition:all .18s ease}.sample-btn:hover:not(:disabled){background:#e5f3f5;border-color:#2cb8ce;transform:translateY(-1px)}.sample-btn:disabled{opacity:.55;cursor:not-allowed}.dropzone{transition:border-color .18s ease,background .18s ease,transform .18s ease}.dropzone:hover{border-color:#2cb8ce;background:#f1f9fa}.mini-reference{width:min(100%,520px);position:relative;background:#fff;border-radius:7px;padding:8px;box-shadow:0 4px 15px #26323820}.mini-reference img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain}.mini-reference span{display:block;padding:7px 4px 1px;color:#075766;font:800 7px Manrope,sans-serif;letter-spacing:1px}.slide-thumb:focus-visible,.add-slide:focus-visible,.sample-btn:focus-visible,.export:focus-visible,.build-btn:focus-visible{outline:3px solid #2cb8ce;outline-offset:2px}@media(max-width:900px){.main{padding:22px 20px}.topbar{gap:18px}.top-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:700px){.top-actions{justify-content:flex-start}.secure{display:none}.preview-wrap{min-height:0}.mini-reference img{max-height:220px}}