.builder-lead{display:flex;align-items:center;gap:11px;padding:14px;margin-bottom:14px}.builder-lead>div:nth-child(2){flex:1}.builder-lead b{font-size:12px}.builder-lead small{display:block;color:#9f97a8;margin-top:4px;font-size:10px}.builder-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:14px;align-items:start}.builder-layout>.panel{padding:18px}.builder-preview-panel{position:sticky;top:14px}.builder-preview-panel .panel-head{align-items:flex-start}.preview-actions{display:flex;gap:8px;margin:12px 0}.preview-actions .btn{font-size:10px;padding:9px 11px}.site-preview-frame{display:block;width:100%;height:720px;border:1px solid #302a39;border-radius:10px;background:white}.builder-sample{min-height:335px;padding:25px;background:linear-gradient(150deg,#282031,#15111c);border:1px solid #34283e;border-radius:13px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;position:relative}.builder-sample:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff1a;border-radius:50%;right:-40px;top:-30px;box-shadow:0 0 0 28px #ffffff08,0 0 0 57px #ffffff05}.sample-brand{position:relative;z-index:1;margin-top:22px;font-size:10px;color:#c1b2d4}.builder-sample h2{position:relative;z-index:1;font:800 27px/1.1 Manrope;letter-spacing:-1px;color:#fff;max-width:300px;margin:14px 0 8px}.builder-sample p{position:relative;z-index:1;color:#b7adbf;font-size:10px}.sample-button{position:relative;z-index:1;background:#7e3ff2;color:#fff;padding:9px 12px;border-radius:7px;font-size:9px;margin-top:12px}.sample-lines{height:5px;width:75%;background:#ffffff16;border-radius:9px;margin-top:25px}.sample-lines.short{width:48%;margin-top:8px}.generated-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.generated-card{overflow:hidden;background:#100f16;border:1px solid #2a2631;border-radius:13px}.generated-card-art{min-height:155px;background:radial-gradient(ellipse at 76% 25%,color-mix(in srgb,var(--brand) 60%,transparent),transparent 45%),linear-gradient(145deg,#2b2431,#15121a);padding:19px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;color:white}.generated-card-art span{font-size:8px;color:#d0c3dc;text-transform:uppercase;letter-spacing:.1em}.generated-card-art b{font:800 21px Manrope;letter-spacing:-.7px}.generated-card-art small{font-size:7px;letter-spacing:.13em;color:#b4a8c0}.generated-card-body{padding:15px}.generated-card-body h3{margin:0 0 5px;font-size:14px}.generated-card-body p,.generated-card-body>small{font-size:10px;color:#9e96a6;margin:0 0 7px}.generated-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.generated-card-actions .btn{font-size:9px;padding:8px 9px}.notice-small a{color:#c59cff;overflow-wrap:anywhere}
@media(max-width:850px){.builder-layout{grid-template-columns:1fr}.builder-preview-panel{position:static}.site-preview-frame{height:620px}}
@media(max-width:720px){.builder-lead{flex-wrap:wrap}.builder-lead .badge{margin-left:44px}.builder-layout>.panel{padding:14px}.generated-grid{grid-template-columns:1fr}.preview-actions{flex-wrap:wrap}.site-preview-frame{height:560px}}