:root{--bg:#080f20;--panel:#101b2e;--panel2:#142139;--border:rgba(165,191,223,.13);--muted:#8a9ab5;--white:#f1f5fd;--accent:#7cf3dc;--accent2:#5db9b1;--blue:#749dff;--orange:#ffc381;--safe:#76dbb4;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}input,textarea,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 680px 300px at 95% -15%,rgba(41,111,154,.21),transparent 82%),radial-gradient(ellipse 600px 450px at -23% 10%,rgba(53,79,143,.10),transparent 80%)}
.topbar{border-bottom:1px solid var(--border);position:relative;background:rgba(11,20,37,.84)}.topbar-inner{max-width:1170px;margin:auto;min-height:74px;padding:0 27px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.brand-icon{width:41px;height:41px;border:1px solid #599c9e;background:linear-gradient(145deg,#1c4f58,#10334b);display:grid;place-items:center;color:var(--accent);border-radius:13px;font-size:24px;box-shadow:inset 0 0 16px #2b85701b}.brand-icon.large{width:62px;height:62px;font-size:35px;border-radius:19px;margin:0 auto 28px}.brand-name{font-size:15px;letter-spacing:2px;font-weight:900;line-height:1.1}.brand-name>span{color:var(--accent)}.brand-name small{display:block;font-size:8px;letter-spacing:2.4px;color:var(--muted);margin-top:6px}.topbar-right{display:flex;gap:9px;align-items:center}.live-dot{width:7px;height:7px;background:#78e5c1;border-radius:99px;box-shadow:0 0 13px #78e5c199;flex-shrink:0}.connected{color:#afbad2;font-size:10px;font-weight:750;letter-spacing:1.15px}.icon-btn{margin-left:18px;border:1px solid var(--border);color:#b5c2d9;background:#17243b;border-radius:11px;width:34px;height:34px;font-size:22px}
.main-container{max-width:1170px;margin:auto;padding:56px 27px 25px;position:relative}.overline{color:#72cfc1;letter-spacing:2.25px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:10px}.dash-line{display:inline-block;width:19px;height:1px;background:#69d7c7}.faint{color:#657b99}.hero{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:20px}.hero h1{font-size:clamp(34px,5vw,60px);font-weight:850;letter-spacing:-3px;margin:0;line-height:1.15}.hero h1 em,.login-card h1 em{font-style:normal;color:var(--accent)}.hero p{color:#a0afc4;font-size:14px;margin:14px 0 0}.btn{display:flex;align-items:center;justify-content:center;gap:14px;border-radius:12px;padding:14px 21px;border:1px solid transparent;font-size:13px;font-weight:800;min-height:47px;transition:transform .15s,filter .15s}.btn:active{transform:scale(.985)}.btn.primary{color:#062c2d;background:linear-gradient(135deg,#8ff3e0,#56cabe);box-shadow:0 7px 22px rgba(38,205,173,.13)}.btn.primary:hover{filter:brightness(1.08)}.btn.outline{border-color:#537187;background:#17283b;color:#c6e2e5}.btn:disabled{opacity:.43;cursor:not-allowed}.btn.full{width:100%;justify-content:space-between}.plus{font-size:20px;line-height:0}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:42px}.stat{background:linear-gradient(150deg,#121f33,#0e182a);border:1px solid var(--border);border-radius:17px;padding:20px 23px;min-height:147px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#879cb7;letter-spacing:1.5px;font-size:10px;font-weight:800}.stat-icon{font-size:20px;color:#a6b2ce}.stat-icon.pending-text{color:var(--orange)}.stat-icon.ready-text{color:var(--blue)}.stat-icon.launched-text{color:var(--safe)}.stat strong{display:block;font-size:39px;line-height:1.15;letter-spacing:-2px;margin:12px 0 4px}.stat-foot{font-size:12px;color:#657d9d}
.section-header{margin-top:56px;display:flex;justify-content:space-between;align-items:end;gap:15px}.overline.short{font-size:9px}.section-header h2{margin:12px 0 0;font-size:25px;letter-spacing:-.7px}.count-chip{vertical-align:middle;font-size:11px;color:var(--accent);border:1px solid #27625e;border-radius:7px;background:#16403966;padding:3px 8px;margin-left:6px}.sync-info{display:flex;gap:9px;align-items:center;color:#8ca3b8;font-size:11px}.sync-info .live-dot{height:6px;width:6px}.refresh{border:1px solid var(--border);border-radius:9px;background:#122036;color:var(--accent);width:31px;height:31px;font-size:20px;margin-left:5px}
.toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:25px;margin-bottom:20px}.search-wrap{height:43px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#101b2e;border-radius:11px;padding:0 14px;min-width:260px;width:350px}.search-wrap span{font-size:23px;color:#748da9}.search-wrap input{color:var(--white);font-size:12px;border:0;background:none;width:100%;min-width:0}.search-wrap input::placeholder{color:#647d9b}.filters{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{border:1px solid transparent;padding:9px 12px;border-radius:9px;background:none;color:#9baac5;white-space:nowrap;font-size:12px;font-weight:650}.filter.active{background:#203e44;border-color:#36766f;color:#92f5e1}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{background:linear-gradient(147deg,#142137,#101a2d);border:1px solid var(--border);border-radius:17px;min-height:250px;padding:22px;display:flex;flex-direction:column;gap:0;transition:border-color .16s,transform .16s;text-align:left;color:var(--white);width:100%}.project-card:hover{border-color:#347d82;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:start}.project-logo{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:20px;color:#f5ffff;background:linear-gradient(135deg,#225e61,#2b335a);border:1px solid #608d9170;object-fit:cover}.card-status,.status{display:inline-flex;align-items:center;gap:6px;border-radius:9px;font-size:10px;font-weight:800;letter-spacing:.25px;padding:7px 9px;background:#403122;color:#ffd4a0}.card-status:before,.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.card-status.ready{background:#263959;color:#8fb2ff}.card-status.launched{background:#193b32;color:#8aebbd}.card-status.archived{background:#2b3342;color:#94a4b8}.card-title{font-weight:850;font-size:19px;letter-spacing:-.4px;margin-top:21px;display:flex;gap:8px;align-items:baseline}.card-title .symbol{color:#91a6c4;font-size:11px;font-weight:700;letter-spacing:.5px}.card-desc{font-size:12px;line-height:1.58;color:#91a4bd;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.card-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:6px}.card-tag{font-size:10px;color:#b4c7d9;border:1px solid #425b7580;border-radius:7px;padding:6px 8px;white-space:nowrap}.card-arrow{border:1px solid #2e5863;color:var(--accent);font-size:17px;border-radius:9px;width:30px;height:30px;display:grid;place-items:center}.card-x-ready{color:#89ead1;font-size:10px;font-weight:700}.card-x-missing{color:#8c96b4;font-size:10px}
.empty{padding:55px 20px;text-align:center;border:1px dashed #3e526b;border-radius:16px;background:#101b2c}.empty-art{font-size:55px;color:#6acaba}.empty h3{font-size:23px;margin:8px}.empty p{font-size:13px;color:#97abc1;max-width:450px;margin:14px auto 23px;line-height:1.5}code{color:#abe8d5}footer{margin-top:60px;padding:23px 0 5px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;color:#7f94ad;font-size:11px}footer div:first-child{font-size:10px;color:#a2eed9;font-weight:800;letter-spacing:1.4px}footer span{color:#8299b6}
.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:28px;position:relative}.login-card{max-width:430px;width:100%;text-align:center;border:1px solid #314760;background:linear-gradient(170deg,#13243b,#0c1528);border-radius:22px;padding:44px 42px;box-shadow:0 34px 80px #03090c88}.eyebrow{color:#70bcb3;letter-spacing:2px;font-size:9px;font-weight:850}.login-card h1{font-size:47px;letter-spacing:-2.5px;margin:12px 0;line-height:1.1}.login-card p{font-size:13px;color:#9daec8;line-height:1.6;margin:17px 0 30px}.login-form{text-align:left}.login-form label,.project-form label,#manualPanel label{display:block;font-size:12px;font-weight:750;color:#d3ddec;margin:20px 0 8px}.login-form input,.project-form input,.project-form select,.project-form textarea,#manualPanel input,#manualPanel select,#manualPanel textarea{background:#0e1a2b;width:100%;border:1px solid #304159;border-radius:10px;color:#eaf5fc;padding:13px 12px;font-size:13px;resize:vertical;min-height:45px}.login-form .btn{margin-top:18px}.login-hint{font-size:10px;color:#657d99;margin-top:24px}
.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,100px);padding:13px 18px;max-width:90vw;min-width:230px;text-align:center;background:#244f4a;color:#d5ffee;border:1px solid #4dada0;border-radius:12px;font-size:13px;box-shadow:0 20px 70px #020b14;z-index:100;opacity:0;pointer-events:none;transition:.24s}.toast.show{transform:translate(-50%,0);opacity:1}.toast.error{background:#532f34;color:#ffe2e3;border-color:#aa6971}
.shade{position:fixed;inset:0;z-index:30;background:#030815b5;backdrop-filter:blur(6px)}.drawer{position:fixed;z-index:31;right:0;top:0;bottom:0;width:min(495px,100vw);background:#111d30;border-left:1px solid #40516a;box-shadow:-18px 0 90px #030919bb;display:flex;flex-direction:column}.drawer-header{padding:25px 29px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.close-btn{color:#a5b9ca;border:1px solid #385069;width:33px;height:33px;border-radius:9px;font-size:14px;background:#1c2b42}.drawer-scroll{padding:27px 29px;overflow-y:auto;flex:1}.detail-title-row{display:flex;gap:16px;align-items:center}.detail-logo{width:68px;height:68px;flex:none;border-radius:17px;display:grid;place-items:center;font-size:25px;background:linear-gradient(150deg,#29616a,#293e65);object-fit:cover}.detail-title-row h2{font-size:24px;letter-spacing:-.7px;margin:0 0 6px}.ticker{font-size:12px;color:#8babc6;font-weight:700}.detail-description{line-height:1.55;font-size:13px;color:#aabbd0;margin:22px 0 15px}.detail-meta{display:flex;gap:9px}.category,.source-label{font-size:10px;padding:7px 9px;background:#26364a;border-radius:7px;color:#a4c3d9;font-weight:700}.website-link{display:inline-flex;margin:18px 0 8px;color:var(--accent);font-size:12px;font-weight:700;gap:6px}.drawer hr{border:0;border-top:1px solid var(--border);margin:22px 0}.project-form label{margin-top:19px}.optional{font-size:9px;float:right;color:#86c2ba;letter-spacing:.5px}.field-help{color:#7b91ad;font-size:11px;margin:0 0 10px;line-height:1.5}.field-copy{display:flex;gap:7px}.field-copy input{min-width:0}.field-copy button{flex:none;width:42px;border-radius:9px;border:1px solid #304159;background:#203448;color:#a8eadc;font-size:20px}.project-form .btn{margin-top:25px}.save-status{font-size:11px;color:#a8e6ce;text-align:center;margin-top:10px;min-height:16px}.drawer-bottom{margin-top:35px;display:flex;justify-content:space-between;gap:5px;font-size:9px;letter-spacing:1px;color:#70859f}
.modal{position:fixed;z-index:31;top:50%;left:50%;transform:translate(-50%,-50%);background:#132138;border:1px solid #435a73;border-radius:19px;padding:28px;width:min(480px,calc(100vw - 30px));max-height:90dvh;overflow-y:auto;box-shadow:0 20px 100px #02070ccc}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal-head h2{font-size:23px;margin:8px 0 0}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin:25px 0 20px}.tab{padding:11px 15px;background:none;border:none;color:#8b9eba;font-size:12px;font-weight:750;border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.upload-zone{display:flex;gap:8px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 12px;border:1px dashed #447a84;border-radius:12px;background:#122b36;cursor:pointer}.upload-icon{font-size:30px;color:var(--accent)}.upload-zone strong{font-size:14px}.upload-zone>span:not(.upload-icon){font-size:11px;color:#93abbf}.upload-zone small{color:#64879b;font-size:10px}.selected-file{margin:12px 0;color:#90b4bb;font-size:11px;word-break:break-word}.modal-help{font-size:11px;color:#8b9eb6;line-height:1.6;margin:20px 0 0}#manualPanel label{margin-top:13px}#manualPanel .btn{margin-top:18px}
@media(max-width:850px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.filters{width:100%}}
@media(max-width:570px){.topbar-inner{padding:0 17px;min-height:66px}.connected{font-size:9px}.icon-btn{margin-left:7px}.main-container{padding:33px 16px 15px}.overline{letter-spacing:1.5px;font-size:9px}.hero{align-items:start;display:block;margin-top:16px}.hero h1{font-size:43px;letter-spacing:-2.3px}.hero p{font-size:12px;line-height:1.65}.add-main{margin-top:23px;width:100%;justify-content:center}.stats{gap:10px;margin-top:25px}.stat{padding:16px 14px;min-height:120px;border-radius:13px}.stat-top{font-size:9px;letter-spacing:.6px}.stat strong{font-size:33px;margin:12px 0 2px}.stat-foot{font-size:10px}.section-header{margin-top:38px}.section-header h2{font-size:22px}.sync-info{font-size:9px}.toolbar{margin-top:19px}.project-grid{grid-template-columns:1fr;gap:12px}.project-card{min-height:217px;padding:19px}.card-title{margin-top:14px}.card-desc{min-height:36px}.drawer-header{padding:19px 20px}.drawer-scroll{padding:24px 20px 50px}.drawer{border:none}.modal{padding:23px}.login-card{padding:36px 25px}.login-card h1{font-size:41px}footer{flex-direction:column;gap:8px;margin-top:36px}}
/* Pons Desk 1.1 — build, preview and launch */
.action-panel{border:1px solid #263b59;border-radius:18px;background:linear-gradient(135deg,#12223b,#0b172b);padding:19px;margin:20px 0;display:grid;gap:12px}
.action-panel h3{margin:0;color:#f6f8ff;font-size:19px}
.action-panel .field-help{margin:0 0 4px;line-height:1.55}
.action-panel .btn{min-height:48px;justify-content:center}
.action-panel input{width:100%;margin:0 0 10px;max-width:100%}
.launch-panel{border-top:1px solid #31445e;padding-top:14px;display:grid;gap:10px}
.launch-panel[hidden],.preview-controls[hidden],.simulation-summary[hidden],#confirmStage[hidden],#previewFrameBox[hidden],#operationLog[hidden]{display:none!important}
.launch-panel label{font-size:13px;font-weight:650;color:#eff4ff}
.btn.danger{background:#b04759;border:1px solid #c35465;color:white}
.btn.danger:hover{background:#c55264}
.operation-log{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font-size:11px;line-height:1.5;background:#061120;color:#bfd7d7;padding:12px;border:1px solid #2a3b4f;border-radius:12px;margin:0}
.simulation-summary{font-size:12px;white-space:pre-line;padding:12px;border-radius:12px;border:1px solid #365f52;background:rgba(38,111,85,.16);overflow-wrap:anywhere}
.preview-note{color:#a8bfce;font-size:11px;margin:6px 0}
#previewFrame{width:100%;height:400px;background:white;border:1px solid #46617e;border-radius:12px}
.settings-modal{z-index:200}
.settings-modal label{display:block;margin:16px 0 8px}
.settings-modal input{width:100%;max-width:100%;margin-bottom:10px}
@media(max-width:640px){.action-panel{padding:14px}.action-panel .btn{font-size:13px}}

/* 1.2: production checks displayed on iPhone */
.site-check-panel{display:grid;gap:12px;padding:15px;border:1px solid #3c5671;border-radius:14px;background:rgba(13,33,51,.5)}
.site-check-header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.site-check-header strong{display:block;font-size:13px;color:#e8f5ff}
.site-check-header small{display:block;margin-top:4px;font-size:10px;color:#8ea3b9}
.btn.compact{min-height:35px;padding:7px 11px;font-size:11px;white-space:nowrap}
.site-checks{display:grid;gap:7px}
.site-check{display:flex;gap:10px;align-items:flex-start;border:1px solid #30445d;border-radius:10px;padding:11px;background:#0b1a2c}
.site-check .sign{font-size:16px;flex:0 0 18px;text-align:center;font-weight:900}
.site-check.pass .sign{color:#7ad8b0}.site-check.fail .sign{color:#f49e9f}.site-check.wait .sign{color:#dfbb86}
.site-check strong{font-size:12px;font-weight:700;line-height:1.3}
.site-check small{font-size:10px;color:#94a6b9;line-height:1.5;display:block;margin-top:4px;overflow-wrap:anywhere}
.site-check-panel .field-help{margin:0}
@media(max-width:570px){.site-check-panel{padding:12px}.site-check-header{align-items:flex-start}.btn.compact{font-size:10px;padding:7px}}