@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#243047;background:#f5f6fa;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;color:inherit;transition:background .15s,box-shadow .15s}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.97)}button:focus-visible,a:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #dce1e9;border-radius:7px;background:#fff;padding:11px 12px;color:#263249;outline:none}input:focus,select:focus,textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #eef2ff}input::placeholder{color:#98a0af}textarea{resize:vertical;line-height:1.7}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:30px;letter-spacing:-1px;font-weight:800}h2{font-size:18px;letter-spacing:-.4px}p{color:#333;line-height:1.7}small{color:#8590a1}label{display:block;font-size:12px;font-weight:600;color:#455168;margin-top:20px}label input,label select{margin-top:8px}.primary,.secondary{border-radius:7px;padding:11px 17px;font-weight:600;font-size:12px;white-space:nowrap}.primary{background:#5046e5;color:#fff;box-shadow:0 3px 5px #4f46e51a}.secondary{background:#fff;border:1px solid #dce1e9}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e7eaf0;display:flex;flex-direction:column;padding:30px 20px 0}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-1px;font-weight:800;white-space:nowrap}.brand-light{font-weight:500;color:#68758a}.brand small{display:block;font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:1.8px;font-weight:600;margin-top:5px}.brand-icon{display:flex;background:#5046e5;color:#fff;padding:9px;border-radius:11px}.workspace{display:flex;align-items:center;gap:10px;padding:15px 10px;background:#f8f9fc;border:1px solid #eceef4;border-radius:9px;margin-top:34px}.workspace-avatar{background:#eae9fb;color:#625acc;padding:8px 11px;border-radius:7px;font-weight:700}.workspace b{font-size:12px}.workspace small{display:block;font-size:12px;margin-top:4px}.nav-label{font-size:12px;letter-spacing:1.5px;font-weight:600;margin:32px 11px 13px}.nav-item{justify-content:flex-start;padding:12px;border-radius:7px;font-size:12px;font-weight:600;width:100%}.nav-item.active{color:#5149da;background:#eeedfd}.nav-item span{margin-left:auto;background:#dfddfb;padding:2px 6px;border-radius:4px;font-size:12px}.sidebar-tip{margin-top:auto;padding:24px 12px 32px;color:#85839d}.sidebar-tip b{display:block;font-size:12px;line-height:1.7;margin-top:12px;font-weight:500}.sidebar-tip p{font-size:12px;line-height:1.7;margin-top:8px;color:#979aaa}.account{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f5;margin:auto -20px 0;padding:20px 16px}.account>div{min-width:0;flex:1}.account b{font-size:12px}.account small{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.account button{color:#8a93a2;padding:5px}.avatar{background:#f1e9e0;color:#886b4e;border-radius:50%;padding:11px 13px;font-size:12px;font-weight:600}.main-wrap{margin-left:248px}.topbar{height:72px;border-bottom:1px solid #e7eaf0;background:#ffffffd9;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px;color:#8c94a3}.topbar>span{display:flex;align-items:center;gap:12px}.topbar b{color:#5a6375;font-weight:500}.top-user{display:flex;gap:8px;align-items:center}.status-dot{width:6px;height:6px;background:#89a28b;border-radius:50%}.mobile-logout{display:none}main{max-width:1510px;margin:auto;padding:38px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:#8e94a5;margin-bottom:11px}.page-heading p{font-size:12px;margin-top:9px}.hero{border:1px solid #e1e5e3;border-radius:13px;background:#eff2ec;display:grid;grid-template-columns:1fr 1.35fr;overflow:hidden;min-height:270px;margin-bottom:36px}.hero>div:first-child{padding:30px 32px;z-index:1}.pill{display:inline-block;background:#e4e9de;color:#738067;font-size:12px;letter-spacing:1.6px;padding:6px 9px;border-radius:4px}.hero h2{font-size:27px;line-height:1.35;margin-top:12px;color:#3c4c42;letter-spacing:-.9px}.hero p{font-size:12px;line-height:1.8;margin-top:10px;color:#333}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-actions button{font-size:12px;font-weight:600;border:0;border-radius:7px;padding:11px 17px;min-height:40px}.hero-actions .template-action{background:#3c5e4c;color:#fff}.hero button span{margin-left:8px}.hero-art{display:flex;justify-content:center;flex-direction:column;min-width:0;padding:30px 20px 25px 0}.hero-art img{width:100%;mix-blend-mode:multiply}.hero-swatches{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px}.hero-swatches i{width:24px;height:24px;border-radius:50%;border:3px solid #fff9}.hero-swatches span{font-size:12px;color:#899081;margin-left:5px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.list-toolbar h2{font-size:16px}.list-toolbar h2 span{font-family:DM Sans;font-size:12px;margin-left:7px;background:#e9ecf3;padding:3px 7px;border-radius:5px;color:#7a8597}.search{display:flex;align-items:center;border:1px solid #e1e5ed;background:#fff;border-radius:7px;padding:0 12px;color:#9aa2af}.search input{border:0;background:transparent;box-shadow:none;font-size:12px;padding:11px;width:220px}.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.document-card{border:1px solid #e2e6ef;border-radius:10px;background:#fff;overflow:hidden}.card-image{display:block;width:100%;position:relative;background:#fafbf9;padding:28px 12px 24px;min-height:150px;border-bottom:1px solid #edf0f4}.card-image img{width:100%;mix-blend-mode:multiply}.card-badge{position:absolute;top:12px;left:12px;border:1px solid #e5e9e1;border-radius:4px;background:#fff;font-size:12px;padding:4px 7px;color:#6f7c70}.card-content{padding:20px}.card-content>small{font-size:12px;color:#939bad}.card-title{display:block;text-align:left;padding:7px 0;font-weight:600;font-size:14px;line-height:1.5}.mini-swatches{display:flex;gap:5px;margin:10px 0 22px}.mini-swatches i{height:18px;width:18px;border-radius:50%;border:1px solid #0000000a}.card-content footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#959dad;border-top:1px solid #f0f2f6;padding-top:13px}.card-content footer>div{display:flex;gap:4px}.card-content footer button{padding:4px;color:#8792a4}.empty{padding:42px 24px;text-align:center;background:#fff;border:1px dashed #d9dfea;border-radius:10px}.empty-icon{display:inline-flex;background:#f0effe;color:#8a80d9;padding:17px;border-radius:14px;margin-bottom:18px}.empty h2{font-size:17px}.empty p{font-size:12px;margin:10px 0 22px}.bottom-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#a0a8b5;margin-top:40px}.back{font-size:12px;color:#7c8495;padding:0;margin-bottom:25px}.actions{display:flex;align-items:center;gap:10px}.save-state{font-size:12px;color:#979eaa}.editor-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr);gap:28px;align-items:start}.panel{padding:25px;background:#fff;border:1px solid #e3e7ef;border-radius:10px;margin-bottom:20px}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-heading>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#efedfe;color:#7e71d1;font-size:12px;flex-shrink:0}.section-heading h2{font-size:14px}.section-heading p{font-size:12px;margin-top:4px}.section-heading .count{margin-left:auto;white-space:nowrap;color:#8b82c9;font-size:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.house-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.house-option{border:1px solid #e5e7ed;border-radius:7px;overflow:hidden;display:block;padding:0}.house-option.selected{border-color:#8c82e9;box-shadow:0 0 0 1px #8c82e9}.house-crop{height:90px;display:flex;align-items:center;overflow:hidden;background:#fcfcfa}.house-crop img{width:100%;mix-blend-mode:multiply}.house-crop.detail img{width:150%;max-width:none;margin-left:-25%}.house-option>span{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:12px;border-top:1px solid #eeeef5}.house-option.selected>span{background:#f8f7ff;color:#6359ce}.selection-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #eff1f5}.selection-number{font-size:12px;color:#a4abba}.paired-swatches{display:flex;flex-shrink:0}.paired-swatches i{height:30px;width:25px;border:1px solid #00000009}.paired-swatches i:first-child{border-radius:5px 0 0 5px}.paired-swatches i:last-child{border-radius:0 5px 5px 0}.selection-row b{font-size:12px;font-weight:600}.selection-row b span{font-weight:400;color:#7c8798}.selection-row small{display:block;font-size:12px;margin-top:5px}.selection-row button{margin-left:auto;color:#99a0b0;padding:5px}.add-selection{border:1px dashed #d9d5f3;background:#faf9ff;color:#7b6eca;border-radius:7px;width:100%;padding:16px;font-size:12px;margin-top:15px}.char-count{display:block;text-align:right;font-size:12px;margin-top:7px}.preview-panel{position:sticky;top:24px;background:#ebedf3;border:1px solid #e3e6ed;border-radius:11px;padding:20px}.preview-label{display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:1px;color:#7f889d;margin-bottom:18px}.preview-label span{margin-left:auto;letter-spacing:0}.paper{background:#fff;padding:28px 25px 18px;box-shadow:0 3px 15px #2430470a;min-height:530px}.paper-eyebrow{font-size:12px;letter-spacing:1.7px;color:#9a94be}.paper h2{font-size:24px;line-height:1.4;margin-top:17px;overflow-wrap:anywhere}.paper-subtitle{font-size:12px;margin-top:12px}.paper>img{width:100%;margin:28px 0 10px}.preview-colors{display:flex;align-items:center;gap:5px;font-size:12px;color:#8c949e}.preview-colors i{height:12px;width:12px;border-radius:50%;flex-shrink:0}.preview-colors span{margin-left:4px}.paper h3{font-size:12px;margin-top:32px}.paper-instructions{font-size:12px;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.paper-note{background:#f5f6f2;padding:12px;font-size:12px;color:#899080;line-height:1.7;margin-top:22px}.paper footer{border-top:1px solid #eceef2;padding-top:14px;margin-top:30px;font-size:12px;letter-spacing:1px;color:#a1a6b3;display:flex;justify-content:space-between}.preview-help{font-size:12px;line-height:1.8;text-align:center;margin:16px 8px 0;color:#9098a7}.error{background:#fff1f2;color:#a7364b;border:1px solid #ffd7dd;border-radius:7px;padding:12px 16px;margin-bottom:20px;font-size:12px;display:flex;justify-content:space-between}.toast{position:fixed;bottom:25px;right:25px;z-index:60;background:#273c32;color:#fff;border-radius:8px;box-shadow:0 5px 20px #0002;padding:14px 22px;display:flex;gap:10px;align-items:center;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17203370;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:740px;max-height:90vh;overflow:auto;background:#fff;border-radius:15px;padding:30px;box-shadow:0 20px 80px #0003}.modal>header{display:flex;justify-content:space-between;align-items:flex-start}.modal header p{font-size:12px;margin-top:7px}.tabs{display:flex;gap:20px;border-bottom:1px solid #e6e9f1;margin:20px 0}.tabs button{padding:12px 0;font-size:12px;border-bottom:2px solid transparent;color:#8790a2}.tabs button.active{color:#6055df;border-color:#6055df}.modal .search input{width:100%}.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.palette-option{display:block;text-align:left;padding:0 0 14px;border:1px solid #e3e7ee;border-radius:8px;overflow:hidden}.palette-option:hover{box-shadow:0 0 0 2px #a5a0ef}.palette-stripe{display:flex;height:55px;margin-bottom:12px}.palette-stripe i:first-child{width:65%}.palette-stripe i:last-child{width:35%}.palette-option b,.palette-option small,.palette-option>span{display:block;padding:0 12px}.palette-option b{font-size:12px}.palette-option small{font-size:12px;margin-top:5px}.palette-option>span{font-size:12px;color:#939bac;margin-top:8px}.custom-note{font-size:12px}.custom-color{background:#f7f8fb;padding:18px;border-radius:8px;margin:20px 0}.custom-color h3{font-size:13px}.color-input{display:flex;align-items:center;gap:10px}.color-input input{width:60px;height:40px;padding:4px}.color-input span{font-size:12px;font-weight:400;color:#8992a4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading{min-height:100vh;display:grid;place-items:center;color:#8a839e}.login-page{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:#fff}.login-art{background:#eef1e9;padding:45px 55px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-art>.login-intro{margin:0}.login-art .eyebrow{font-size:12px;color:#8b9785}.login-art h1{font-size:68px;line-height:1.13;letter-spacing:-3px;color:#35483a;margin-top:22px}.login-art h1 em{font-weight:500;font-family:Georgia,serif;color:#7e9376}.login-art p{font-size:13px;color:#333;margin-top:25px}.login-art img{width:110%;margin:0 -5%;mix-blend-mode:multiply}.login-swatches{display:flex;justify-content:center;margin-top:18px;gap:9px}.login-swatches i{height:25px;width:25px;border:3px solid #fffc;border-radius:50%}.login-art>small{font-size:12px;letter-spacing:1.8px;color:#95a08e}.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 40px;position:relative}.login-form form{width:100%;max-width:350px}.login-icon{display:inline-flex;background:#eeecff;padding:14px;border-radius:13px;color:#7162d9;margin-bottom:25px}.login-form h2{font-size:28px;letter-spacing:-1px}.login-form form>p{font-size:12px;margin-top:10px;margin-bottom:28px}.login-form label{margin-top:22px}.login-form input{padding:13px}.login-form .primary{margin-top:28px;width:100%;padding:14px;justify-content:space-between}.login-form form>.switch-mode{text-align:center;font-size:14px;margin-top:25px}.switch-mode button{font-size:14px;color:#6558d6;font-weight:600;padding:0}.login-footer{position:absolute;bottom:25px;font-size:12px;color:#abb0ba}@media(min-width:1500px){main{padding:45px 55px}.hero{min-height:310px}.hero h2{font-size:32px}.hero>div:first-child{padding:36px 42px}.hero-art{padding-right:40px}}@media(max-width:1200px){.sidebar{width:220px;padding-left:16px;padding-right:16px}.main-wrap{margin-left:220px}main{padding:28px}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.actions{flex-wrap:wrap;justify-content:flex-end}.save-state{width:100%;text-align:right}.panel{padding:20px}.hero>div:first-child{padding:24px}.hero h2{font-size:24px}.brand{font-size:20px}.account{margin:0 -16px}.paper{padding:22px 18px}.paper h2{font-size:20px}}@media(max-width:980px){.sidebar{width:190px}.main-wrap{margin-left:190px}.brand{font-size:17px;gap:7px}.brand small{font-size:12px;letter-spacing:1px}.brand-icon{padding:7px}.workspace{padding:10px 7px}.workspace b,.workspace small{font-size:12px}.topbar{padding:0 25px}.top-user{display:none}.editor-layout{grid-template-columns:1fr}.preview-panel{position:static;max-width:480px;width:100%;margin:auto}.page-heading{align-items:flex-start}.hero{grid-template-columns:1fr 1fr}.hero h2{font-size:22px}.hero p br{display:none}.login-art{padding:35px}.login-art h1{font-size:54px}.field-grid{gap:12px}}@media(max-width:700px){.sidebar{position:static;width:100%;height:65px;flex-direction:row;align-items:center;padding:0 20px;border-bottom:1px solid #e5e7ef}.sidebar .workspace,.sidebar .nav-label,.sidebar .nav-item,.sidebar-tip,.account{display:none}.brand{font-size:20px}.main-wrap{margin-left:0}.topbar{height:45px;padding:0 20px}.top-user{display:block;font-size:12px}.status-dot{display:none}.mobile-logout{display:inline-flex}.topbar>span{gap:7px;font-size:12px}main{padding:25px 20px}.page-heading{flex-wrap:wrap;gap:20px}h1{font-size:27px}.page-heading p{font-size:12px}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:25px}.hero h2{font-size:28px}.hero-art{padding:0 18px 25px}.hero-art img{max-width:500px;margin:auto}.document-grid{grid-template-columns:1fr}.list-toolbar{gap:15px;flex-wrap:wrap}.search{flex:1}.search input{width:100%}.list-toolbar h2{white-space:nowrap}.actions{justify-content:flex-start;width:100%}.save-state{width:auto;text-align:left;margin-right:auto}.panel{padding:20px 16px}.selection-row{gap:8px}.selection-row b{font-size:12px}.preview-panel{padding:16px}.modal{padding:22px 18px}.modal-backdrop{padding:12px}.palette-grid{gap:10px}.palette-option b{font-size:12px}.login-page{grid-template-columns:1fr}.login-art{padding:24px 25px}.login-art>.login-intro,.login-art>small{display:none}.login-form{padding:45px 25px 70px;min-height:calc(100vh - 90px)}.field-grid{grid-template-columns:1fr 1fr}.custom-color{padding:12px}.toast{left:20px;right:20px;justify-content:center}.bottom-note{font-size:12px}.hero-swatches{margin-top:5px}}.preview-navigation{display:flex;align-items:center;gap:8px;margin-bottom:16px}.preview-navigation button{padding:7px;border:1px solid #dce1e9;border-radius:6px;background:#fff;flex-shrink:0}.preview-navigation select{min-width:0;font-size:12px;padding:9px 8px}.preview-selection-colors{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 45px}.preview-large-swatch{height:55px;border-radius:5px;border:1px solid #0000000a;margin-bottom:14px}.preview-selection-colors small{font-size:12px;letter-spacing:1px}.preview-selection-colors b{display:block;font-size:12px;margin:8px 0;overflow-wrap:anywhere}.preview-selection-colors span{font-size:12px;color:#7f889d}.editor-fields{min-width:0}.house-carousel{min-width:0;max-width:100%}.house-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:10px}.house-carousel-controls>span{margin-right:auto;font-size:12px;color:#788294}.house-carousel-controls button{width:32px;height:32px;border:1px solid #dce1e9;border-radius:5px;background:#fff;flex-shrink:0}.house-style-options{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(170px,44%,230px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:4px;padding:4px 4px 12px;scrollbar-width:thin}.house-style-options .house-option{scroll-snap-align:start;min-width:0;background:#fff}.house-style-options .house-option>small{min-height:42px}.house-style-options .house-option:focus-visible{outline-offset:-3px}@media(max-width:700px){.house-style-options{grid-auto-columns:78%}}.login-page .login-art h1{font-size:36px;line-height:1.25;letter-spacing:0;color:#5b695e;overflow-wrap:break-word}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.template-card{border:1px solid #dce1e9;border-radius:8px;overflow:hidden;background:#fff;min-width:0}.template-house{display:block;width:100%;height:260px;object-fit:contain;object-position:center bottom;padding:10px;background:#fafbf9}.template-card-content{padding:22px}.template-card-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.template-card-heading h2{font-size:20px;letter-spacing:0}.template-card-heading>span,.template-card-content>small{font-size:12px;color:#64748b}.template-card-content>p{font-size:12px;line-height:1.7;margin:12px 0}.template-swatches{display:flex;height:28px;margin:20px 0}.template-swatches i{flex:1;min-width:0}.template-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.template-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-pairs .palette-option{background:#fff}.template-detail-heading{display:flex;align-items:center;gap:28px;margin-bottom:24px}.template-detail-heading img{width:280px;max-width:50%;mix-blend-mode:multiply}.template-detail-heading p{font-size:14px}@media(max-width:1100px){.template-actions>button{flex:1}.template-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.template-grid{grid-template-columns:1fr}.template-card-content{padding:18px}.template-pairs{grid-template-columns:1fr}.template-detail-heading{flex-direction:column;align-items:flex-start;gap:12px}.template-detail-heading img{width:100%;max-width:100%}.sidebar>.nav-item{min-width:0;flex:1 1 0;flex-direction:column;text-align:center}.template-actions>button{white-space:normal}}.brand small{white-space:normal;letter-spacing:0}.brand>span:last-child{min-width:0}.preview-label,.preview-colors,.paper footer{flex-wrap:wrap}.topbar>span{min-width:0;flex-wrap:wrap}@media(max-width:700px){.top-user .top-user-message{display:none}.topbar{min-height:45px;height:auto;padding-top:10px;padding-bottom:10px}.topbar>.top-user{flex-shrink:0}}.color-workspace .palette-toolbar .search{flex:1 0 100%;width:100%;min-width:0}.palette-toolbar .palette-sort{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;white-space:nowrap}.palette-toolbar .palette-sort select{width:135px;margin:0;font-size:12px}.palette-toolbar>.search{flex-basis:100%}@media(max-width:700px){.palette-toolbar .palette-sort{flex:1}.palette-toolbar .palette-sort select{width:100%;min-width:105px}.palette-toolbar>.family-filter{flex:0 1 145px}}.palette-toolbar .family-filter{width:155px;flex-shrink:0;font-size:12px}.palette-toolbar{flex-wrap:wrap}.palette-toolbar .search{min-width:150px}@media(max-width:700px){.palette-toolbar .search{flex-basis:100%}.palette-toolbar .family-filter{flex:1}.palette-toolbar>span{margin-left:auto}}.color-workspace .color-swatch-grid{max-height:560px;overflow-y:auto;padding:4px;align-content:start;scrollbar-gutter:stable}.color-workspace .color-swatch{min-height:108px}.color-workspace .color-browser>.palette-grid{max-height:620px;overflow-y:auto;padding:4px}.color-workspace h1,.color-workspace h2{letter-spacing:0}.manufacturer-filter{margin:0;min-width:230px}.color-studio{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}.color-browser{min-width:0}.color-browser .tabs{margin-top:0}.palette-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:18px}.palette-toolbar .search{flex:1;min-width:0}.palette-toolbar .search input{width:100%;min-width:0}.palette-toolbar>span{font-size:12px;color:#64748b;white-space:nowrap}.color-swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.color-swatch{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:0 0 8px;min-width:0;text-align:left;border:1px solid #dce1e9;border-radius:5px;overflow:hidden;background:#fff}.color-chip{display:flex;align-items:center;justify-content:center;height:58px;flex-shrink:0}.color-chip svg{background:#fff;color:#263249;border-radius:50%;padding:2px}.color-swatch b{font-size:12px;line-height:1.4;padding:2px 7px;overflow-wrap:anywhere}.color-swatch small{font-size:12px;padding:0 7px}.color-swatch[aria-pressed=true]{outline:2px solid #5046e5;outline-offset:2px}.palette-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:20px 0;font-size:12px}.palette-pagination button{width:32px;height:32px;background:#fff;border:1px solid #dce1e9;border-radius:5px}.combination-builder{border-left:1px solid #dce1e9;padding-left:25px;position:sticky;top:24px}.combination-builder h2{font-size:16px;margin-bottom:18px}.paint-role-controls{display:grid;gap:8px;position:relative}.paint-role-controls>button:not(.swap-colors){text-align:left;justify-content:flex-start;padding:10px 36px 10px 10px;border:1px solid #dce1e9;border-radius:5px;min-height:65px;background:#fff}.paint-role-controls>button.active{border-color:#5046e5;box-shadow:inset 3px 0 #5046e5}.paint-role-controls i{width:30px;height:30px;flex-shrink:0;border:1px solid #0001;border-radius:4px}.paint-role-controls b{font-size:12px;display:block}.paint-role-controls small{font-size:12px;line-height:1.4;display:block;margin-top:4px;overflow-wrap:anywhere}.swap-colors{position:absolute;right:6px;top:53px;width:32px;height:32px;background:#fff;border:1px solid #dce1e9;border-radius:50%}.combination-preview{aspect-ratio:2/1;display:flex;align-items:center;margin:18px 0}.combination-preview img{width:100%;mix-blend-mode:multiply}.combination-builder .primary{margin-top:18px;width:100%;justify-content:center}.saved-combinations{border-top:1px solid #dce1e9;margin-top:30px;padding-top:24px}.saved-combination-list{background:#fff;border-top:1px solid #e5e7eb}.saved-combination-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e5e7eb;padding:15px 12px}.saved-combination-row>div:nth-child(2){min-width:0;flex:1}.saved-combination-row b{display:block;font-size:12px;overflow-wrap:anywhere}.saved-combination-row small,.saved-combination-row span{display:block;font-size:12px;margin-top:5px;color:#788294;overflow-wrap:anywhere}.saved-combination-row>button{flex-shrink:0;width:32px;height:32px}.color-empty{padding:28px 0;font-size:12px}.modal>.search{margin-top:22px}.sidebar>.nav-item+.nav-item{margin-top:6px}@media(max-width:1200px){.color-studio{grid-template-columns:minmax(0,1fr) 340px;gap:18px}.color-swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.combination-builder{padding-left:18px}}@media(max-width:980px){.color-studio{grid-template-columns:minmax(0,1fr)}.combination-builder{position:static;grid-row:1;border:0;padding:0}.paint-role-controls{grid-template-columns:1fr 1fr}.paint-role-controls .swap-colors{top:16px;right:calc(50% - 16px)}.combination-preview{width:100%;max-width:420px;margin:10px auto}.combination-builder label,.color-browser{margin-top:10px}}@media(max-width:700px){.sidebar{height:auto;min-height:65px;flex-wrap:wrap;padding:15px 20px;gap:10px}.sidebar>.brand{width:100%}.sidebar>.nav-item{display:inline-flex;width:auto;flex:1;font-size:12px;padding:9px 7px;gap:6px}.sidebar>.nav-item+.nav-item{margin:0}.sidebar>.nav-item>span{display:none}.color-workspace .page-heading{display:block}.manufacturer-filter{margin-top:18px;min-width:0}.color-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-browser .tabs{gap:14px}.color-browser .tabs button{font-size:12px;text-align:left}.palette-toolbar{gap:8px}.palette-toolbar>span{font-size:12px}.color-browser .palette-grid{grid-template-columns:1fr}.saved-combination-row{gap:8px;padding:12px 0}}.house-style-image{aspect-ratio:3/2;display:flex;align-items:flex-end;justify-content:center;padding:10px;background:#fcfcfa}.house-style-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}.house-style-options .house-option{text-align:left}.house-style-options .house-option>small{display:block;font-size:12px;line-height:1.5;padding:0 12px 12px}.house-style-options .house-option.selected>small{background:#f8f7ff}.house-style-options .house-option>span{min-height:37px}.house-style-options .house-option>span svg{flex-shrink:0}.finish-field{border:0;padding:0;margin:20px 0 0;min-width:0}.finish-field legend{font-size:12px;font-weight:600;color:#455168;margin-bottom:12px}.finish-current{display:block;font-weight:400;color:#333;margin-top:4px}.finish-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px}.finish-option{display:flex;align-items:center;gap:8px;margin:0;min-width:0;cursor:pointer;font-size:12px;line-height:1.4}.finish-chip{display:block;width:30px;height:30px;flex-shrink:0;border:1px solid #0002;border-radius:5px}.finish-option input:checked+.finish-chip{outline:2px solid #5046e5;outline-offset:3px}.finish-option input:focus-visible+.finish-chip{outline:3px solid #5046e5;outline-offset:3px}.finish-summary{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px;font-size:12px;color:#333}.finish-summary>span{display:flex;gap:6px;align-items:center}.finish-summary i{width:14px;height:14px;border:1px solid #0002;border-radius:3px;flex-shrink:0}.modal .color-empty>.primary{margin-top:16px}.hero-color-first{margin-bottom:24px}h1,h2,button,.nav-item{text-transform:capitalize}.billing-unavailable{background:#fff4d9;color:#614a10;padding:12px;border-left:3px solid #d4a52b}.hosting-fields{max-width:680px}.hosting-fields p,.hosting-fields>small{display:block;margin:16px 0}.hosting-address{overflow-wrap:anywhere}.hosting-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.hosting-actions a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.public-community{background:#fff;min-height:100vh}.public-community>header{display:flex;align-items:center;gap:10px;padding:22px;border-bottom:1px solid #dce1e9}.public-community main{max-width:1100px;padding:32px 20px}.public-community h1{overflow-wrap:anywhere}.public-community main>h2{margin:16px 0 8px}.resident-instructions{white-space:pre-wrap;margin:24px 0}.resident-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.resident-grid article{min-width:0;border:1px solid #dce1e9;border-radius:6px;padding:18px}.resident-grid img{width:100%;height:220px;object-fit:contain;object-position:center bottom}.resident-grid h2{font-size:16px}.resident-colors{display:grid;gap:12px}.resident-colors>div{display:flex;gap:10px;align-items:center;min-width:0}.resident-colors i{width:30px;height:30px;border:1px solid #0002;border-radius:4px;flex-shrink:0}.resident-colors span{min-width:0;overflow-wrap:anywhere}.resident-colors small{display:block;font-size:12px}.resident-colors strong{font-size:12px}@media(max-width:700px){.resident-grid{grid-template-columns:1fr}.hosting-actions button,.hosting-actions a{white-space:normal}}.brand{min-width:0;max-width:100%}.brand>.brand-logo{display:block;width:208px;max-width:100%;height:auto;margin:0;mix-blend-mode:normal}.login-page .login-form{min-width:0}.login-form label+input,#document-title{margin-top:8px}.login-art .home-topic{font-size:18px;line-height:1.5;letter-spacing:0;color:#5b695e;margin-top:24px}.login-art .login-intro>img{display:block;width:90%;height:auto;margin:0 5%}@media(max-width:700px){.login-page.homepage .login-art{display:flex;order:2}.login-page.homepage .login-intro{display:block;margin:0}.login-page.homepage .login-art h1{font-size:30px}.login-page.homepage .login-form{min-height:0;padding-top:40px}.login-page.homepage .login-art>small{display:none}}.login-form .register-heading{text-align:center;color:#5b695e;margin-bottom:36px}.login-form>.brand{width:100%;max-width:350px;justify-content:center;margin-bottom:12px}.login-form form>.primary{display:flex;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;padding:14px 28px;justify-content:center}.login-form .brand>.brand-logo{width:300px;max-width:100%;height:auto;margin:0;mix-blend-mode:normal}@media(max-width:700px){.sidebar .brand>.brand-logo{width:220px}.login-page .login-art{display:none}.login-form .brand>.brand-logo{width:260px}.login-page .login-form{min-height:100vh}}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--tw-color-red-50:oklch(97.1% .013 17.38);--tw-color-red-200:oklch(88.5% .062 18.334);--tw-color-red-600:oklch(57.7% .245 27.325);--tw-color-red-700:oklch(50.5% .213 27.518);--tw-color-amber-50:oklch(98.7% .022 95.277);--tw-color-amber-700:oklch(55.5% .163 48.998);--tw-color-gray-50:oklch(98.5% .002 247.839);--tw-color-gray-100:oklch(96.7% .003 264.542);--tw-color-gray-300:oklch(87.2% .01 258.338);--tw-color-gray-700:oklch(37.3% .034 259.733);--tw-color-gray-900:oklch(21% .034 264.665);--tw-color-black:#000;--tw-color-white:#fff;--tw-spacing:.25rem;--tw-container-md:28rem;--tw-text-xs:.75rem;--tw-text-xs--line-height:calc(1 / .75);--tw-text-sm:.875rem;--tw-text-sm--line-height:calc(1.25 / .875);--tw-text-lg:1.125rem;--tw-text-lg--line-height:calc(1.75 / 1.125);--tw-font-weight-medium:500;--tw-font-weight-semibold:600;--tw-tracking-normal:0em;--tw-radius-md:.375rem;--tw-radius-lg:.5rem}}@layer utilities{.tw\:m-auto{margin:auto!important}.tw\:mt-2{margin-top:calc(var(--tw-spacing) * 2)!important}.tw\:mb-4{margin-bottom:calc(var(--tw-spacing) * 4)!important}.tw\:flex{display:flex!important}.tw\:h-11{height:calc(var(--tw-spacing) * 11)!important}.tw\:w-11{width:calc(var(--tw-spacing) * 11)!important}.tw\:w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)!important}.tw\:max-w-md{max-width:var(--tw-container-md)!important}.tw\:flex-wrap{flex-wrap:wrap!important}.tw\:items-center{align-items:center!important}.tw\:justify-center{justify-content:center!important}.tw\:justify-end{justify-content:flex-end!important}.tw\:gap-3{gap:calc(var(--tw-spacing) * 3)!important}.tw\:rounded-full{border-radius:3.40282e38px!important}.tw\:rounded-lg{border-radius:var(--tw-radius-lg)!important}.tw\:rounded-md{border-radius:var(--tw-radius-md)!important}.tw\:border{border-style:var(--tw-border-style)!important;border-width:1px!important}.tw\:border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.tw\:border-solid{--tw-border-style:solid!important;border-style:solid!important}.tw\:border-gray-300{border-color:var(--tw-color-gray-300)!important}.tw\:border-red-600{border-color:var(--tw-color-red-600)!important}.tw\:bg-amber-50{background-color:var(--tw-color-amber-50)!important}.tw\:bg-gray-50{background-color:var(--tw-color-gray-50)!important}.tw\:bg-red-50{background-color:var(--tw-color-red-50)!important}.tw\:bg-red-600{background-color:var(--tw-color-red-600)!important}.tw\:bg-white{background-color:var(--tw-color-white)!important}.tw\:p-0{padding:0!important}.tw\:p-6{padding:calc(var(--tw-spacing) * 6)!important}.tw\:px-4{padding-inline:calc(var(--tw-spacing) * 4)!important}.tw\:px-6{padding-inline:calc(var(--tw-spacing) * 6)!important}.tw\:py-2\.5{padding-block:calc(var(--tw-spacing) * 2.5)!important}.tw\:py-4{padding-block:calc(var(--tw-spacing) * 4)!important}.tw\:pb-4{padding-bottom:calc(var(--tw-spacing) * 4)!important}.tw\:text-lg{font-size:var(--tw-text-lg)!important;line-height:var(--tw-leading,var(--tw-text-lg--line-height))!important}.tw\:text-sm{font-size:var(--tw-text-sm)!important;line-height:var(--tw-leading,var(--tw-text-sm--line-height))!important}.tw\:text-xs{font-size:var(--tw-text-xs)!important;line-height:var(--tw-leading,var(--tw-text-xs--line-height))!important}.tw\:leading-5{--tw-leading:calc(var(--tw-spacing) * 5)!important;line-height:calc(var(--tw-spacing) * 5)!important}.tw\:leading-6{--tw-leading:calc(var(--tw-spacing) * 6)!important;line-height:calc(var(--tw-spacing) * 6)!important}.tw\:font-medium{--tw-font-weight:var(--tw-font-weight-medium)!important;font-weight:var(--tw-font-weight-medium)!important}.tw\:font-semibold{--tw-font-weight:var(--tw-font-weight-semibold)!important;font-weight:var(--tw-font-weight-semibold)!important}.tw\:tracking-normal{--tw-tracking:var(--tw-tracking-normal)!important;letter-spacing:var(--tw-tracking-normal)!important}.tw\:text-\[\#333333\]{color:#333!important}.tw\:text-amber-700{color:var(--tw-color-amber-700)!important}.tw\:text-gray-700{color:var(--tw-color-gray-700)!important}.tw\:text-gray-900{color:var(--tw-color-gray-900)!important}.tw\:text-red-700{color:var(--tw-color-red-700)!important}.tw\:text-white{color:var(--tw-color-white)!important}.tw\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.tw\:backdrop\:bg-black\/40::backdrop{background-color:var(--tw-color-black)!important}@supports (color:color-mix(in lab,red,red)){.tw\:backdrop\:bg-black\/40::backdrop{background-color:color-mix(in oklab,var(--tw-color-black) 40%,transparent)!important}}@media(hover:hover){.tw\:hover\:bg-gray-100:hover{background-color:var(--tw-color-gray-100)!important}.tw\:hover\:bg-red-700:hover{background-color:var(--tw-color-red-700)!important}}.tw\:focus\:border-red-600:focus{border-color:var(--tw-color-red-600)!important}.tw\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.tw\:focus\:ring-red-200:focus{--tw-ring-color:var(--tw-color-red-200)!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.app-overview{background:#fff;color:#333;min-height:100vh}.overview-header{max-width:1120px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e3e7e3}.overview-header img{display:block;width:220px;max-width:100%;height:auto}.overview-header>a:first-child{min-width:0}.overview-header{flex-wrap:wrap}.overview-header-actions{display:flex;flex-wrap:wrap;gap:10px}.overview-header-actions .overview-cta{font-size:12px;padding:11px 14px}.app-overview a{color:#425c50;text-underline-offset:4px}.app-overview main{max-width:1120px;padding:0 32px;margin:auto}.app-overview section{padding:44px 0;border-bottom:1px solid #e3e7e3;scroll-margin-top:24px}.app-overview h1{font-size:36px;line-height:1.2;letter-spacing:0;color:#43594c;max-width:760px}.app-overview h2{font-size:24px;line-height:1.35;letter-spacing:0}.app-overview p{font-size:15px;line-height:1.8;margin:18px 0;color:#333}.overview-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;flex-shrink:0}.app-overview .overview-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#fff;min-height:44px;font-size:14px}.app-overview .overview-cta.secondary{color:#425c50;background:transparent;border-color:#9caea2}.overview-intro nav{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;font-size:14px}.overview-section-title{display:flex;align-items:center;gap:12px}.overview-section-title svg{flex-shrink:0;color:#617968}.app-overview figure{margin:28px 0 0;min-width:0}.app-overview figure img{display:block;width:100%;height:auto;border:1px solid #dce2df;border-radius:6px;background:#f6f7f5}.app-overview figcaption{font-size:12px;line-height:1.6;color:#59625e;margin-top:10px}.overview-pdf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.app-overview .overview-price{font-size:14px;border-left:3px solid #93a799;padding-left:16px}.overview-footer{padding:24px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.overview-footer p{flex-basis:100%;font-size:12px}.home-overview-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;min-height:44px;color:#425c50;background:#fafcf9;border-color:#9caea2;font-size:14px;font-weight:600;text-decoration:none}@media(max-width:700px){.overview-header{padding:20px;gap:16px}.overview-header img{width:170px}.overview-link{font-size:12px}.app-overview main{padding:0 20px}.app-overview section{padding:32px 0}.app-overview h1{font-size:30px}.app-overview h2{font-size:22px}.overview-pdf-grid{grid-template-columns:1fr;gap:0}}.paper{position:relative;isolation:isolate}.document-preview-watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-size:100% auto;background-repeat:repeat-y}.purchase-dialog{width:min(520px,calc(100% - 32px));max-width:520px;max-height:90dvh;margin:auto;padding:0;border:0;border-radius:8px;background:#fff;color:#333;overflow:auto;box-shadow:0 20px 70px #0004}.purchase-dialog::backdrop{background:#0008}.purchase-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #dce1e9}.purchase-dialog h2{font-size:20px;margin:0}.purchase-dialog header button{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:0;background:transparent}.purchase-body{padding:8px 24px 24px}.purchase-body p{font-size:12px;line-height:1.7;margin:14px 0;color:#333}.purchase-body .purchase-price{font-size:24px;font-weight:700}.purchase-address{overflow-wrap:anywhere}.purchase-dialog footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:18px 24px;background:#f5f6f8}.purchase-dialog footer button{white-space:normal;max-width:100%}.checkout-dialog{width:min(960px,calc(100% - 32px));max-width:960px;max-height:90dvh;margin:auto;padding:0;border:0;border-radius:8px;background:#fff;color:#333;overflow:auto;box-shadow:0 20px 70px #0004}.checkout-dialog::backdrop{background:#0008}.checkout-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #dce1e9}.checkout-dialog h2{font-size:20px;margin:0}.checkout-dialog header button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;background:transparent;color:#333}.checkout-dialog>p{margin:16px 20px;font-size:12px}.checkout-dialog>div{min-height:240px}@media(max-width:600px){.checkout-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.checkout-dialog>header{padding:12px 16px}}