[hidden]{display:none!important}body{min-width:300px}header{gap:20px;padding:20px 4%}.brand{display:flex;align-items:center;gap:14px}.brand img{border-radius:50%;background:white}header p{font-size:13px}nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}nav button{font-size:13px;padding:9px 12px}#connection{font-size:12px;color:#e3e0ff}.auth{max-width:450px;margin:70px auto;padding:32px}.auth h2{font-size:25px;line-height:1.3}.auth p{line-height:1.6;color:#65758a}.auth button{width:100%;margin-top:22px}.auth #authError{color:#a32424;font-size:14px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.sectionhead h2{margin:0}.sectionhead button{font-size:12px}.quoteList{max-height:250px;overflow:auto;margin-top:14px;display:grid;gap:7px}.quoteItem{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;width:100%;padding:13px 12px;color:#20374b}.quoteItem strong{display:block;color:#080373;font-size:14px}.quoteItem span{font-size:12px;color:#65758a}.quoteItem.active{background:#eeedf9;border-color:#b6b0e8}#cloudStatus{font-size:13px;line-height:1.5;margin-bottom:0;color:#65758a}.error{color:#a32424!important}.success{color:#1d6c4b!important}input[readonly]{background:#eeedf7;color:#080373;font-weight:700}button:disabled{cursor:wait;opacity:.6}dialog{max-width:440px;width:calc(100% - 32px);padding:26px;border:1px solid #dce3ec;border-radius:15px;color:#192d46;box-shadow:0 15px 70px #14274444}dialog::backdrop{background:#10264166}dialog p{line-height:1.6}input,select,textarea{scroll-margin-top:18px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a49beb;outline-offset:2px}.preview{max-width:100%}.preview canvas{border-radius:3px}#quoteList p{font-size:13px;color:#65758a}.library{border-top:4px solid #080373}#password,#username{font-size:16px}a{color:#080373}@media(max-width:700px){header{align-items:flex-start;padding:18px;gap:14px}.brand h1{font-size:21px}.brand img{width:44px;height:44px}nav{gap:7px}nav button{font-size:12px}main{padding:0 12px;margin:14px auto;gap:0}section{padding:18px;border-radius:12px;margin-bottom:14px}.auth{margin:35px 16px;padding:25px}.auth h2{font-size:23px}input,select,textarea{font-size:16px;padding:12px;min-height:46px}button{min-height:42px}.row{gap:9px}.tools{gap:7px}.tools button{flex-grow:1}.sailhead{align-items:flex-start}.sailhead button{padding:6px 9px}.quoteList{max-height:210px}.previewbar h2{font-size:18px}header p{max-width:220px;line-height:1.5}.brand{gap:10px}nav #connection{width:100%}}@media(display-mode:standalone){header{padding-top:max(18px,env(safe-area-inset-top))}body{padding-bottom:env(safe-area-inset-bottom)}}