
:root{color-scheme:dark;--bg:#061126;--panel:#0b1931;--line:#263f68;--text:#eff5ff;--muted:#9aafd0;--cyan:#35d9ff;--purple:#8b5cff}
.platform-body{min-height:100vh;background:radial-gradient(ellipse at 8% 0,#12265a 0,transparent 35%),radial-gradient(ellipse at 92% 12%,#32165d 0,transparent 30%),#050d20;color:var(--text);position:relative;overflow-x:hidden}
.platform-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,transparent 20%,#278aff09 48%,#d62cff0b 65%,transparent 80%);background-size:200% 200%;animation:platformGlow 14s ease infinite}
@keyframes platformGlow{50%{background-position:100% 50%}}
.platform-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(16px,4vw,55px);border-bottom:1px solid #263b60;background:#061126eF;backdrop-filter:blur(18px)}
.platform-top .brand{display:flex;align-items:center;gap:9px;font-weight:850;font-size:20px;white-space:nowrap}.platform-top nav{display:flex;gap:18px;align-items:center}.platform-top nav a,.platform-top-actions a{font-size:11px;color:#d0ddf5;white-space:nowrap}.platform-top nav a:hover{color:var(--cyan)}.platform-top-actions{display:flex;align-items:center;gap:12px}.platform-main{width:min(1200px,calc(100% - 36px));margin:30px auto 50px;min-height:65vh}.platform-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.platform-title h1{font-size:clamp(26px,4vw,38px);margin:8px 0;letter-spacing:-1px}.platform-title p{color:var(--muted)}.version-pill{font-size:10px;border:1px solid #355382;border-radius:30px;padding:7px 11px;color:#b9d2ff}.platform-footer{border-top:1px solid #1f3557;padding:22px clamp(16px,4vw,55px);display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8298bc;font-size:10px}.platform-footer span:first-child{font-weight:800;color:#dce8ff}.platform-footer div{display:flex;gap:16px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0e1d38f5,#09152bf5);border-radius:16px;padding:22px;box-shadow:0 16px 45px #0002}.panel h2,.panel h3{margin:0 0 9px}.muted,.panel p{color:var(--muted)}.small{font-size:11px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:10px;background:linear-gradient(100deg,#078bff,#7832ff,#df22df);color:#fff!important;border:0;font-weight:750;font-size:11px;cursor:pointer}.btn.small,.outline-btn{padding:9px 12px}.outline-btn{background:#0c1b35;border:1px solid #3a5584}.field{display:block;width:100%;padding:12px 13px;margin:8px 0 14px;border:1px solid #2b456f;border-radius:10px;background:#061126;color:#f2f6ff;font-size:12px}.field::placeholder{color:#7f96bd}.field:focus{outline:2px solid #6d4bff55;border-color:#8b5cff}label{display:block;font-size:11px;color:#c4d4ef;margin-top:10px}.notice{padding:13px 15px;border-radius:10px;font-size:12px;margin-bottom:18px}.notice.ok{background:#0c332e;border:1px solid #218b75;color:#b6ffeb}.notice.err{background:#3b1c31;border:1px solid #a43d72;color:#ffd4e7}.metric{padding:18px;border:1px solid var(--line);border-radius:14px;background:#0a1830}.metric strong{display:block;font-size:25px;color:var(--cyan);margin:9px 0}.metric span{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:550px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #203657;font-size:11px}th{color:#9eb5dc;background:#0c1b34}td{color:#dce7fb}.badge{display:inline-block;padding:5px 8px;border-radius:30px;background:#182b4d;border:1px solid #344d79;font-size:9px;color:#c7dcff}.empty{padding:32px;text-align:center;border:1px dashed #35517e;border-radius:14px;color:#a4b9d9}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.editor-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 260px;gap:14px}.editor-stage{min-height:520px;border:1px solid #334a74;border-radius:14px;background:#fff;color:#182033;overflow:hidden}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0a1830;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.editor-canvas{padding:26px;min-height:500px;color:#1a2842}.editor-canvas h2{font-size:30px;color:#19294a}.editor-canvas p{color:#53627c}.code-area{width:100%;min-height:180px;font:12px/1.5 monospace;background:#050c1b;color:#9ee8ff;border:1px solid #29436c;border-radius:10px;padding:12px}.tile{border:1px solid var(--line);background:linear-gradient(145deg,#101f3b,#09152b);border-radius:15px;padding:18px;transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-3px);border-color:#5678b8}.tile .tile-icon{font-size:25px;margin-bottom:12px}.tile h3{margin:0 0 7px;font-size:15px}.tile p{font-size:11px;line-height:1.65;color:var(--muted)}.tile a{font-size:11px;color:#65dfff}.chat-output{white-space:pre-wrap;line-height:1.7;font-size:12px;color:#dce8fb}.template-preview{height:110px;border-radius:10px;background:linear-gradient(135deg,#0ea5e9,#6d28d9);margin-bottom:13px;display:grid;place-items:center;font-size:25px}.app-row{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #203657}.app-row:last-child{border:0}.app-row .app-ico{width:38px;height:38px;display:grid;place-items:center;background:#182d51;border-radius:10px}.hint{font-size:10px;color:#849dc4;line-height:1.6}
@media(max-width:1000px){.platform-top nav{gap:10px}.platform-top nav a{font-size:10px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:200px minmax(0,1fr)}.editor-layout>:last-child{grid-column:1/-1}}
@media(max-width:720px){.platform-top{flex-wrap:wrap;gap:10px}.platform-top nav{order:3;width:100%;overflow-x:auto;padding:5px 0}.platform-top-actions{margin-left:auto}.platform-top-actions .muted{display:none}.platform-main{width:calc(100% - 24px);margin:20px auto 35px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.platform-footer{flex-wrap:wrap}.platform-footer div{width:100%;flex-wrap:wrap}.editor-layout{grid-template-columns:1fr}.editor-layout>:last-child{grid-column:auto}.editor-stage{min-height:360px}.platform-title{align-items:flex-start}}

/* CP Builder v1.1.4 global readability normalization for workspace and admin pages */
html{font-size:16px!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:14px!important;line-height:1.6!important;letter-spacing:0!important}
p,li{line-height:1.65!important}
label,.field,.btn,.outline-btn,button,input,select,textarea,td,th{font-size:inherit}
h1{font-size:clamp(25px,3vw,34px)!important;line-height:1.18!important;letter-spacing:-.025em!important}
h2{font-size:clamp(20px,2.2vw,27px)!important;line-height:1.22!important}
h3{font-size:clamp(15px,1.5vw,19px)!important;line-height:1.3!important}
.hint,.muted,.small,.eyebrow,.badge{line-height:1.5!important}
.field{min-height:42px!important;line-height:1.45!important}
.btn,.outline-btn{min-height:38px!important;line-height:1.35!important}
table{font-size:12px!important;line-height:1.5!important}
th,td{padding:11px 12px!important}
.panel,.tile{line-height:1.55!important}

/* CP Builder v1.1.6 AI Studio workspace refinements */
.platform-top nav a{transition:color .18s ease,background .18s ease}.platform-top nav a:hover{color:#72e6ff}.platform-top .brand .logo{box-shadow:0 0 18px #5d36ff55}.platform-title .eyebrow{display:inline-flex;align-items:center;border:1px solid #355382;border-radius:30px;padding:6px 10px;background:#0c1b35;color:#9fc6ff;font-size:9px;letter-spacing:1px}.platform-top nav a{padding:8px 9px;border-radius:9px}.platform-top nav a:hover{background:#172a4a}
