:root{font-family:Inter,Noto Sans CJK SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#15191d;background:#eef0f2;font-synthesis:none;text-rendering:optimizeLegibility;--chrome: #101417;--chrome-soft: #181e22;--chrome-line: #30373d;--ink: #15191d;--muted: #7b838b;--paper: #ffffff;--workspace: #eef0f2;--accent: #08a89d;--accent-soft: #d8f4f1;--danger: #cf3d4c;--topbar: 64px;--statusbar: 58px;--library: 272px;--inspector: 326px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}.studio-app{width:100%;height:100%;display:grid;grid-template-rows:var(--topbar) minmax(0,1fr) var(--statusbar);background:var(--workspace);position:relative}.topbar{background:linear-gradient(115deg,#121619,#0d1114);color:#f7f8f8;display:flex;align-items:center;padding:0 16px 0 20px;gap:18px;border-bottom:1px solid #242a2f;box-shadow:0 2px 14px #00000030;z-index:60;min-width:1000px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.035em;white-space:nowrap}.brand svg{color:#d8fbf8}.topbar-divider{height:25px;width:1px;background:#596067;margin-left:8px}.board-switch,.device-select-wrap,.topbar-tools button,.preview-modes button{background:transparent;color:inherit;border:0}.board-switch{display:flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap;padding:8px 2px}.board-switch select{appearance:none;border:0;outline:0;background:transparent;color:inherit;font-weight:600;max-width:230px}.board-switch option{color:#111}.topbar-spacer{flex:1;min-width:8px}.device-select-wrap{height:36px;min-width:260px;border:1px solid #3b444b;border-radius:5px;display:flex;align-items:center;padding:0 9px 0 11px;color:#f3f4f5}.device-select-wrap select{appearance:none;flex:1;border:0;background:transparent;color:inherit;outline:0;font-size:13px}.device-select-wrap option{color:#111}.topbar-tools{display:flex;align-items:center;padding:0 3px;border:1px solid #343c42;border-radius:5px;height:36px}.topbar-tools button{width:30px;height:30px;display:grid;place-items:center;border-radius:4px;color:#bac0c5;position:relative}.topbar-tools button:hover{color:#fff;background:#282f34}.topbar-tools button.has-dot:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#0fc9ba;top:5px;right:5px}.preview-modes{display:flex;align-items:center;height:36px;border:1px solid #343c42;border-radius:5px;overflow:hidden;white-space:nowrap}.preview-modes>span{padding:0 11px;font-size:12px;color:#abb1b5}.preview-modes button{height:100%;padding:0 12px;display:flex;gap:5px;align-items:center;border-left:1px solid #343c42;font-size:12px;color:#c8cccf}.preview-modes button.active{background:#272d32;color:#fff;box-shadow:inset 0 0 0 1px #5b636a}.publish-button{height:38px;min-width:86px;border:0;border-radius:6px;color:#fff;font-weight:650;background:linear-gradient(135deg,#00a99d,#058e84);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 13px #00a99d38}.publish-button:hover{filter:brightness(1.08)}.studio-body{min-height:0;display:grid;grid-template-columns:var(--library) minmax(420px,1fr) var(--inspector);overflow:hidden}.library-panel{background:linear-gradient(180deg,#1a2024,#151a1e);color:#eef1f2;border-right:1px solid #293036;min-width:0;display:grid;grid-template-rows:52px 56px minmax(0,1fr)}.library-tabs{display:grid;grid-template-columns:1fr 1fr;padding:0 14px;border-bottom:1px solid #31383e}.library-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#cfd3d5;font-weight:600}.library-tabs button.active{border-bottom-color:#0bb0a4;color:#22cabe}.library-search-row{display:flex;align-items:center;gap:8px;padding:10px 12px 8px}.library-search{height:37px;flex:1;display:flex;align-items:center;gap:8px;color:#949ca2;border:1px solid #3c454c;border-radius:5px;padding:0 10px;background:#181d21}.library-search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#f4f5f5;font-size:13px}.library-search input::placeholder{color:#8b949a}.icon-button-dark{width:37px;height:37px;display:grid;place-items:center;border:1px solid #3c454c;border-radius:5px;color:#c8cdcf;background:#181d21}.library-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 10px 22px;scrollbar-width:thin;scrollbar-color:#41494f transparent}.library-group h3{margin:12px 5px 7px;font-size:12px;color:#dbe0e2;font-weight:650}.library-card{width:100%;min-height:57px;border:1px solid transparent;border-radius:6px;color:#e7eaeb;background:transparent;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:7px;text-align:left}.library-card:hover{background:#242b30;border-color:#384148}.library-card:focus-visible{outline:2px solid #0ab7aa}.library-card.dragging{opacity:.55;z-index:200}.drag-preview-card{width:226px;min-height:57px;display:flex;align-items:center;gap:9px;padding:7px;border:1px solid #0bb0a4;border-radius:6px;background:#181f23f5;color:#e7eaeb;box-shadow:0 12px 28px #00000047;pointer-events:none}.drag-preview-card>span:not(.library-card-icon){min-width:0;display:flex;flex-direction:column;gap:3px}.drag-preview-card strong{font-size:13px;font-weight:570;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-preview-card small{font-size:11px;color:#a8b0b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-preview-asset{flex-direction:column;align-items:stretch;width:150px;font-size:10px}.drag-preview-asset img,.drag-preview-asset .asset-font-preview{width:136px;height:108px;object-fit:contain;display:grid;place-items:center;background:#fff;border-radius:3px;color:#111;font-size:28px}.library-card-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #4a535a;border-radius:5px;color:#d9dddf;background:#1d2327}.library-card-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.library-card-copy strong{font-size:13px;font-weight:570;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-copy small{font-size:11px;color:#939ca1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-grip{color:#6d767c}.asset-actions{padding:9px 2px}.asset-actions button{width:100%;height:35px;border:1px solid #3a7772;background:#173633;color:#7fe4dc;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:7px}.asset-filter{display:flex;align-items:center;gap:7px;margin:3px 2px 10px;color:#9fa6ab;font-size:11px}.asset-filter select{flex:1;min-width:0;height:30px;color:#dce0e2;background:#1a2024;border:1px solid #3b444b;border-radius:4px}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.asset-card{min-width:0;border:1px solid #343c42;border-radius:5px;padding:6px;background:#1b2125;color:#dfe2e3;text-align:left}.asset-card:hover,.asset-card.selected{border-color:#0bb2a6;background:#16302e}.asset-card img,.asset-font-preview{width:100%;aspect-ratio:1;object-fit:contain;display:grid;place-items:center;background:#fff;border-radius:3px;color:#111;font-size:28px}.asset-card>span:last-child{display:block;margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-library{color:#798389;display:grid;place-items:center;gap:9px;padding:50px 0;font-size:12px}.canvas-editor{position:relative;min-width:0;min-height:0;overflow:auto;background:#f0f2f3;background-image:radial-gradient(#cfd3d6 .55px,transparent .55px);background-size:16px 16px;display:grid;place-items:center;padding:22px}.canvas-stage{position:relative;flex:none;filter:drop-shadow(0 8px 20px rgba(26,34,40,.13))}.ruler-corner{position:absolute;width:34px;height:34px;left:0;top:0;z-index:5;background:#f9fafb;border-right:1px solid #d8dcdf;border-bottom:1px solid #d8dcdf;display:grid;place-items:center;color:#969ca1;font-size:8px}.ruler-horizontal{position:absolute;left:34px;top:0;height:34px;border-bottom:1px solid #d8dcdf;z-index:4}.ruler-vertical{position:absolute;left:0;top:34px;width:34px;border-right:1px solid #d8dcdf;z-index:4}.canvas-board-position{position:absolute;left:34px;top:34px;background:#fff;overflow:visible}.canvas-board-transform{transform-origin:0 0;background:#fff}.canvas-board-transform .sc-instance.is-selected:after{content:"";position:absolute;inset:0;border:1.5px dashed #00a89c;z-index:999;pointer-events:none}.canvas-editor.preview-gray .canvas-board-position{filter:grayscale(1) contrast(1.03)}.canvas-editor.preview-device{background:#1a1f22;background-image:none}.canvas-editor.preview-device .canvas-stage{transform:rotate(-90deg) scale(.78);filter:drop-shadow(0 18px 34px rgba(0,0,0,.42))}.canvas-editor.preview-device .ruler-corner,.canvas-editor.preview-device .ruler-horizontal,.canvas-editor.preview-device .ruler-vertical{display:none}.canvas-editor.preview-device .canvas-board-position{left:0;top:0}.preview-mode-note{position:fixed;bottom:74px;left:50%;transform:translate(-50%);background:#13181be6;color:#e8ebec;border-radius:18px;padding:7px 14px;font-size:11px;z-index:20}.moveable-control{background:#fff!important;border:1.5px solid #00a89c!important;width:8px!important;height:8px!important;margin-top:-4px!important;margin-left:-4px!important}.moveable-line{background:#00a89c!important}.moveable-guideline{background:#ef4d63!important}.selecto-selection{background:#00a89c1c!important;border:1px solid #00a89c!important}.inspector-panel{background:#fff;border-left:1px solid #d1d5d8;min-height:0;overflow-y:auto;scrollbar-width:thin;color:#252a2e}.inspector-title{height:86px;padding:17px 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #dedfe1}.inspector-title>svg{color:#1c2327}.inspector-title div{min-width:0;display:flex;flex-direction:column;gap:4px}.inspector-title span{font-size:11px;color:#858b90}.inspector-title strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-section{padding:15px 16px;border-bottom:1px solid #e1e3e4}.inspector-section h3{margin:0 0 13px;font-size:12px;font-weight:700}.numeric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 11px}.numeric-field{display:flex;align-items:center;gap:7px}.numeric-field span{width:14px;font-size:10px;color:#70777c}.numeric-field input{min-width:0;width:100%;height:33px;border:1px solid #cdd1d4;border-radius:4px;padding:0 8px;font-size:12px}.instance-actions{display:flex;gap:5px;margin-top:11px}.instance-actions button{height:30px;flex:1;border:1px solid #d0d4d6;border-radius:4px;background:#fff;color:#586066;display:grid;place-items:center}.instance-actions button:hover,.instance-actions button.active{color:#008d83;border-color:#33aaa2;background:#effaf9}.instance-actions button.danger:hover{color:var(--danger);border-color:#e6aeb4;background:#fff4f5}.schema-form-section .form-group{margin:0 0 10px}.schema-form-section fieldset{border:0;padding:0;margin:0}.schema-form-section legend,.schema-form-section .field-description,.schema-form-section .help-block,.schema-form-section .text-danger{display:none}.schema-form-section label,.fallback-section label,.binding-row>label:first-child{font-size:11px;color:#61696e;display:block}.schema-form-section input:not([type=checkbox]),.schema-form-section select,.schema-form-section textarea,.fallback-section select,.binding-row select{width:100%;height:34px;border:1px solid #ccd1d4;border-radius:4px;background:#fff;padding:0 8px;margin-top:5px;font-size:12px;color:#252a2e}.schema-form-section input[type=checkbox]{margin:0 8px 0 0;accent-color:#00a89c}.checkbox label{display:flex;align-items:center}.binding-row{padding:10px 0 11px;border-bottom:1px dotted #d2d5d7}.binding-row:first-of-type{padding-top:0}.binding-row>label:first-child span{display:block;font-weight:600;color:#434a4f}.path-select{position:relative;display:flex;align-items:center;margin-top:6px;color:#899095}.path-select svg{position:absolute;left:8px;top:15px;z-index:2}.path-select select{padding-left:28px}.fallback-section label>span{display:block}.compatibility .compat-ok,.compatibility .compat-warning{display:flex;align-items:center;gap:7px;font-size:11px;color:#078f84}.compatibility .compat-warning{color:#b67108}.compatibility dl,.metadata-list{margin:11px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.compatibility dl div,.metadata-list div{display:flex;gap:5px;font-size:10px;min-width:0}.compatibility dt,.metadata-list dt{color:#92989c}.compatibility dd,.metadata-list dd{margin:0;color:#555d62;overflow-wrap:anywhere}.compatibility p,.section-help{font-size:10px;color:#a16e13;line-height:1.5;margin:9px 0 0}.asset-inspector-preview{margin:16px;height:210px;display:grid;place-items:center;background:#f5f6f6;border:1px solid #e0e2e3;border-radius:5px}.asset-inspector-preview img{width:100%;height:100%;object-fit:contain}.asset-inspector-preview>span{font-size:62px}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud span{padding:4px 7px;background:#edf0f1;border-radius:3px;font-size:10px}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-actions button,.wide-action{height:34px;border:1px solid #cfd3d5;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}.inspector-actions .danger{color:var(--danger)}.inspector-empty .wide-action{width:100%;color:#fff;border-color:#009b91;background:#00a89c;margin-top:10px}.inspector-empty .wide-action.secondary{color:#3e464b;border-color:#cfd3d5;background:#fff}.tip-list{padding-left:18px;margin:0;font-size:11px;line-height:2;color:#646c71}.statusbar{background:#fff;border-top:1px solid #cfd3d6;display:grid;grid-template-columns:var(--library) 1.1fr 1fr 1.2fr auto;align-items:center;min-width:980px;z-index:50}.status-live,.status-item{height:100%;display:flex;align-items:center;gap:9px;padding:0 20px;border-right:1px solid #e0e2e3}.status-live>span{width:8px;height:8px;border-radius:50%}.status-dot-live{background:#03aa83;box-shadow:0 0 0 3px #e0f5ef}.status-dot-error{background:#d34c57}.status-live div,.status-item div{display:flex;flex-direction:column;gap:3px}.status-live strong,.status-item strong{font-size:10px;font-weight:600}.status-live small,.status-item small{color:#8b9195;font-size:9px}.status-item svg{color:#858c91}.status-preview-button{margin:0 16px;height:35px;padding:0 15px;border:1px solid #cdd1d4;border-radius:4px;background:#fff;display:flex;gap:7px;align-items:center;font-size:11px}.fixture-switch{position:fixed;z-index:55;right:150px;bottom:12px;display:flex;align-items:center;gap:6px;font-size:9px;color:#899095}.fixture-switch select{height:30px;border:1px solid #d1d5d7;border-radius:4px;background:#fff;font-size:10px}.dialog-backdrop{position:fixed;inset:0;background:#080c0e7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:1000;padding:24px}.dialog{width:min(640px,94vw);max-height:88vh;background:#fff;border-radius:9px;box-shadow:0 24px 70px #0000004d;overflow:hidden;display:flex;flex-direction:column}.dialog-wide{width:min(900px,94vw)}.dialog>header{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfe1;padding:0 18px}.dialog>header>div{display:flex;align-items:center;gap:9px}.dialog h2{margin:0;font-size:16px}.dialog>header button{border:0;background:transparent;color:#777f84;width:34px;height:34px;display:grid;place-items:center}.dialog-body{overflow-y:auto;padding:18px}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.dialog-toolbar p{margin:0;font-size:11px;color:#70777c}.dialog-toolbar button,.source-card footer button,.release-list button,.target-url-row button,.preview-dialog-footer button{border:1px solid #bfc5c8;border-radius:4px;background:#fff;height:32px;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.source-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.source-card{border:1px solid #d9dcde;border-radius:6px;padding:12px}.source-card-head{display:flex;justify-content:space-between;gap:8px}.source-card-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}.source-card-head strong{font-size:12px}.source-card-head small{font-size:9px;color:#8d9397}.source-status{font-size:9px;align-self:flex-start;padding:3px 6px;border-radius:9px;background:#eee}.source-status.fresh{color:#087c62;background:#dff6ee}.source-status.stale{color:#9b6709;background:#fff1cd}.source-status.error{color:#b93642;background:#ffe5e8}.source-fields{display:grid;gap:8px;margin-top:13px}.source-fields label{font-size:9px;color:#70777c}.source-fields input:not([type=checkbox]){width:100%;height:30px;border:1px solid #ced2d4;border-radius:4px;margin-top:3px;padding:0 7px;font-size:10px}.toggle-label{display:flex;align-items:center;gap:5px}.source-card footer{margin-top:11px;padding-top:9px;border-top:1px dotted #d4d7d9;display:flex;justify-content:space-between;align-items:center;gap:5px}.source-card footer span{font-size:8px;color:#8a9195}.device-dialog-grid{display:grid;grid-template-columns:235px 1fr;min-height:480px}.device-dialog-grid aside{border-right:1px solid #e0e2e3;padding-right:12px}.device-dialog-grid aside button{width:100%;border:1px solid transparent;border-radius:5px;background:transparent;display:flex;align-items:center;gap:9px;padding:10px;text-align:left}.device-dialog-grid aside button.active{border-color:#2ca89f;background:#eaf8f6;color:#087f76}.device-dialog-grid aside span{display:flex;flex-direction:column;min-width:0;gap:3px}.device-dialog-grid aside strong{font-size:10px}.device-dialog-grid aside small{font-size:8px;color:#8b9296}.device-editor{padding-left:18px}.device-preview-shape{width:250px;max-height:155px;border:2px solid #242a2e;border-radius:5px;margin:0 auto 18px;display:grid;place-items:center;background:#f4f5f5}.device-preview-shape span{font-size:14px;font-weight:650}.device-preview-shape small{font-size:9px;color:#8a9094}.device-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.device-form-grid label{font-size:9px;color:#737a7f}.device-form-grid input,.device-form-grid select{display:block;width:100%;height:32px;border:1px solid #cdd1d3;border-radius:4px;margin-top:4px;padding:0 8px;font-size:10px}.primary-wide{width:100%;height:35px;border:0;border-radius:5px;margin-top:15px;background:#00a89c;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px}.target-url-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #dadddf;border-radius:5px;padding:10px 12px;margin-bottom:14px}.target-url-row>div{display:flex;flex-direction:column;gap:4px}.target-url-row small{color:#898f93;font-size:9px}.target-url-row code{font-size:11px}.release-list{display:grid;gap:8px}.release-list article{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;border:1px solid #dfe1e3;border-radius:5px;padding:10px}.release-number{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#edf0f1;font-size:11px;font-weight:700}.release-list article>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.release-list strong{font-size:11px}.release-list small{font-size:9px;color:#8b9195}.release-current{color:#087c62;background:#e1f6ee;padding:4px 8px;border-radius:12px;font-size:9px;display:flex;align-items:center;gap:3px}.exact-preview{position:relative;height:min(66vh,650px);background:#20262a;display:grid;place-items:center;overflow:hidden;border-radius:5px}.exact-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:auto}.preview-loading{display:grid;place-items:center;color:#d6dbde}.preview-loading span,.app-loading>span{width:34px;height:34px;border:3px solid #4b565c;border-top-color:#00b6aa;border-radius:50%;animation:spin .8s linear infinite}.preview-dialog-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;color:#737b80}.notice-stack{position:fixed;top:76px;right:340px;z-index:1500;display:grid;gap:8px;width:min(380px,calc(100vw - 40px))}.notice{min-height:42px;display:grid;grid-template-columns:20px 1fr 22px;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid #dce0e2;border-left:4px solid #677178;border-radius:5px;box-shadow:0 8px 25px #141c212e;font-size:11px}.notice-success{border-left-color:#09a383}.notice-error{border-left-color:#d14956}.notice-info{border-left-color:#bd7a12}.notice>button{border:0;background:transparent;color:#8d9498;display:grid;place-items:center}.app-loading,.login-page{width:100%;height:100%;background:#101518;color:#f4f6f6;display:grid;place-items:center;align-content:center;gap:13px}.app-loading strong{font-size:20px}.app-loading p{color:#889299;font-size:11px}.login-page{background:radial-gradient(circle at 50% 30%,#273036,#101518 58%)}.login-card{width:min(390px,calc(100vw - 34px));background:#fff;color:#1e2428;border-radius:10px;padding:28px;box-shadow:0 22px 80px #00000073}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-brand svg{color:#00a89c}.login-brand h1{margin:0;font-size:24px;letter-spacing:-.04em}.login-brand p{margin:4px 0 0;color:#7a8287;font-size:10px}.login-card form{display:grid;gap:13px}.login-card label span{display:block;margin-bottom:5px;font-size:10px;color:#656d72}.login-card input{width:100%;height:39px;border:1px solid #cad0d3;border-radius:5px;padding:0 10px}.login-card form button{height:41px;border:0;border-radius:5px;background:#00a89c;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:650}.login-card>small{display:block;margin-top:16px;color:#94999d;font-size:9px;text-align:center}.login-error{color:#c03744;font-size:10px;margin:-3px 0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1250px){:root{--library: 238px;--inspector: 300px}.brand span{display:none}.device-select-wrap{min-width:210px}.preview-modes>span{display:none}.topbar-tools button:nth-child(4),.topbar-tools button:nth-child(5){display:none}}@media(max-width:980px){:root{--library: 210px;--inspector: 270px}.topbar-tools{display:none}.device-select-wrap{min-width:170px}.preview-modes button{padding:0 8px}}