:root{color:#172017;background:#f6f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{align-items:center;border:1px solid #c8c8bd;background:#fbfaf7;color:#1d241d;cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:650;gap:6px;justify-content:center;min-height:28px;padding:0 9px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}button:hover:not(:disabled){background:#f0eee8;border-color:#9fa091}button:active:not(:disabled){transform:translateY(1px)}button:disabled{color:#8e9085;cursor:not-allowed;opacity:.72}button.selected{background:#eceae3;border-color:#9fa091}.primary{background:#1f5f45;border-color:#1f5f45;color:#fff}.primary:hover:not(:disabled){background:#174c37;border-color:#174c37}.primary:disabled{background:#e1dfd6;border-color:#cbc8be;color:#8e9085}main{margin:0 auto;max-width:1180px;padding:22px}.topbar{align-items:center;background:#ffffffc7;border:1px solid #dedbd1;box-shadow:0 10px 22px #252a240d;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;min-height:52px;padding:9px 10px}.brand-block{align-items:center;display:inline-flex;min-width:0}.topbar h1{font-size:18px;font-weight:780;letter-spacing:0;line-height:1;margin:0}.brand-block span{color:#697064;display:block;font-size:10px;font-weight:750;letter-spacing:0;margin-top:3px;text-transform:uppercase}.summary{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.summary>div,.connection{align-items:center;background:#fbfaf7;border:1px solid #d7d4cb;display:inline-flex;gap:7px;height:30px;padding:0 8px}.summary strong{font-size:13px;line-height:1}.summary span{color:#667064;font-size:10px;font-weight:650;text-transform:uppercase}.toolbar-button{font-size:10px;font-weight:750;height:30px;min-height:30px;padding:0 10px;text-transform:uppercase}.connection{font-size:10px;font-weight:750;letter-spacing:0;text-transform:uppercase}.connection.online{color:#1f6a47}.connection.offline{color:#9d5b22}.connection-dot{background:currentColor;border-radius:999px;height:6px;width:6px}.fleet-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.vm-card{background:#fffc;border:1px solid #dedbd1;box-shadow:0 14px 30px #252a2412;display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px;position:relative}.vm-card-placeholder{justify-content:flex-start}.device{align-items:center;display:flex;flex-direction:column;min-width:0;position:relative;width:100%}.device-stage{align-items:center;display:flex;height:392px;justify-content:center;min-width:0;width:100%}.screen{background:radial-gradient(circle at 50% 9%,rgba(255,255,255,.045),transparent 20%),#060807;border:12px solid #171a17;box-shadow:0 18px 30px #20231f24,inset 0 0 0 1px #ffffff0e;color:#f5f7f1;overflow:hidden;position:relative}.device-macos{--screen-width: min(88%, 420px);--base-width: min(97.8%, 467px);padding:4px 0}.device-macos .screen{aspect-ratio:16 / 10;border-bottom-width:10px;border-radius:11px 11px 5px 5px;border-top-width:13px;width:var(--screen-width)}.device-macos .screen:after{background:linear-gradient(115deg,rgba(255,255,255,.13),rgba(255,255,255,.02) 36%,transparent 37%);content:"";inset:0;pointer-events:none;position:absolute}.camera-dot{background:#030403;border:1px solid #30342f;border-radius:999px;height:4px;position:absolute;top:10px;width:4px;z-index:2}.device-ios{margin:0 auto;max-width:176px;padding:0 0 4px;width:42%}.device-ios .screen{aspect-ratio:9 / 19.5;border-radius:24px;border-width:9px;height:auto;width:100%}.screen pre{display:flex;flex-direction:column;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:7px;height:100%;inset:0;justify-content:flex-end;line-height:1.2;margin:0;overflow:hidden;padding:9px;position:absolute;white-space:pre;width:100%;word-break:normal;z-index:1}.device-ios .screen pre{font-size:6px;justify-content:flex-start;line-height:1.15;padding:6px}.screen pre span{display:block;flex:0 0 auto}.screen-off{color:#5e655f}.screen-empty{align-items:center;display:flex;flex-direction:column;font-size:12px;font-weight:650;gap:8px;height:100%;justify-content:center;padding:18px;text-align:center}.screen-empty span{max-width:210px}.macbook-hinge{background:linear-gradient(180deg,#d8d8d1,#aaa9a0);border-radius:0;height:3px;margin-top:0;width:var(--screen-width);z-index:1}.macbook-base{background:transparent;height:22px;position:relative;width:var(--base-width)}.macbook-base:before{background:linear-gradient(90deg,#9090887a,#f6f6f1e6 18%,#e5e4dcfa,#f6f6f1e6 82%,#9090887a),linear-gradient(180deg,#eeeeea,#d5d4cb);border-radius:0 0 8px 8px;box-shadow:inset 0 1px #ffffffc7,0 9px 13px #252a2414;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);content:"";height:15px;left:0;position:absolute;right:0;top:0}.macbook-base:after{background:radial-gradient(ellipse 38px 5px at 50% 0,rgba(72,73,68,.42) 0 48%,rgba(255,255,255,.18) 49% 54%,transparent 56%),linear-gradient(90deg,#7e7e7785,#e8e8e2eb 18%,#cccbc3fa,#e8e8e2eb 82%,#7e7e7785),linear-gradient(180deg,#d7d6ce,#aaa99f);border-radius:0 0 18px 18px;box-shadow:inset 0 1px #ffffff6b,0 8px 12px #252a2414;clip-path:polygon(0 0,100% 0,98% 100%,2% 100%);content:"";height:8px;left:0;position:absolute;right:0;top:14px}.home-indicator{background:#222421;border-radius:999px;height:4px;margin-top:-18px;width:76px;z-index:1}.card-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;min-height:42px}.card-head h2{font-size:17px;line-height:1.15;margin:0}.card-head p{align-items:center;color:#697064;display:flex;font-size:12px;gap:4px;margin:4px 0 0}.status{border:1px solid;font-size:10px;font-weight:780;min-width:70px;padding:5px 7px;text-align:center;text-transform:uppercase}.status-stopped{background:#f0eee8;border-color:#d0cec5;color:#697064}.status-disabled{background:#ece9df;border-color:#cfcbbf;color:#7a7c72}.status-starting,.status-stopping{background:#fff4dd;border-color:#e6c27a;color:#8a5a12}.status-running{background:#e4f4ea;border-color:#9bcaae;color:#1f6a47}.status-error{background:#fae7e1;border-color:#e2a494;color:#9c3829}.details-grid{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail{border-top:1px solid #e4e1d8;min-width:0;padding-top:5px}.detail span{color:#74786f;display:block;font-size:9px;font-weight:750;text-transform:uppercase}.detail strong{display:block;font-size:12px;margin-top:2px;overflow-wrap:anywhere}.ports{border:1px solid #e1ded5;min-height:86px}.port-row{align-items:center;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 42px;min-height:28px;padding:0 8px}.port-row+.port-row{border-top:1px solid #e1ded5}.port-label,.port-copy{color:#687064;font-size:12px;overflow-wrap:anywhere}.port-copy{background:transparent;border:0;justify-content:flex-start;min-height:28px;padding:0;text-align:left;width:100%}.port-copy:hover:not(:disabled){background:transparent;border-color:transparent;color:#1f6a47}.port-copy:active:not(:disabled){transform:none}.port-copy span{overflow-wrap:anywhere}.copy-toast{animation:copy-toast 1.5s cubic-bezier(.22,1,.36,1) forwards;bottom:24px;color:#1f6a47;font-size:12px;font-weight:760;left:50%;pointer-events:none;position:fixed;text-align:center;transform:translate(-50%,8px);white-space:nowrap;z-index:60}@keyframes copy-toast{0%{opacity:0;transform:translate(-50%,8px)}14%,72%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}.ios-switch{background:#c8cac3;border:0;border-radius:999px;box-shadow:inset 0 1px 2px #282d2629;height:22px;min-height:22px;padding:0;position:relative;transition:background .16s ease,opacity .16s ease;width:38px}.ios-switch span{background:#fff;border-radius:999px;box-shadow:0 1px 3px #272d2647;height:18px;left:2px;position:absolute;top:2px;transition:transform .16s ease;width:18px}.ios-switch-on{background:#34c759}.ios-switch-on span{transform:translate(16px)}.ios-switch:disabled{cursor:not-allowed;opacity:.52}.controls{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.controls button{font-size:11px;min-width:0;padding-left:6px;padding-right:6px}.vm-card-mode{min-height:100%}.mode-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.mode-head h2{font-size:17px;line-height:1.15;margin:0}.mode-head span{color:#697064;display:block;font-size:11px;font-weight:700;margin-top:3px;text-transform:uppercase}.back-button{min-width:74px}.action-list{display:grid;gap:8px}.action-tile{align-items:center;background:#fbfaf7;border:1px solid #d7d4cb;color:#273027;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:flex-start;min-height:38px;padding:0 12px}.action-placeholder{border:1px dashed #d2cfc5;color:#8c9086;font-size:12px;padding:12px}.artifact-list{display:grid;gap:7px;min-width:0}.artifact-row{align-items:center;border-top:1px solid #e4e1d8;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-width:0;padding-top:7px}.artifact-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.artifact-row span{color:#74786f;display:block;font-size:11px;margin-top:2px}.download-button{align-items:center;border:1px solid #c8c8bd;color:#273027;display:inline-flex;font-size:11px;font-weight:700;gap:5px;min-height:28px;padding:0 8px;text-decoration:none}.download-button:hover{background:#f0eee8;border-color:#9fa091}.settings-form{display:grid;gap:10px}.settings-form label{display:grid;gap:5px}.settings-form label span{color:#697064;font-size:11px;font-weight:750;text-transform:uppercase}.settings-form input,.settings-form textarea{background:#fbfaf7;border:1px solid #d7d4cb;color:#232a22;font:inherit;font-size:13px;min-width:0;padding:9px 10px;resize:vertical}.settings-form input:focus,.settings-form textarea:focus{border-color:#7f9b75;box-shadow:0 0 0 3px #7f9b7529;outline:0}.settings-form p{color:#74786f;font-size:12px;line-height:1.35;margin:0}.global-error,.error-line{background:#fae7e1;border:1px solid #e4a999;color:#8f2e22;font-size:13px;line-height:1.45;overflow-wrap:anywhere;padding:10px 12px}.global-error{margin-bottom:18px}.empty-state{align-items:center;color:#687064;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:320px}.empty-state strong{color:#222821;font-size:18px}.auth-overlay{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f4efc7;display:flex;inset:0;justify-content:center;padding:22px;position:fixed;z-index:80}.auth-panel{background:#ffffffeb;border:1px solid #d8d5cb;box-shadow:0 24px 60px #252a2424;display:grid;gap:10px;max-width:360px;padding:18px;width:min(100%,360px)}.auth-panel h2{font-size:20px;line-height:1.15;margin:0}.auth-panel p{color:#697064;font-size:13px;line-height:1.4;margin:0}.auth-panel input{background:#fbfaf7;border:1px solid #d7d4cb;color:#232a22;font:inherit;font-size:14px;min-height:36px;padding:0 10px}.auth-panel input:focus{border-color:#7f9b75;box-shadow:0 0 0 3px #7f9b7529;outline:0}.auth-error{color:#9c3829;font-size:12px;line-height:1.35}@media(max-width:760px){main{padding:18px}.topbar{align-items:stretch;flex-direction:column}.summary{justify-content:flex-start}.fleet-grid{grid-template-columns:minmax(0,1fr)}.vm-card{padding:12px}.device-stage{height:auto;min-height:0}.device-macos{--screen-width: 92%;--base-width: 102.2%}.device-ios .screen{height:auto}.details-grid{grid-template-columns:1fr}.port-row{grid-template-columns:minmax(0,1fr) 42px}.port-row .ios-switch{grid-column:2}}