.studyboard{border:1px solid var(--border);color:#202627;background:#fff;grid-template-columns:270px minmax(0,1fr);height:calc(100vh - 40px);min-height:680px;margin:0 0 -24px;display:grid;position:relative;overflow:hidden}.studyboard.list-collapsed{grid-template-columns:0 minmax(0,1fr)}.studyboard-list{background:#f3f5f6;border-right:1px solid #d9dddf;flex-direction:column;min-width:0;transition:opacity .15s;display:flex;overflow:hidden}.list-collapsed .studyboard-list{opacity:0;pointer-events:none}.studyboard-list-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:27px 20px 6px;display:flex}.studyboard-list-head small,.drawer-head small{color:#7c878c;font-size:var(--type-caption);letter-spacing:.1em;margin-bottom:3px;font-weight:700;display:block}.studyboard-list h1{font:600 var(--type-section)/1.1 var(--font-display);letter-spacing:-.03em}.studyboard-list>p{color:#66747a;font-size:var(--type-meta);padding:8px 20px 20px;line-height:1.6}.icon-button,.plain-icon{color:#536168;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-button{background:#fff;border:1px solid #d0d5d7;width:40px;height:40px}.plain-icon{width:38px;height:38px}.icon-button:hover,.plain-icon:hover{color:#1d3b53;background:#e9edef}.icon-button svg,.plain-icon svg,.studyboard button svg{width:16px;height:16px}.studyboard-map-items{flex:1;padding:0 8px;overflow-y:auto}.studyboard-map-items>button{color:#445157;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:11px;width:100%;padding:12px 10px;display:flex}.studyboard-map-items>button:hover{background:#e9edef}.studyboard-map-items>button.active{background:#fff;border-color:#ccd3d6}.map-thumb{color:#536f7c;background:#f8fafb;border:1px solid #d5dade;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.studyboard-map-items button>span:nth-child(2){min-width:0}.studyboard-map-items b{color:#2e373a;font-size:var(--type-control);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.studyboard-map-items small{color:#7c888d;font-size:var(--type-caption);margin-top:2px;display:block}.trash-link{color:#778186;min-height:42px;font:500 var(--type-meta) var(--font-sans);cursor:pointer;background:0 0;border:0;border-top:1px solid #d9dddf;align-items:center;gap:8px;margin:8px;padding:10px;display:flex}.trash-link:hover{color:#8d413b}.studyboard-main{flex-direction:column;min-width:0;display:flex}.studyboard-header{z-index:50;background:#fff;border-bottom:1px solid #d9dddf;justify-content:space-between;align-items:center;gap:14px;min-height:74px;padding:11px 16px;display:flex}.board-title-area{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.board-title-area input{color:#202627;width:min(280px,25vw);min-width:130px;font:600 var(--type-heading-md)/1.2 var(--font-display);background:0 0;border:0;border-bottom:1px solid #0000;outline:0;padding:5px 2px}.board-title-area input:focus{border-bottom-color:#47738e}.save-state{color:#2f6b52;font-size:var(--type-caption);text-transform:uppercase;letter-spacing:.05em}.save-state.salvando{color:#8a6c2c}.save-state.offline,.save-state.erro{color:#9b4b45}.studyboard-header nav{align-items:center;gap:2px;display:flex}.board-export-menu,.board-background-menu{position:relative}.board-export-menu>div,.board-background-menu>div{z-index:100;background:#fff;border:1px solid #ccd3d6;width:235px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 7px 20px #19252a24}.studyboard-header .board-export-menu>div button{text-align:left;width:100%;height:auto;padding:11px 12px;display:block}.board-export-menu>div b,.board-export-menu>div span{display:block}.board-export-menu>div b{color:#344147;font-size:var(--type-meta)}.board-export-menu>div span{color:#748085;font-size:var(--type-caption);margin-top:3px}.board-background-menu>div{grid-template-columns:repeat(3,1fr);gap:4px;width:224px;display:grid}.studyboard-header .board-background-menu>div button{color:#536168;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:70px;padding:6px;display:flex}.studyboard-header .board-background-menu>div button:hover{background:#f5f7f8;border-color:#d3dade}.studyboard-header .board-background-menu>div button.active{color:#1d3b53;background:#eef4f6;border-color:#668392}.board-background-menu>div b{font-size:var(--type-caption);font-weight:600}.background-sample{background-color:#f8fafc;border:1px solid #d9dfe2;width:48px;height:30px;display:block}.background-sample.is-dots{background-image:radial-gradient(circle,#475d686b 1px,#0000 1.2px);background-size:8px 8px}.background-sample.is-grid{background-image:linear-gradient(#53697438 1px,#0000 1px),linear-gradient(90deg,#53697438 1px,#0000 1px);background-size:8px 8px}.studyboard-header nav button{color:#56646a;min-height:40px;font:500 var(--type-meta) var(--font-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 10px;display:flex}.studyboard-header nav button:hover{color:#1d3b53;background:#edf1f2}.studyboard-header nav [data-testid=add-child-node]{color:#244f64;font-weight:600}.studyboard-canvas-wrap{background:#f8fafc;flex:1;min-height:0;position:relative;overflow:hidden}.studyboard-canvas-background{z-index:0;background-color:#f8fafc;background-position:var(--board-grid-x) var(--board-grid-y);background-size:var(--board-grid-size) var(--board-grid-size);pointer-events:none;position:absolute;inset:0}.studyboard-canvas-background.is-dots{background-image:radial-gradient(circle,#40586438 1px,#0000 1.15px)}.studyboard-canvas-background.is-grid{background-image:linear-gradient(#49606b1f 1px,#0000 1px),linear-gradient(90deg,#49606b1f 1px,#0000 1px)}.studyboard-excalidraw{z-index:1;position:absolute;inset:0}.studyboard-excalidraw .excalidraw{--color-primary:#1d3b53;--color-primary-darker:#132b3e;--color-primary-darkest:#0d202f;--color-primary-light:#dce7ec;font-family:var(--font-sans);background:0 0!important}.studyboard-excalidraw .excalidraw .Island{border:1px solid #d5dade;border-radius:5px;box-shadow:0 2px 8px #1e2a2f14}.studyboard-excalidraw .excalidraw .App-toolbar-container .ToolIcon__icon{border-radius:3px}.studyboard-excalidraw .excalidraw button,.studyboard-excalidraw .excalidraw label{border-radius:3px!important}.studyboard-excalidraw .excalidraw .ToolIcon:has(input[aria-label*=Desenho]),.studyboard-excalidraw .excalidraw .ToolIcon:has(input[aria-label=Draw]){display:none!important}.studyboard-minimap{z-index:20;pointer-events:none;background:#ffffffeb;border:1px solid #cbd2d5;width:150px;height:96px;padding:7px;position:absolute;bottom:48px;right:14px;box-shadow:0 2px 8px #1e2a2f14}.studyboard-minimap svg{width:100%;height:68px}.studyboard-minimap rect{fill:#b8c9d1;stroke:#7f98a3;stroke-width:2px;vector-effect:non-scaling-stroke}.studyboard-minimap rect.frame{fill:#0000;stroke:#1d3b53}.studyboard-minimap span{color:#718087;font-size:var(--type-caption);position:absolute;bottom:3px;right:6px}.studyboard-drawer{z-index:60;background:#fff;border:1px solid #ccd3d6;flex-direction:column;width:min(390px,100% - 20px);display:flex;position:absolute;top:10px;bottom:10px;right:10px;box-shadow:0 8px 26px #1a262b24}.drawer-head{border-bottom:1px solid #e0e3e4;justify-content:space-between;align-items:flex-start;gap:15px;padding:18px 18px 14px;display:flex}.drawer-head h2{font:600 var(--type-heading-lg)/1.15 var(--font-display);letter-spacing:-.02em}.drawer-body{flex:1;padding:16px 18px 24px;overflow-y:auto}.drawer-body h3{color:#6f797d;font-size:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;margin:23px 0 8px}.quick-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.quick-grid button{color:#384449;min-height:92px;font:500 var(--type-meta) var(--font-sans);cursor:pointer;background:#fff;border:1px solid #d7dcde;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px;display:flex}.quick-grid button:hover{background:#f7fafb;border-color:#7993a0}.sample{border:1px solid #b8c3c8;justify-content:center;align-items:center;width:42px;height:29px;display:flex}.sample.sticky{background:#fff4bf;border-color:#d6b84b}.sample.card{background:#fff}.sample.link{background:#eef4f6}.sample.image{background:linear-gradient(140deg,#d9e8ed 50%,#adc2cb 50%)}.resource-list{flex-direction:column;display:flex}.resource-list>button{color:#566268;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eceeef;align-items:center;gap:9px;width:100%;padding:10px 4px;display:flex}.resource-list>button:hover{background:#f5f7f8}.resource-list>button>svg:first-child{color:#6e858f;flex:none}.resource-list>button>span{flex:1;min-width:0}.resource-list b{color:#344045;font-size:var(--type-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.resource-list small{color:#7c888d;font-size:var(--type-caption);margin-top:3px;display:block}.search-box{background:#f8fafb;border:1px solid #cbd2d5;align-items:center;gap:8px;min-height:42px;padding:9px 11px;display:flex}.search-box svg{color:#79868b;width:15px;height:15px}.search-box input{width:100%;font:var(--type-control) var(--font-sans);background:0 0;border:0;outline:0}.result-count,.drawer-help{color:#707d82;font-size:var(--type-meta);margin:11px 0;line-height:1.55}.primary-wide,.secondary-wide{color:#fff;width:100%;min-height:43px;font:600 var(--type-meta) var(--font-sans);cursor:pointer;background:#1d3b53;border:1px solid #1d3b53;justify-content:center;align-items:center;gap:7px;display:flex}.secondary-wide{color:#405057;background:#fff;border-color:#cbd2d5;margin-top:7px}.primary-wide:hover{background:#132b3e}.secondary-wide:hover{background:#f2f5f6}.template-list{gap:7px;display:grid}.template-list button{color:#39464b;text-align:left;cursor:pointer;background:#fff;border:1px solid #d7dcde;padding:11px}.template-list button:hover{border-color:#7993a0}.template-list b,.template-list span{display:block}.template-list b{font-size:var(--type-meta)}.template-list span{color:#707d82;font-size:var(--type-caption);margin-top:4px}.restore-text{color:#365f74;font-size:var(--type-caption);font-weight:600;flex:none!important}.empty-panel{color:#879196;font-size:var(--type-caption);text-align:center;padding:35px 10px}.modal-backdrop{z-index:5000;background:#141c2059;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.share-dialog{background:#fff;border:1px solid #c8d0d3;width:min(440px,100%);box-shadow:0 18px 54px #101b2038}.share-dialog>p{color:#647176;font-size:var(--type-control);padding:17px 18px 6px;line-height:1.6}.share-dialog>.primary-wide{width:calc(100% - 36px);margin:15px 18px}.share-link-input{color:#45545a;width:calc(100% - 36px);min-height:42px;font:var(--type-control) var(--font-sans);background:#f6f8f9;border:1px solid #cbd2d5;outline:0;margin:-5px 18px 15px;padding:9px 11px}.share-link-input:focus{background:#fff;border-color:#47738e}.share-options{grid-template-columns:1fr 1fr;gap:8px;padding:12px 18px 0;display:grid}.share-options button{color:#425056;text-align:left;cursor:pointer;background:#fff;border:1px solid #d5dade;padding:12px}.share-options button.active{background:#f0f5f7;border-color:#1d3b53}.share-options b,.share-options span{display:block}.share-options b{font-size:var(--type-caption)}.share-options span{color:#7f898d;font-size:var(--type-caption);margin-top:4px;line-height:1.4}.danger-link{color:#984b44;font:500 var(--type-caption) var(--font-sans);cursor:pointer;background:0 0;border:0;margin:-5px auto 17px;display:block}.presentation-bar{z-index:4000;background:#fff;border:1px solid #c7cfd2;align-items:center;gap:3px;padding:5px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 5px 18px #16232826}.presentation-bar span{color:#718086;font-size:var(--type-caption);padding:0 8px}.presentation-bar button{color:#3f4d52;font:500 var(--type-caption) var(--font-sans);cursor:pointer;background:#eef2f3;border:0;padding:7px 9px}.delete-board{z-index:25;color:#919a9e;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:10px;right:12px}.delete-board:hover{color:#994c45}.studyboard-loading{color:#707d82;height:calc(100vh - 90px);font-size:var(--type-caption);justify-content:center;align-items:center;gap:9px;display:flex}.studyboard-loading span{border:2px solid #cbd3d6;border-top-color:#1d3b53;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite board-spin}@keyframes board-spin{to{transform:rotate(360deg)}}.shared-board{border:0;height:100vh;display:block}.shared-board .studyboard-main{height:100%}@media (width<=1400px){.studyboard{grid-template-columns:235px minmax(0,1fr)}.studyboard-header nav button{justify-content:center;width:40px;font-size:0}.studyboard-header nav button svg{width:16px;height:16px}}@media (width<=980px){.studyboard{grid-template-columns:225px minmax(0,1fr)}}@media (width<=700px){.studyboard{height:calc(100vh - 58px);min-height:600px;display:block}.studyboard-list{z-index:100;width:235px;position:absolute;inset:0 auto 0 0;box-shadow:8px 0 24px #18232826}.studyboard.list-collapsed .studyboard-list{transform:translate(-100%)}.board-title-area input{width:150px;font-size:var(--type-body-md)}.save-state,.studyboard-minimap{display:none}}