
@font-face{font-family:Manrope;src:url('https://bb0537bc-7041-4dcb-948e-d68ec43ede0a.selstorage.ru/p/f10286ce6e1ef7beb15d172bdbcf1782/a51e6e69e56ccd71ac9f1776e49eb8ad-Manrope%255Bwght%255D.ttf');font-weight:200 800;font-display:swap}@font-face{font-family:Inter;src:url('https://bb0537bc-7041-4dcb-948e-d68ec43ede0a.selstorage.ru/p/f10286ce6e1ef7beb15d172bdbcf1782/c6b2b577fe02dcd8b390f3de73fd63da-Inter%255Bopsz%2Cwght%255D.ttf');font-weight:100 900;font-display:swap}
:root{--bg:#f8f6f8;--navy:#323555;--blue:#4a90e2;--ink:#202136;--muted:#797b8d;--line:#e5e4eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.65 Inter,sans-serif;color:var(--ink)}h1,h2,h3,.brand{font-family:Manrope,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,summary{cursor:pointer;transition:background .18s,color .18s}button{background:white;border:1px solid var(--line);border-radius:9px;padding:10px 16px}button:hover{background:#edf3fc}a:hover{color:var(--blue)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.primary{background:var(--navy);border-color:var(--navy);color:white}.primary:hover{background:#45496f;color:white}.wrap{max-width:1200px;padding:0 36px;margin:auto}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:21px;display:flex;align-items:center;gap:8px;letter-spacing:-.5px}.brand img{width:45px;height:45px;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:27px;font-size:12px;color:var(--muted)}nav .active{color:var(--navy)}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:43px 0 24px}h1{font-size:35px;letter-spacing:-1px;margin:0 0 10px}.intro p{margin:0;color:var(--muted);font-size:13px}.notice{display:flex;gap:12px;background:#eaf0f9;border:1px solid #dbe5f2;border-radius:12px;padding:14px 18px;color:#596780;font-size:12px}.notice b{color:var(--blue);font-size:17px;line-height:1.5}.library{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;padding:30px 0 50px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}h2{font-size:21px;letter-spacing:-.5px;margin:0}h2 small{font:12px Inter,sans-serif;color:var(--muted);margin-left:8px}.text-button{background:transparent;border:0;color:var(--blue);font-size:12px;padding:8px 0}.styles-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.style-card{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;position:relative}.style-card.selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}h3{font-size:15px;margin:0}.menu{font-size:20px;background:transparent;border:0;line-height:1;padding:5px 9px;color:var(--muted)}.swatches{display:flex;gap:7px;margin:20px 0 16px}.swatches span{height:30px;width:30px;border-radius:50%;border:1px solid #0001}.type-sample{font:700 24px/1.3 Manrope,sans-serif;color:var(--navy);letter-spacing:-.5px}.type-caption{font-size:10px;color:var(--muted);margin-top:7px}.card-foot{border-top:1px solid var(--line);margin-top:18px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.card-foot .text-button{font-size:11px;padding:0}.templates-heading{margin-top:32px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.template-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.art{aspect-ratio:1.4;position:relative;overflow:hidden;background:var(--navy)}.art img{width:100%;height:100%;object-fit:cover;display:block}.art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#25283f99,transparent 85%)}.art-copy{position:absolute;top:15%;left:8%;z-index:1;color:white}.art-copy small{font-size:7px;letter-spacing:1.5px}.art-copy strong{font:700 22px/1.2 Manrope,sans-serif;letter-spacing:-.5px;display:block;margin-top:9px}.art-copy span{font-size:8px;background:var(--blue);padding:5px 7px;border-radius:3px;display:inline-block;margin-top:11px}.template-info{padding:15px}.template-info h3{font-size:13px}.template-info p{font-size:10px;color:var(--muted);margin:4px 0 12px}.template-info button{font-size:11px;width:100%;padding:8px}.art.promo{background:linear-gradient(135deg,#323555,#555d8e)}.promo .art-copy{top:15%;left:9%}.promo .art-copy strong{font-size:27px}.promo .circle{position:absolute;right:-12%;bottom:-45%;width:80%;aspect-ratio:1;border:24px solid #4a90e2;border-radius:50%}.editing{align-self:start;background:white;border:1px solid var(--line);border-radius:16px;padding:23px;position:sticky;top:20px}.editing .eyebrow{color:var(--blue);text-transform:uppercase;font-size:9px;letter-spacing:1.4px;margin-bottom:9px}.editing h2{font-size:21px;margin-bottom:17px}.label{display:block;font-size:11px;color:var(--muted);margin:17px 0 6px}.editing input,.editing select{width:100%;background:white;border:1px solid var(--line);border-radius:7px;padding:10px;font-size:12px;min-width:0}.palette-editor{display:flex;gap:7px}.palette-editor button{width:34px;height:34px;border-radius:8px;padding:0;border:1px solid #0002}.color-entry{display:flex;align-items:center;gap:9px;margin-top:10px}.color-entry>span{width:30px;height:30px;background:var(--navy);border-radius:6px;flex-shrink:0}.font-upload{width:100%;font-size:11px;margin-top:10px;border-style:dashed;color:var(--muted)}.editing .help{font-size:10px;color:var(--muted);line-height:1.7;margin:9px 0 0}.preview-type{border-radius:9px;background:var(--bg);padding:16px;margin:19px 0}.preview-type strong{font:700 22px Manrope,sans-serif;color:var(--navy)}.preview-type p{font-size:10px;color:var(--muted);margin:7px 0 0}.editing .primary{width:100%;font-size:12px}.editing .delete{display:block;margin:9px auto 0;font-size:10px;color:var(--muted);border:0;background:transparent}.mobile-editor-link{display:none}footer{border-top:1px solid var(--line);text-align:center;padding:25px 0;color:var(--muted);font-size:12px}footer a{color:var(--navy);text-decoration:underline;text-underline-offset:4px}@media(max-width:1000px){.wrap{padding:0 25px}.library{gap:20px;grid-template-columns:minmax(0,1fr) 270px}.styles-grid,.template-grid{gap:12px}.style-card{padding:15px}.brand{font-size:18px}nav{gap:18px}.art-copy strong{font-size:19px}.type-sample{font-size:21px}.intro h1{font-size:30px}}@media(max-width:700px){.wrap{padding:0 20px}header{height:74px;gap:10px}.brand{font-size:17px;gap:4px}.brand img{height:36px;width:36px}nav a{display:none}nav button{font-size:10px;padding:9px 11px}.intro{padding:30px 0 20px;align-items:start;flex-direction:column;gap:16px}.intro h1{font-size:29px;line-height:1.2;margin-bottom:12px}.intro p{font-size:12px}.intro>button{font-size:12px}.notice{padding:12px;font-size:11px;gap:9px}.library{grid-template-columns:1fr;padding-top:26px;gap:25px}.styles-grid{grid-template-columns:1fr}.section-top{margin-bottom:14px}h2{font-size:20px}.style-card{padding:19px}.swatches{margin:16px 0}.type-sample{font-size:24px}.template-grid{grid-template-columns:1fr 1fr;gap:10px}.art{aspect-ratio:1}.art-copy strong{font-size:17px}.art-copy small{font-size:6px;letter-spacing:.6px}.art-copy span{font-size:6px;padding:4px}.promo .art-copy strong{font-size:22px}.template-info{padding:12px 10px}.template-info h3{font-size:11px}.template-info p{font-size:9px}.template-info button{font-size:10px;padding:8px 5px}.editing{position:static;padding:22px}.editing h2{font-size:22px}.palette-editor button{width:38px;height:38px}.editing .primary{padding:12px}.mobile-editor-link{display:block}footer{font-size:11px;padding:22px 20px}.text-button{font-size:11px}}
