:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#eff9ff;background:#041326;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 52% -12%,#0f4676 0,transparent 48%),radial-gradient(ellipse at 105% 75%,#082e59 0,transparent 40%),#041326;color:#eff9ff}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1780px;margin:auto;padding:0 22px}.topbar{position:sticky;top:0;z-index:30;background:#04182bf5;backdrop-filter:blur(16px);border-bottom:1px solid #155783}.headinner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 4px}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}.logo{font-weight:1000;font-style:italic;font-size:clamp(24px,2.4vw,35px);letter-spacing:-2px;color:white;text-shadow:0 0 13px #1395e766}.logo em{font-style:italic;color:#1acbff}.logo small{display:block;font-style:normal;font-size:9px;letter-spacing:3px;font-weight:700;text-align:center;color:#e6f7ff}.headtitle{display:flex;align-items:center;gap:14px}.titleicon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:#55dfff;background:linear-gradient(140deg,#07529e,#061b37);border:1px solid #178ccc;font-size:30px}.headtitle h1{font-size:clamp(22px,2.5vw,37px);letter-spacing:-1px;margin:0 0 3px;font-weight:850}.headtitle p{margin:0;color:#afcfe6;font-size:13px}.badges{display:flex;gap:10px;flex-shrink:0;align-items:center}.badge{font-size:12px;font-weight:800;border-radius:30px;padding:9px 13px;border:1px solid #1a91cc;background:#092e51;color:#61d7fc}.badge.green{border-color:#14bd63;background:#075d31;color:#c5fbdc}.nav{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0 18px}.nav button,.utility,.outline{background:#0a2745;border:1px solid #1a75ae;color:#edfaff;border-radius:12px;padding:12px 16px;font-weight:800;transition:transform .15s,background .15s,border-color .15s}.nav button:hover,.utility:hover,.outline:hover,.category:hover,.model:hover{transform:translateY(-1px);border-color:#26ccff}.nav button.active,.category.active{background:linear-gradient(145deg,#0789ed,#0461da);border-color:#20dcff;box-shadow:0 0 0 1px #0784da33,inset 0 0 16px #11bcff55}.workspace{display:grid;grid-template-columns:235px minmax(410px,1fr) minmax(320px,.77fr);gap:14px;padding-bottom:20px;align-items:start}.panel{min-width:0;border:1px solid #127ab3;border-radius:19px;padding:17px;background:linear-gradient(148deg,#07284a 0,#071f3c 60%,#051d35);box-shadow:inset 0 1px 0 #44baff13,0 14px 35px #0003}.panel h2{font-size:19px;letter-spacing:-.3px;margin:0 0 14px;display:flex;align-items:center;gap:9px}.panel h2 .symbol{color:#53d9ff}.count{color:#68d9ff;font-size:13px;font-weight:650}.categories{display:grid;gap:8px}.category{border:1px solid #176fa8;background:#092847;color:white;border-radius:11px;min-height:53px;display:flex;align-items:center;gap:11px;text-align:left;padding:10px 13px;font-size:13px;font-weight:800;transition:.15s}.category .ci{font-size:23px;width:28px;text-align:center}.category small{display:block;color:#add4eb;font-size:10px;font-weight:500;margin-top:3px}.category.active small{color:#e4f9ff}.hint{font-size:12px;line-height:1.6;color:#a2c7e0}.gallery-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.gallery-head h2{margin:0}.search{background:#041a32;border:1px solid #217aae;border-radius:10px;color:white;padding:11px 13px;min-width:165px;max-width:240px;flex:1}.search::placeholder{color:#97b8cb}.models{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.model{position:relative;display:block;padding:5px 5px 8px;background:#092645;border:2px solid #1b648e;border-radius:13px;color:#fff;min-width:0;text-align:center;transition:.17s}.model img{display:block;width:100%;aspect-ratio:5/7;object-fit:cover;border-radius:7px;background:#152d42}.model.active{border-color:#1cd5ff;box-shadow:0 0 0 2px #13baff44,0 0 17px #16b9ff2d}.model .tick{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#0aa6ed;border:1px solid white;box-shadow:0 2px 7px #0007;opacity:0;font-weight:1000}.model.active .tick{opacity:1}.model .modelname{font-size:11px;font-weight:800;line-height:1.3;margin-top:6px;display:block;min-height:28px}.model .overlay-label{position:absolute;left:7px;right:7px;top:36%;font-weight:900;font-family:Georgia,serif;font-style:italic;color:white;text-shadow:0 2px 5px #000,0 0 5px #000c;font-size:clamp(9px,1.0vw,14px);pointer-events:none}.empty{grid-column:1/-1;text-align:center;color:#a7c8de;padding:20px}.sectionline{height:1px;background:#136b9b;margin:19px 0}.editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.editor label,.styleopts label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#a8dfff;font-weight:700;min-width:0}.editor input,.editor textarea,.editor select,.styleopts select,.styleopts input{min-width:0;width:100%;color:#fff;background:#061a31;border:1px solid #1f6e9e;border-radius:9px;padding:10px;outline:none;font-size:13px}.editor input:focus,.editor textarea:focus,.search:focus{border-color:#37d6ff;box-shadow:0 0 0 2px #17a9e83b}.editor textarea{min-height:60px;resize:vertical}.span2{grid-column:span 2}.span3{grid-column:span 3}.styleopts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.styleopts input[type=color]{padding:3px;min-height:40px}.inline-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;margin-top:15px}.inline-check input{width:auto}.fileline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}.fileline input{font-size:12px;max-width:100%;color:#d1ecfa}.fileline button{background:#0d3556;color:#fff;border:1px solid #2e83b7;border-radius:8px;padding:8px}.rightpanel{position:sticky;top:95px}.previewbox{background:radial-gradient(circle at center,#123c60 0,#03182f 75%);border-radius:14px;padding:12px;display:flex;justify-content:center;align-items:center;min-height:300px;overflow:hidden}.previewbox canvas{width:min(100%,355px);height:auto;max-height:min(66vh,620px);object-fit:contain;box-shadow:0 10px 26px #0009;border-radius:5px;background:#183c61}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.action{display:flex;align-items:center;justify-content:center;gap:6px;min-height:43px;color:white;background:#0a2d50;border:1px solid #2386ba;border-radius:11px;font-weight:750;font-size:13px;cursor:pointer}.action.primary{background:linear-gradient(135deg,#03acff,#065bea);border-color:#25e0ff}.action.whatsapp{background:linear-gradient(135deg,#049d4e,#077838);border-color:#20d777}.action:hover{filter:brightness(1.16)}.action:disabled{opacity:.45;cursor:not-allowed}.status{min-height:23px;font-size:12px;color:#95eec5;line-height:1.5;margin:9px 1px 0}.status.error{color:#ffb8b8}.features{margin:0 0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#061f3a;border:1px solid #155b8d;border-radius:16px;padding:17px}.features .item{border-right:1px solid #194d77;padding:6px 14px;display:flex;gap:12px;align-items:center}.features .item:last-child{border:0}.features .ic{font-size:27px;color:#2ccaff}.features b{display:block;font-size:13px}.features small{color:#a4c4d8;font-size:11px}.footer{padding:0 22px 24px;text-align:center;color:#85adca;font-size:11px}.modalback{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;background:#000b;padding:15px}.modalback.open{display:flex}.modal{width:min(820px,100%);max-height:88vh;overflow:auto;background:#082848;border:1px solid #27acdc;border-radius:17px;padding:20px;box-shadow:0 20px 65px #000a}.modalhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal h2{margin:0 0 14px}.modalclose{background:#0d3e61;border:1px solid #398bb2;border-radius:9px;color:white;padding:8px 12px}.savedgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.savedcard{border:1px solid #277cac;border-radius:11px;padding:10px;background:#052039}.savedcard img{width:100%;aspect-ratio:5/7;object-fit:cover;border-radius:7px}.savedcard b{font-size:12px;display:block;margin:5px 0}.savedcard p{font-size:11px;color:#a5c9e3}.savedcard button{background:#0878d0;color:#fff;border:0;border-radius:8px;padding:8px;margin:3px;font-size:12px}.helptext{color:#e3f3fa;font-size:14px;line-height:1.8}.helptext p{margin:7px 0}.loading{color:#80c7e8;font-size:12px}button:focus-visible,a:focus-visible{outline:3px solid #72dfff;outline-offset:2px}@media(max-width:1380px){.workspace{grid-template-columns:205px minmax(360px,1fr) minmax(300px,.84fr)}.models{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.panel{padding:13px}.model .modelname{font-size:10px}.headtitle h1{font-size:25px}}@media(max-width:1050px){.workspace{grid-template-columns:210px 1fr}.rightpanel{grid-column:2;position:static}.models{grid-template-columns:repeat(5,1fr)}.headtitle p{display:none}}@media(max-width:720px){.shell{padding:0 12px}.headinner{align-items:flex-start;gap:8px;padding:12px 0;flex-wrap:wrap}.headtitle{order:2;width:100%}.headtitle h1{font-size:21px}.badges{margin-left:auto}.brand{gap:6px}.logo{font-size:26px}.nav{gap:7px;margin:12px 0}.nav button{padding:10px 12px;font-size:12px}.workspace{grid-template-columns:1fr;gap:12px}.rightpanel{grid-column:auto}.categories{display:flex;overflow-x:auto;padding-bottom:5px}.category{flex-shrink:0;min-width:130px}.category .ci{font-size:19px}.models{grid-template-columns:repeat(3,1fr);gap:10px}.model .modelname{font-size:11px}.editor{grid-template-columns:repeat(2,minmax(0,1fr))}.span3{grid-column:span 2}.styleopts{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.features .item:nth-child(2){border-right:0}.features .item:nth-child(-n+2){border-bottom:1px solid #194d77}.rightpanel{position:static}.previewbox canvas{max-height:65vh}}@media(max-width:390px){.models{grid-template-columns:repeat(2,1fr)}.actions{gap:7px}.action{font-size:12px}.badge{font-size:10px;padding:7px 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}