.brand{display:block!important;width:320px;height:auto;aspect-ratio:1990/320;position:relative;overflow:hidden;flex-shrink:0}
.brand img,.login-brand .brand img,.topbar .brand img{position:absolute!important;width:109.146%!important;max-width:none;height:auto!important;left:-5.025%;top:-62.5%;filter:url(#brand-white-alpha)}
.login-brand .brand{width:400px;max-width:100%}.aboutblock .brand{width:380px;max-width:100%}
.platform .product-art{height:179px;width:135px;right:7px;top:20px;opacity:.31}
.platform:nth-child(2) .product-art{height:185px;width:119px;right:15px;top:16px}
.platform:nth-child(3) .product-art{height:173px;width:152px;right:0;top:32px}
.ambient:before{content:'';position:absolute;inset:-22px;background-image:var(--background-image,none);background-position:var(--background-x,50%) var(--background-y,50%);background-size:cover;filter:blur(var(--background-blur,2px));opacity:0;transition:opacity .2s;pointer-events:none}
.photo-background .ambient:before{opacity:var(--background-strength,.28)}
.ambient:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,var(--glow2),var(--glow));opacity:0;mix-blend-mode:color}
.photo-background .ambient:after{opacity:.38}
.uploadzone{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px dashed var(--green);border-radius:10px;background:#ffffff8c;padding:25px 18px;cursor:pointer;color:var(--green)}
.uploadzone strong{font-size:15px;font-weight:500}.uploadzone span{font-size:12px;color:var(--muted)}
.appearance-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin:25px 0}.appearance-controls label{font-size:13px;color:var(--muted)}.appearance-controls output{float:right;color:var(--green)}.appearance-controls input{display:block;width:100%;margin:13px 0;accent-color:var(--green)}
.background-sample{height:250px;background:linear-gradient(120deg,var(--glow2),var(--paper),var(--glow));position:relative;overflow:hidden;isolation:isolate;border-radius:12px;border:1px solid #ffffffa0;margin-top:10px}.samplephoto{position:absolute;inset:-18px;background-image:var(--sample-image,none);background-size:cover;background-position:var(--sample-position,50% 50%);opacity:var(--sample-strength,.28);filter:blur(var(--sample-blur,2px));z-index:-2}.sampleoverlay{position:absolute;inset:0;background:linear-gradient(120deg,var(--glow2),var(--glow));mix-blend-mode:color;opacity:.38;z-index:-1}.samplecontent{padding:28px}.samplecontent h3{font:30px/1.2 Georgia,serif;letter-spacing:-.7px;margin:15px 0}.sample-search{display:block;background:#ffffffb5;border:1px solid white;padding:10px 14px;border-radius:8px;color:var(--muted);font-size:12px;max-width:430px}
.appearance-preview-toolbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 24px;background:#f6faf9f5;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.appearance-preview-toolbar strong{font-size:14px;font-weight:500;color:var(--ink)}.appearance-preview-surface{pointer-events:none}.appearance-preview-surface .topbar{position:relative}.appearance-preview-surface .login-layout{min-height:calc(100vh - 75px)}
@media(max-width:1150px){.brand{width:285px}.topinner{gap:22px}.login-brand .brand{width:360px}}
@media(max-width:760px){.brand{width:220px}.topbar .brand{width:205px}.login-brand .brand{width:310px}.topinner{gap:7px}.topright{flex-wrap:wrap}.platform .product-art,.platform:nth-child(2) .product-art,.platform:nth-child(3) .product-art{height:151px;width:131px;right:24px;top:9px;opacity:.28}.appearance-controls{grid-template-columns:1fr}.appearance-preview-toolbar{flex-direction:column;align-items:flex-start;padding:12px 18px}.appearance-preview-toolbar .actions{gap:6px}.samplecontent{padding:20px}.samplecontent h3{font-size:26px}.background-sample{height:240px}.login-brand{padding-top:0}}
