.pl-studio{--pl-bg:#080f1f;--pl-panel:#101a2d;--pl-border:rgba(146,173,209,.16);--pl-text:#e8f4ff;--pl-muted:#8ea2bd;position:fixed;inset:0;z-index:100;background:var(--pl-bg);color:var(--pl-text);font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column}.pl-studio *{box-sizing:border-box}.pl-studio button,.pl-studio input,.pl-studio select,.pl-studio textarea{font:inherit}.pl-studio button{cursor:pointer}.pl-studio button:disabled{opacity:.45;cursor:not-allowed}.pl-studio button:hover:not(:disabled){filter:brightness(1.14)}.pl-studio a{color:inherit;text-decoration:none}.pl-top{height:66px;min-height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid var(--pl-border);background:#0b1324;gap:16px}.pl-brand,.pl-top-actions{display:flex;align-items:center;gap:13px}.pl-brand a{display:grid;place-items:center;color:#b6c4d8;padding:8px}.pl-brand strong{display:block;font-size:17px;letter-spacing:-.5px}.pl-brand small{display:block;color:#70aacc;letter-spacing:2px;font-size:9px;margin-top:4px}.pl-logo{background:linear-gradient(120deg,#28d4c7,#368bd8);border-radius:12px;width:38px;height:38px;display:grid;place-items:center;color:#051323;font-weight:900}.pl-project-name{color:#bacce1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;font-size:13px}.pl-native-status{color:#69cfba;font-weight:800;font-size:10px;letter-spacing:.7px;white-space:nowrap}.pl-green,.pl-native-status span{display:inline-block;width:7px;height:7px;background:#39dcb8;border-radius:50%;box-shadow:0 0 12px #39dcb8;margin-right:6px}.pl-top-actions button{border:1px solid var(--pl-border);border-radius:10px;background:#17233a;color:#cbdff4;min-height:35px;padding:7px 13px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;white-space:nowrap}.pl-studio .pl-publish{background:linear-gradient(110deg,#39cfbb,#4a9eff);color:#051226;border:none;font-weight:900}.pl-workspace{display:grid;grid-template-columns:244px minmax(320px,1fr) minmax(325px,37%);flex:1 1;min-height:0}.pl-sidebar{display:flex;flex-direction:column;background:#0d1729;border-right:1px solid var(--pl-border);min-height:0}.pl-panel-tabs,.pl-preview-tabs{display:flex;border-bottom:1px solid var(--pl-border);padding:10px 8px;gap:4px}.pl-panel-tabs button,.pl-preview-tabs button{background:transparent;border:0;color:#8198b5;padding:8px;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;text-transform:uppercase;border-radius:8px}.pl-panel-tabs button.active,.pl-preview-tabs button.active{background:#193452;color:#67d9d1}.pl-sidebar-title{padding:20px 17px 10px;display:flex;align-items:center;justify-content:space-between;color:#7899b2;font-size:10px;letter-spacing:2px;font-weight:900}.pl-sidebar-title button{border:0;background:transparent;color:#8ebed6}.pl-files{display:flex;flex-direction:column;gap:5px;padding:0 8px}.pl-files button{display:flex;gap:10px;align-items:center;background:transparent;color:#a9bad2;border:1px solid transparent;text-align:left;padding:13px 10px;border-radius:10px;font-size:12px}.pl-files button.active{background:#172d48;border-color:#266080;color:#fff}.pl-files button span{flex:1 1;overflow:hidden;text-overflow:ellipsis}.pl-files button small{font-size:10px;color:#698aa7}.pl-tip{margin:25px 10px;padding:14px;display:flex;gap:10px;background:rgba(37,113,113,.13);border:1px solid rgba(48,209,173,.18);border-radius:12px;color:#63d2bd}.pl-tip strong{font-size:12px}.pl-tip p{font-size:11px;line-height:1.65;color:#94aabb;margin:7px 0 0}.pl-side-foot{margin-top:auto;padding:15px;border-top:1px solid var(--pl-border);color:#7898b3;display:flex;align-items:center;gap:9px;font-size:10px}.pl-info{padding:18px 16px;overflow:auto}.pl-info h3{font-size:15px}.pl-info p{font-size:12px;line-height:1.75;color:#a2b3c8}.pl-info button{border:1px solid #316b87;background:#16324b;color:#95e5de;padding:11px;border-radius:9px;font-size:12px;display:flex;align-items:center;gap:7px}.pl-library{padding:10px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--pl-border);font-size:12px}.pl-library small{font-size:9px;color:#6ccbbd}.pl-editor-area{display:flex;flex-direction:column;min-height:0;min-width:0;background:#0b1322}.pl-editor-head{height:45px;min-height:45px;justify-content:space-between;padding-right:16px;border-bottom:1px solid var(--pl-border);color:#6f8ea9;font-size:10px;letter-spacing:1.5px}.pl-editor-head,.pl-tab{display:flex;align-items:center}.pl-tab{padding:0 22px;height:100%;gap:12px;background:#14223a;color:#cfe9fb;letter-spacing:0;border-right:1px solid var(--pl-border);font-size:12px}.pl-dot{width:5px;height:5px;border-radius:50%;background:#70c4ff}.pl-editor{flex:1 1;min-height:190px;overflow:hidden}.pl-editor>*{height:100%!important}.pl-empty{padding:30px}.pl-terminal{min-height:160px;height:24%;max-height:300px;border-top:1px solid var(--pl-border);background:#0a1120;display:flex;flex-direction:column}.pl-terminal-head{height:39px;min-height:39px;display:flex;align-items:center;gap:10px;padding:0 17px;font-size:10px;letter-spacing:1px;color:#93adc9;font-weight:900;border-bottom:1px solid var(--pl-border)}.pl-terminal-head span{margin-left:auto;color:#5c8098}.pl-terminal-head button{background:transparent;color:#91a4bb;border:0;font-size:10px}.pl-log{padding:10px 17px;overflow:auto;font:11px/1.85 Consolas,monospace}.pl-log>div{display:flex;gap:18px}.pl-log time{color:#617891;white-space:nowrap}.pl-log .ok span{color:#5be0be}.pl-log .error span{color:#ffa1a1}.pl-preview-area{display:flex;flex-direction:column;min-height:0;min-width:0;background:#101b2d;border-left:1px solid var(--pl-border);overflow:auto}.pl-preview-tabs{height:45px;min-height:45px;align-items:center;padding:4px 9px}.pl-preview-tabs button{padding:8px 13px}.pl-preview-top{height:38px;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#a7b9d1;font-size:11px}.pl-preview-top button{background:transparent;border:0;color:#87adcb}.pl-viewport{height:43%;min-height:295px;margin:0 12px;border:1px solid #34486b;border-radius:13px;box-shadow:0 20px 45px rgba(0,0,0,.2)}.pl-canvas-frame,.pl-viewport{position:relative;overflow:hidden}.pl-canvas-frame{width:100%;height:100%}.pl-canvas-frame canvas{display:block;width:100%;height:100%;outline:none}.pl-canvas-frame canvas:focus-visible{box-shadow:inset 0 0 0 3px #46c4df}.pl-canvas-alert,.pl-canvas-progress{position:absolute;left:14px;bottom:36px;background:#102a35;color:#65d7c0;border:1px solid #287b86;border-radius:9px;padding:8px 12px;font-size:11px;pointer-events:none}.pl-canvas-alert{background:#381a2b;color:#ffbcc3}.pl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%);white-space:nowrap}.pl-runtime-stats{margin:10px 15px 4px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font:10px Consolas,monospace;color:#79aaa9}.pl-publish-panel{margin:16px 12px 14px;padding:19px;border:1px solid var(--pl-border);border-radius:14px;background:#132138}.pl-publish-panel h3{font-size:17px;margin:0 0 8px}.pl-publish-panel p{font-size:11px;line-height:1.6;color:#91a7be;margin:0 0 18px}.pl-publish-panel label{display:block;color:#a1b5cc;font-size:10px;font-weight:800;margin:11px 0}.pl-publish-panel input,.pl-publish-panel select,.pl-publish-panel textarea{display:block;width:100%;background:#0d1729;border:1px solid #33435d;border-radius:7px;margin-top:7px;color:#e8f6ff;padding:9px 10px;font-size:12px;outline:none;resize:vertical}.pl-publish-panel :is(input,textarea,select):focus{border-color:#45c7cd}.pl-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pl-publish.wide{width:100%;min-height:42px;border-radius:9px;justify-content:center;font-size:12px;margin-top:16px}.pl-built,.pl-publish.wide{display:flex;align-items:center;gap:9px}.pl-built{background:#123c3b;color:#7bdac7;border-radius:8px;padding:10px;font-size:11px}.pl-links{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.pl-links a{font-size:11px;color:#65cce0;display:flex;gap:4px;align-items:center}.pl-inspector{padding:25px 22px;overflow:auto}.pl-inspector h3{font-size:17px;margin-bottom:17px}.pl-inspector>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--pl-border);padding:13px 0;font-size:11px}.pl-inspector span{color:#a5b6c9}.pl-inspector b{color:#6addce;text-align:right}.pl-notice{position:fixed;bottom:25px;right:25px;z-index:120;max-width:min(480px,90vw);background:#123d3a;border:1px solid #52b59d;color:#c1fff1;border-radius:12px;padding:16px;box-shadow:0 12px 50px #0008;display:flex;gap:12px;align-items:center;font-size:12px}.pl-notice.bad{background:#402337;border-color:#b9546b;color:#ffd3d9}.pl-notice button{background:transparent;border:0;color:inherit}@media(max-width:1200px){.pl-workspace{grid-template-columns:190px minmax(320px,1fr) minmax(300px,35%)}.pl-top-actions{gap:5px}.pl-top-actions button{padding:8px}.pl-native-status{display:none}}@media(max-width:900px){.pl-studio{position:relative;min-height:100vh;height:auto}.pl-top{height:auto;min-height:60px;flex-wrap:wrap;padding:10px}.pl-workspace{display:flex;flex-direction:column}.pl-sidebar{min-height:130px;max-height:220px}.pl-side-foot,.pl-tip{display:none}.pl-editor{height:440px;min-height:440px}.pl-editor-area{min-height:590px}.pl-preview-area{min-height:600px}.pl-viewport{height:400px;min-height:400px}.pl-project-name{max-width:130px}}