.prokhor-root .dev{width:100%;aspect-ratio:var(--dev-ratio);position:relative}.prokhor-root .dev-body{width:var(--dev-bezel-w);height:var(--dev-bezel-h);border-radius:calc(var(--dev-r) + var(--dev-bezel-l));box-shadow:var(--shadow-4);transform:scale(var(--dev-k));transform-origin:0 0;position:absolute;top:0;left:0}.prokhor-root .dev--laptop .dev-body{box-shadow:none;border-radius:0}.prokhor-root .dev-lid{top:0;left:calc(var(--dev-bezel-l) - var(--dev-bezel-t));right:calc(var(--dev-bezel-l) - var(--dev-bezel-t));bottom:var(--sp-12);border-radius:var(--r-2xl) var(--r-2xl) var(--r-sm) var(--r-sm);background:linear-gradient(180deg, rgb(var(--n-800)), rgb(var(--n-900)));box-shadow:var(--shadow-4);position:absolute}.prokhor-root .dev-notch{top:var(--dev-bezel-t);z-index:4;width:calc(var(--sp-12) * 4);height:var(--sp-8);border-radius:0 0 var(--r-md) var(--r-md);background:rgb(var(--n-950));position:absolute;left:50%;transform:translate(-50%)}.prokhor-root .dev-base{height:var(--sp-12);border-radius:var(--r-sm) var(--r-sm) var(--r-xl) var(--r-xl);background:linear-gradient(180deg, rgb(var(--n-700)), rgb(var(--n-800)) 30%, rgb(var(--n-900)));box-shadow:var(--shadow-3);position:absolute;bottom:0;left:0;right:0}.prokhor-root .dev-base:after{content:"";width:calc(var(--sp-12) * 5);height:var(--sp-2);border-radius:0 0 var(--r-sm) var(--r-sm);background:rgb(var(--n-950) / .6);position:absolute;top:0;left:50%;transform:translate(-50%)}.prokhor-root .dev-bezel{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.prokhor-root .dev-screen{left:var(--dev-bezel-l);top:var(--dev-bezel-t);width:var(--dev-w);height:var(--dev-h);border-radius:var(--dev-r);background:rgb(var(--n-0));--safe-top:var(--dev-safe-top);--safe-bottom:var(--dev-safe-bottom);--status-fg:rgb(var(--n-950));position:absolute;overflow:hidden}.prokhor-root .dev-screen--light{--status-fg:rgb(var(--n-0))}.prokhor-root .proto-root{contain:layout style paint;isolation:isolate;position:absolute;inset:0}.prokhor-root .dev-status{z-index:2;height:var(--dev-status);padding:0 var(--sp-6) 0 var(--sp-8);color:var(--status-fg);font-family:var(--font-body);font-size:var(--fs-body);font-variant-numeric:tabular-nums;pointer-events:none;align-items:center;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.prokhor-root .dev-time{margin-right:auto}.prokhor-root .dev-signal{height:var(--sp-3);margin-right:var(--sp-2);align-items:flex-end;gap:1px;display:inline-flex}.prokhor-root .dev-signal i{width:var(--sp-1);border-radius:var(--r-pill);background:currentColor}.prokhor-root .dev-signal i:first-child{height:40%}.prokhor-root .dev-signal i:nth-child(2){height:60%}.prokhor-root .dev-signal i:nth-child(3){height:80%}.prokhor-root .dev-signal i:nth-child(4){height:100%}.prokhor-root .dev-wifi{width:var(--sp-4);height:var(--sp-3);margin-right:var(--sp-2);border-radius:var(--r-pill) var(--r-pill) 0 0;background:radial-gradient(circle at 50% 100%,currentColor 0 30%,#0000 32% 50%,currentColor 52% 70%,#0000 72%)}.prokhor-root .dev-battery{width:var(--sp-6);height:var(--sp-3);border-radius:var(--r-xs);opacity:.9;border:1px solid;padding:2px;position:relative}.prokhor-root .dev-battery i{border-radius:var(--r-pill);background:currentColor;width:100%;height:100%;display:block}.prokhor-root .dev-home{pointer-events:none;bottom:var(--dev-home-bottom);z-index:3;width:var(--dev-home-w);height:var(--dev-home-h);border-radius:var(--r-pill);background:var(--status-fg);opacity:.85;position:absolute;left:50%;transform:translate(-50%)}