:root{font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#ecf0f5;background:#11141b;font-size:13px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}.app-shell{height:100dvh;min-height:480px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:58px;background:#161a23;border-bottom:1px solid #303440;display:flex;align-items:center;gap:13px;padding:0 18px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{font-size:14px;font-weight:700;letter-spacing:-.3px}.brand-icon{height:28px;width:28px;display:grid;place-items:center;border-radius:8px;background:#e9f5f2;color:#167c73;font-size:23px;font-weight:700}.build-tag{background:#253a3a;border:1px solid #335653;border-radius:5px;color:#9fd4c7;font-weight:700;padding:3px 6px;font-size:9px;letter-spacing:.08em}.top-divider{width:1px;height:23px;background:#353944;flex-shrink:0}.document-name{width:210px;max-width:28vw;border:0;background:transparent;color:#dce3ee;outline:0;font-weight:600;padding:7px}.document-name:focus{background:#252b39;border-radius:6px}.local-note{font-size:11px;color:#8f99a9;white-space:nowrap}.online-dot{display:inline-block;background:#43bb8d;width:6px;height:6px;border-radius:100%;vertical-align:middle;margin-right:4px}.toolbar-spacer{flex:1}.topbar button{height:32px;min-width:32px;padding:0 10px;border:1px solid #383f4d;border-radius:7px;background:#252c3b;color:#d6dfeb;font-weight:600}.topbar button:hover:not(:disabled){background:#353f51}.topbar button.primary{background:#e9eef6;color:#172432;border-color:#e9eef6;min-width:90px}.topbar button.primary:hover{background:#fff}.topbar button.primary span{margin-left:7px}.topbar button.subtle{border:none;background:transparent}.workspace{display:grid;grid-template-columns:248px minmax(0,1fr) 270px;flex:1;min-height:0}.workspace.hide-left{grid-template-columns:0 minmax(0,1fr) 270px}.workspace.hide-right{grid-template-columns:248px minmax(0,1fr) 0}.workspace.hide-left.hide-right{grid-template-columns:0 minmax(0,1fr)}.sidebar{position:relative;background:#1b202b;min-width:0;overflow:auto}.sidebar-left{border-right:1px solid #313948}.sidebar-right{border-left:1px solid #313948}.hide-left .sidebar-left,.hide-right .sidebar-right{display:none}.panel-heading{height:51px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700;color:#a1acba;border-bottom:1px solid #313745}.panel-heading button{background:none;border:none;color:#8c96a7;font-size:19px;line-height:1}.panel-heading button:hover{color:#fff}.page-item{display:flex;gap:11px;align-items:center;height:44px;padding:0 19px;background:#242d3b;border-left:3px solid #58b4ab;font-weight:600;color:#dce8e6}.mini-frame{font-size:15px;color:#79c4bb}.page-count{margin-left:auto;color:#8795a4;font-size:11px}.layer-heading{margin-top:12px;border:0;height:38px}.layer-heading small{margin-left:7px;font-size:10px;color:#647284}.layer-list{padding:0 8px}.layer-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:none;color:#afb9ca;background:transparent;padding:12px 10px;border-radius:6px}.layer-row:hover{background:#2a3240}.layer-row.selected{background:#293d4d;color:#eaf8f7;border:1px solid #416778;padding:11px 9px}.layer-glyph{font-size:16px;width:18px;display:inline-flex;justify-content:center;color:#a9b3c4}.layer-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:130px;flex:1}.layer-type{font-size:10px;color:#667486}.empty-layers{color:#8e9cab;font-size:12px;line-height:1.5;padding:14px 12px}.sidebar-foot{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #313745;min-height:64px;padding:11px 16px 11px 46px;color:#c1cdd8;font-size:11px;background:#1b202b}.sidebar-foot span{position:absolute;left:18px;top:16px;color:#89c7bc;font-size:20px}.sidebar-foot small{display:block;color:#728094;margin-top:5px}.editor-center{display:flex;flex-direction:column;overflow:hidden;position:relative;background:#252a35}.toolbelt{position:absolute;z-index:3;top:18px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:5px;background:#1a202c;box-shadow:0 9px 25px #0e121c6e;border:1px solid #414958;border-radius:10px;max-width:calc(100% - 16px);white-space:nowrap}.toolbelt button{border:0;background:transparent;color:#b8c4d3;border-radius:6px;padding:8px 12px;font-weight:600;display:flex;align-items:center;gap:7px}.toolbelt button:hover:not(:disabled){background:#323e50;color:#fff}.toolbelt button.tool-active{background:#35565b;color:#defff7}.toolbelt button>span{font-size:11px}.tool-divider{width:1px;background:#3b4454;margin:5px 2px}.viewport{flex:1;min-height:0;background-color:#252b36;background-image:radial-gradient(#445061 1px,transparent 1px);background-size:20px 20px;overflow:hidden;position:relative;cursor:default}.viewport.is-hand{cursor:grab}.viewport.is-hand:active{cursor:grabbing}.viewport canvas{display:block}.canvas-caption{position:absolute;top:78px;left:22px;font-size:11px;color:#8b97a8;pointer-events:none}.canvas-status{height:38px;background:#1d2430;display:flex;align-items:center;padding:0 14px;gap:12px;border-top:1px solid #373e4e;color:#8d9bae;font-size:11px}.canvas-status .status-spacer{flex:1}.canvas-status button{color:#ced8e5;background:none;border:none;font-weight:600;padding:6px 8px}.canvas-status button:hover{background:#344054;border-radius:5px}.properties{padding:18px}.selected-chip{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.05em;font-size:11px;color:#dfe9f4;padding:8px 0 18px}.selected-chip>span{border:1px solid #4d6170;padding:5px 8px;border-radius:6px;color:#84d2c9}.selected-chip small{margin-left:auto;font-size:9px;color:#637589;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-label{font-size:11px;color:#9aa9bb;display:block;margin:11px 0 8px}.properties input:not([type=color]),.properties textarea{width:100%;background:#151a24;border:1px solid #394658;border-radius:6px;padding:10px;color:#dde6ef;outline:none}.properties input:focus,.properties textarea:focus{border-color:#70aba7}.properties textarea{resize:vertical;min-height:85px}.property-section{border-top:1px solid #313a49;margin:23px 0 16px;padding-top:18px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7f90a2;font-weight:700}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prop-grid label{display:flex;align-items:center;gap:8px;min-width:0}.prop-grid label>span{font-size:11px;color:#8699ad;min-width:14px}.prop-grid input{min-width:0!important;width:100%;padding:8px!important}.color-row{display:flex;align-items:center;gap:12px;color:#aebacb}.color-row input{appearance:none;background:transparent;border:0;width:38px;height:38px;padding:0;cursor:pointer}.color-row input::-webkit-color-swatch{border-radius:7px;border:1px solid #9aaaba}.color-row code{margin-left:auto;color:#e1ecf5;font-size:11px}.danger{margin-top:24px;border:1px solid #69434b;background:#31242b;color:#e9a2ab;border-radius:7px;padding:9px 12px;width:100%}.danger:hover{background:#54313a}.no-selection{text-align:center;margin:98px 25px 0;color:#c9d4e1}.no-selection-icon{font-size:38px;color:#53687e;margin-bottom:18px}.no-selection strong{font-size:14px}.no-selection p{font-size:12px;line-height:1.6;color:#7e8da1;max-width:210px;margin:11px auto}.announcement{height:30px;min-height:30px;flex-shrink:0;padding:7px 20px;background:#131922;border-top:1px solid #2c394a;color:#91a2b7;font-size:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media(max-width:1200px){.workspace{grid-template-columns:200px minmax(0,1fr) 225px}.workspace.hide-left{grid-template-columns:0 minmax(0,1fr) 225px}.workspace.hide-right{grid-template-columns:200px minmax(0,1fr) 0}.workspace.hide-left.hide-right{grid-template-columns:0 minmax(0,1fr)}.toolbelt button>span{display:none}.toolbelt{top:10px}.local-note{display:none}}@media(max-width:820px){.sidebar{display:none!important}.workspace,.workspace.hide-left,.workspace.hide-right,.workspace.hide-left.hide-right{grid-template-columns:minmax(0,1fr)}.document-name{max-width:30vw}.topbar{gap:6px;padding:0 10px}.topbar button.subtle,.topbar .top-divider{display:none}.canvas-status>span:nth-child(2){display:none}.toolbelt button{padding:7px 8px}}