*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--chrome);color:var(--ink);font:13px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal}#board{display:block;position:absolute;inset:0;width:100%;height:100%;background:var(--paper);touch-action:none}#toolbar{position:fixed;bottom:16px;left:12px;right:12px;margin:0 auto;width:fit-content;max-width:calc(100vw - 24px);display:flex;flex-wrap:nowrap;align-items:center;gap:2px;padding:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow);transition:opacity .15s ease,transform .15s ease}#toolbar::-webkit-scrollbar{display:none}#toolbar,#toolbar *:not(input):not(textarea){-webkit-user-select:none;user-select:none}#toolbar>*,.group>*{flex:0 0 auto}#toolbar.away,html.chrome-away #toolbar{opacity:0;transform:translateY(16px);pointer-events:none}#peek{position:fixed;bottom:16px;left:12px;right:12px;margin:0 auto;width:fit-content;opacity:0;pointer-events:none;transition:opacity .15s ease}#peek.here,html.chrome-away #peek{opacity:.8;pointer-events:auto}.divider{width:1px;align-self:stretch;margin:2px 5px;background:var(--rule)}#toolbar .divider.divider-off{display:none}#swatches{display:flex;align-items:center;gap:6px}button{font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 8px;border:1px solid transparent;border-radius:7px;background:transparent;cursor:pointer}button:has(>.icon){width:30px;padding:0}#opacity{width:74px;padding:0 8px;font-variant-numeric:tabular-nums}#radius{width:92px;padding:0 8px;justify-content:flex-start}button[hidden]{display:none}button:hover{background:var(--chrome)}button:focus-visible{outline:2px solid var(--selection);outline-offset:1px}.layer-row:focus-visible{outline:2px solid var(--selection);outline-offset:-2px}button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.sprite{display:none}.icon{width:20px;height:20px;flex:0 0 auto;display:block;fill:currentColor}.swatch{width:22px;min-width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--edge)}.swatch[aria-pressed=true]{background:none;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--ink)}#people-panel{position:fixed;z-index:5;width:min(260px,calc(100vw - 24px));padding:12px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow);display:flex;flex-direction:column;gap:8px}#people-panel[hidden]{display:none}#people-panel .panel-title{display:flex;align-items:center;gap:8px;padding:0;opacity:1;font-size:15px;font-weight:600;line-height:1.25;letter-spacing:-.01em}#people-panel .panel-title .icon{width:18px;height:18px;position:relative;top:-1px}#people-list .pick{flex-direction:row;align-items:center;gap:8px}#people-list .names{display:flex;flex-direction:row;align-items:baseline;gap:5px;min-width:0;flex:1 1 auto}#people-list .names .label{flex:0 1 auto}#people-list .names .where{flex:0 0 auto}#people-list .who{flex:0 0 auto;width:12px;height:12px;border-radius:50%}#people-list .pick[disabled]{cursor:default}#people-list .pick[disabled]:hover{background:transparent}#following{position:fixed;z-index:5;left:50%;transform:translate(-50%);bottom:72px;display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;background:var(--surface);border:1px solid var(--rule);border-radius:999px;box-shadow:0 6px 24px var(--shadow);font-size:12px}#following[hidden]{display:none}body.reading #following{bottom:16px}#following .dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}#following button{height:26px;border-color:var(--rule);font-size:12px}#tip{position:fixed;z-index:60;padding:4px 8px;border-radius:5px;background:var(--ink);color:var(--surface);font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s ease}#tip.here{opacity:1}#tip.wide{white-space:normal;max-width:320px;line-height:1.45}.group{display:contents}.group[hidden]{display:none}#scene-panel{position:fixed;top:52px;right:12px;width:min(400px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--rule);border-radius:8px;box-shadow:0 4px 16px var(--shadow);overflow:hidden}#scene-panel[hidden],#download-menu[hidden]{display:none}textarea{display:block;width:100%;height:240px;padding:8px;border:0;font:inherit;resize:vertical;white-space:pre;color:inherit;background:var(--chrome)}.row{display:flex;gap:4px;padding:7px;border-top:1px solid var(--rule)}.row button,#download-menu button{border-color:var(--rule)}#download-menu{position:fixed;z-index:4;display:flex;flex-direction:column;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--rule);border-radius:8px;box-shadow:0 4px 16px var(--shadow)}#download-menu button{width:100%;justify-content:flex-start;border-color:transparent}#download-menu button:hover{background:var(--chrome)}.top-chrome{position:fixed;top:12px;z-index:3;background:var(--surface);border-color:var(--rule);transition:opacity .15s ease,transform .15s ease}.top-chrome.away,html.chrome-away .top-chrome{opacity:0;transform:translateY(-8px);pointer-events:none}#doc-button{left:12px;max-width:min(480px,67vw);justify-content:flex-start}#doc-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#search-button{right:12px}#doc-panel,#search-panel,#component-panel{position:fixed;top:12px;z-index:4;padding:6px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow)}#doc-panel{left:12px;width:min(480px,calc(100vw - 24px));min-height:320px}#search-panel{right:12px;width:min(560px,calc(100vw - 24px))}#doc-panel,#search-panel,#pin-panel,#component-panel{display:flex;flex-direction:column;gap:8px;padding:12px}#share-panel .panel-title,#doc-panel .panel-title,#search-panel .panel-title,#pin-panel .panel-title,#component-panel .panel-title,#layers-panel .panel-title{display:flex;align-items:center;gap:8px;padding:0;opacity:1;font-size:15px;font-weight:600;line-height:1.25;letter-spacing:-.01em}#doc-panel .panel-title .icon,#pin-panel .panel-title .icon,#layers-panel .panel-title .icon{width:18px;height:18px;position:relative;top:-1px}#component-panel{left:50%;transform:translate(-50%);min-height:320px;width:min(520px,calc(100vw - 24px))}#doc-panel[hidden],#search-panel[hidden],#component-panel[hidden]{display:none}.panel-title .title-key{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin-left:2px;border:1px solid var(--rule);border-radius:5px;font:500 11px/1 var(--font-body);opacity:.6;letter-spacing:0}#profile-panel .profile-font{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid var(--rule)}#profile-panel .font-boxes{display:grid;grid-template-columns:1fr 1fr;gap:6px}#profile-panel .font-box{width:auto;height:auto;padding:8px 8px 7px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;border:1px solid var(--rule);border-radius:8px;background:transparent;text-align:left}#profile-panel .font-box:hover{background:var(--chrome)}#profile-panel .font-box[aria-checked=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}#profile-panel .font-box .font-sample{font-size:20px;line-height:1.1;font-weight:500}#profile-panel .font-box .font-name{font-size:11px;opacity:.65;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#profile-panel .profile-theme{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid var(--rule)}#profile-panel .theme-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#profile-panel .theme-boxes .theme-box{width:auto;height:auto;padding:11px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--rule);border-radius:8px;background:transparent;font-size:11px}#profile-panel .theme-box:hover{background:var(--chrome)}#profile-panel .theme-box[aria-checked=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}#profile-panel .theme-box .icon{width:20px;height:20px}#profile-panel .profile-tools{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid var(--rule)}#profile-panel .tool-boxes{display:flex;flex-direction:column;gap:0}#profile-panel .profile-account{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:10px;border-top:1px solid var(--rule)}#profile-panel .tool-box{display:flex;align-items:center;gap:6px;min-width:0;padding:4px 6px;border-radius:6px;font-size:12px;cursor:pointer}#profile-panel .tool-box:hover{background:var(--chrome)}#profile-panel .tool-box input{margin:0;accent-color:var(--ink)}#profile-panel .tool-box .icon{width:16px;height:16px;opacity:.7}#profile-panel .tool-box span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#profile-panel .profile-tools,#profile-panel .profile-tools *,#profile-panel .font-boxes,#profile-panel .font-boxes *,#profile-panel .theme-boxes,#profile-panel .theme-boxes *,#profile-panel .profile-theme>.field-label,#profile-panel .profile-font>.field-label{-webkit-user-select:none;user-select:none}html[data-hide-tools~=width] #width-tools,html[data-hide-tools~=opacity] #opacity,html[data-hide-tools~=radius] #radius,html[data-hide-tools~=rect] #toolbar [data-tool=rect],html[data-hide-tools~=oval] #toolbar [data-tool=oval],html[data-hide-tools~=html] #add-html,html[data-hide-tools~=css] #add-css,html[data-hide-tools~=components] #library-group,html[data-hide-tools~=chat] #chat-group,html[data-hide-tools~=layers] #layers-group,html[data-hide-tools~=scene] #scene-group{display:none!important}.field{width:100%;height:30px;padding:0 8px;font:inherit;color:inherit;background:var(--chrome);border:1px solid transparent;border-radius:7px}.field:focus{outline:none;border-color:var(--rule)}:root{--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='%2317171a' d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E")}:root[data-theme=dark]{--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='%23e9e8e4' d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E")}select.field{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:30px;background-image:var(--select-arrow);background-position:right 9px center;background-size:16px 16px;background-repeat:no-repeat}select.field:disabled{opacity:.5;cursor:default}.list{display:flex;flex-direction:column;gap:3px;margin-top:6px;max-height:min(52vh,380px);overflow-y:auto}.list:empty{display:none}.list>*,.list .pick>*{flex:0 0 auto}.list .pick{display:flex;flex-direction:column;align-items:stretch;gap:1px;width:100%;height:auto;min-height:30px;padding:6px 8px;text-align:left;justify-content:center;border-radius:7px}.list .pick[aria-selected=true],.list .pick:hover{background:var(--chrome)}.list .pick[aria-current=true]{font-weight:600;background:var(--chrome)}.list .pick .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .pick .where{font-size:12px;opacity:.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .pick .where.shared{display:flex;align-items:center;gap:4px;opacity:.6;line-height:16px}.list .pick .where.shared .icon{width:12px;height:12px;flex:0 0 auto}.list .pick .where.shared span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateY(1px)}#search-list .pick{flex-direction:row;align-items:center;gap:8px}#search-list .names{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}#search-list .kind{flex:0 0 auto;display:flex;align-items:center;opacity:.5}#search-list .kind .icon{width:18px;height:18px}.list .pick mark{background:var(--selection-tint);color:inherit;border-radius:2px}.list .pick.new{flex-direction:row;align-items:center;gap:6px;margin-top:5px;background:transparent;border-color:var(--rule)}.list .pick.new:hover{background:var(--chrome)}.list .pick.new:first-child{margin-top:0}.list .pick .key{font-size:12px;opacity:.6}.list .doc-row{position:relative;display:flex;align-items:center}.list .doc-row .pick{flex:1 1 auto;min-width:0}.list .doc-row .sides{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:flex;gap:2px;opacity:0;pointer-events:none}.list .doc-row:hover .sides,.list .doc-row:focus-within .sides{opacity:1;pointer-events:auto}.list .doc-row .sides{--strip: var(--surface);background:var(--strip);border-radius:7px}.list .doc-row:hover .sides{--strip: var(--chrome)}.list .doc-row .sides:before{content:"";position:absolute;top:0;bottom:0;right:100%;width:16px;background:linear-gradient(to right,transparent,var(--strip));pointer-events:none}body.pin-dragging #pin-list .sides{opacity:0}.list .side{width:30px;min-width:30px;height:30px;padding:0;background:var(--chrome);color:var(--ink)}.list .side:hover,.list .side:focus-visible{background:var(--rule)}.list .side .icon{width:20px;height:20px}.list .doc-row.editing{gap:4px}.list .doc-row .field{flex:1 1 auto;min-width:0;height:auto;min-height:30px;padding:6px 8px;border-color:var(--rule)}.list .doc-row.editing .side{opacity:1;pointer-events:auto;background:var(--chrome)}.empty{padding:6px 8px;opacity:.55}html.settling #board{opacity:0}html.settling *,html.settling *:before,html.settling *:after{transition:none!important;animation:none!important}#pins{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;pointer-events:none;transition:opacity .15s ease}#pins>*{pointer-events:auto}#pins.away,html.chrome-away #pins{opacity:0;pointer-events:none}#pin-rail{flex-direction:column;align-items:flex-start;gap:4px;width:auto;height:auto;padding:12px 10px}#pin-rail:hover{background:transparent}.dash{display:block;width:15px;height:3px;border-radius:2px;background:var(--ink);opacity:.3;transition:opacity .15s ease}#pin-rail:hover .dash,#pins.open .dash{opacity:.55}.dash.none{opacity:.14}#pin-panel{width:min(360px,calc(100vw - 60px));background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow)}#pin-panel[hidden]{display:none}.panel-title{font-size:12px;font-weight:500;opacity:.6;padding:1px 4px 6px}#component-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:6px;align-content:start}#component-list .doc-row{display:block}#component-list .pick{height:100%;padding:6px;gap:3px;justify-content:flex-start}#component-list .doc-row .sides{top:9px;right:9px;transform:none}#component-list .shot{display:block;width:100%;aspect-ratio:4 / 3;margin-bottom:3px;background:var(--paper);border:1px solid var(--rule);border-radius:5px;overflow:hidden}#component-list .shot img{display:block;width:100%;height:100%;padding:4px;object-fit:contain;box-sizing:border-box}#component-list .empty{grid-column:1 / -1}#component-list .names{display:contents}#component-list .doc-row.editing{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px}#component-list .doc-row.editing .shot{flex:0 0 100%;margin-bottom:0}#component-list .doc-row.editing .field{flex:1 1 0;min-width:0}#component-list.as-list{grid-template-columns:1fr}#component-list.as-list .pick{flex-direction:row;align-items:center;gap:8px;height:auto}#component-list.as-list .shot{flex:0 0 auto;width:64px;margin-bottom:0}#component-list.as-list .names{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}#component-list.as-list .doc-row .sides{top:50%;transform:translateY(-50%)}#component-list.as-list .doc-row.editing{flex-wrap:nowrap}#component-list.as-list .doc-row.editing .shot{flex:0 0 auto;width:64px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head .sides{display:flex;align-items:center;gap:4px}.panel-head .side{width:30px;min-width:30px;height:30px;padding:0;background:var(--chrome);color:var(--ink)}.panel-head .side:hover,.panel-head .side:focus-visible{background:var(--rule)}.panel-head .side .icon{width:20px;height:20px}@keyframes pin-fresh{0%{background:var(--selection-tint)}to{background:transparent}}.list .pick.fresh{animation:pin-fresh 1.4s ease-out}body.mc-dragging{user-select:none}#top-right{position:fixed;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:6px}#top-right .top-chrome{position:static;top:auto;right:auto}#top-right{transition:opacity .15s ease,transform .15s ease}#top-right.away,html.chrome-away #top-right{opacity:0;transform:translateY(-8px);pointer-events:none}#share-button{width:auto;padding:0 10px;gap:6px}#share-button .icon{width:18px;height:18px}#share-panel{position:fixed;top:12px;right:12px;z-index:4;padding:12px;width:min(520px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow);display:flex;flex-direction:column;gap:12px}#share-panel[hidden]{display:none}:is(#share-panel,.folder-people-pop) .share-section-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.55;line-height:1}:is(#share-panel,.folder-people-pop) .share-section-title .icon{width:16px;height:16px;position:relative;top:-1px}#share-panel .share-downloads{display:flex;flex-direction:column;gap:6px;margin-top:6px}#share-panel .share-chips{display:grid;grid-template-columns:1fr 1fr;gap:4px}#share-panel .chip,#share-panel .chip:has(>.icon){width:100%;height:30px;gap:8px;padding:0 10px;white-space:nowrap;justify-content:flex-start;border:1px solid var(--rule);background:transparent}#share-panel .chip:hover,#share-panel .chip:focus-visible{background:var(--chrome)}#share-panel .chip .icon{width:18px;height:18px}#share-panel .chip .what{flex:1 1 auto;text-align:left;overflow:hidden;text-overflow:ellipsis}#share-panel .chip .shortcut{flex:0 0 auto;font-size:12px;opacity:.5}:is(#share-panel,.folder-people-pop) .share-note{font-size:12px;line-height:1.35;opacity:.55}#share-panel .share-link,#share-panel .share-links{display:flex;flex-direction:column;gap:6px}#share-panel .share-links[hidden]{display:none}#share-panel .share-link-list{display:flex;flex-direction:column;gap:10px}#share-panel .share-link+.share-link{padding-top:10px;border-top:1px solid var(--rule)}#share-panel .share-links-empty{margin:0}#share-panel .share-link-name{flex:1 1 auto;min-width:0;font-weight:600;background:transparent;border-color:transparent}#share-panel .share-link-name:hover{border-color:var(--rule)}#share-panel .share-link-name:focus{background:var(--surface);border-color:var(--edge)}#share-panel .share-link-create:has(>.icon),#share-panel .share-link-create{align-self:flex-start;width:auto;height:30px;gap:6px;padding:0 10px;border:1px solid var(--rule);background:transparent;white-space:nowrap}#share-panel .share-link-create:hover{background:var(--chrome)}#share-panel .share-link-create .icon{width:18px;height:18px}#share-panel .share-link-create[hidden]{display:none}#share-panel .panel-error{margin:0;font-size:12px;color:var(--pen-red)}#share-panel .share-head{display:flex;align-items:center;justify-content:flex-start;gap:8px}#share-panel .share-link .label{opacity:.9}:is(#share-panel,.folder-people-pop) .share-hint{font-size:12px;opacity:.5}#share-panel .share-link .row{display:flex;gap:6px;align-items:center;padding:0;border-top:0}#share-panel .share-link input{flex:1 1 auto;min-width:0}#share-panel .share-link [data-copy]{flex:0 0 auto;white-space:nowrap}#share-panel .share-link input:read-only{cursor:text}#share-panel a{color:inherit}#share-panel .share-off-note{font-size:12px;line-height:1.35;opacity:.55}#share-panel .share-access[hidden]{display:none}#share-panel .share-access{display:flex;flex-direction:column;gap:6px}:is(#share-panel,.folder-people-pop) .share-rungs{display:flex;flex-direction:column;gap:2px}:is(#share-panel,.folder-people-pop) .share-rung{display:grid;grid-template-columns:14px 1fr;gap:8px;align-items:start;padding:7px 8px;border-radius:7px;cursor:pointer}:is(#share-panel,.folder-people-pop) .share-rung input{margin:2px 0 0;accent-color:var(--ink)}:is(#share-panel,.folder-people-pop) .share-rung-words{display:flex;flex-direction:column;gap:1px}:is(#share-panel,.folder-people-pop) .share-rung:has(input:checked){background:var(--chrome)}:is(#share-panel,.folder-people-pop) .share-rung:has(input:checked) .share-rung-words>span:first-child{font-weight:600}:is(#share-panel,.folder-people-pop) .share-rung:has(input:disabled){opacity:.42;cursor:not-allowed}@media(pointer:fine){:is(#share-panel,.folder-people-pop) .share-rung:hover{background:var(--chrome)}}#share-panel .share-link button[disabled]{opacity:.4;cursor:not-allowed}#share-panel .share-head .share-person-off{margin-left:auto;flex:0 0 auto;border:0;background:transparent}#share-panel .share-head .share-person-off:hover{background:var(--chrome)}#profile-panel{position:fixed;top:12px;right:12px;z-index:4;padding:10px;width:min(272px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow);display:flex;flex-direction:column;gap:8px;align-items:stretch}#profile-panel>*{flex-shrink:0}#profile-panel[hidden]{display:none}#profile-panel .profile-mark{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:4px 0;font-size:16px;font-weight:600;letter-spacing:-.01em}#profile-panel .profile-mark .icon{width:32px;height:32px}#profile-panel .profile-identity{display:flex;flex-direction:column;gap:8px}#profile-panel .profile-identity+.profile-actions,#profile-panel .profile-identity+.profile-email{margin-top:6px}#profile-panel .profile-actions{display:flex;flex-direction:column;gap:8px}#profile-panel .profile-email{opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#profile-panel a{color:inherit}#profile-panel button,#profile-panel .button-link,#share-panel .button-link,#publish-button{justify-content:center;border:1px solid var(--rule);gap:8px}#profile-panel button:has(>.icon){width:auto;padding:0 10px}#publish-button:has(>.icon){width:auto;padding:0 10px}@media(pointer:fine){#publish-button:hover{background:var(--chrome)}}#profile-button{width:auto;padding:0 10px;gap:6px;max-width:200px}#profile-button .avatar{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:var(--profile-color, var(--ink))}#profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-label{font-size:12px;opacity:.55}.swatch-row{display:flex;align-items:center;gap:8px;padding:2px 0}#limit-notice{position:fixed;top:12px;left:12px;z-index:5;padding:10px;width:min(420px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow);display:flex;flex-direction:column;gap:10px}#limit-notice .limit-note{opacity:.75}#limit-notice .row{display:flex;gap:6px;align-items:center}#profile-panel .profile-plan{font-size:12px;opacity:.55}#profile-panel .danger-text{color:var(--pen-red)}#profile-panel .profile-note{font-size:12px;line-height:1.4;margin:0}#profile-panel .profile-note:empty{display:none}#profile-panel .profile-note.error{color:var(--pen-red)}#cursor-layer{position:fixed;inset:0;z-index:2;pointer-events:none}.cursor{position:absolute;top:0;left:0;display:flex;align-items:flex-start;gap:3px;transform:translate(var(--cursor-x),var(--cursor-y));will-change:transform}.cursor .point{width:14px;height:18px;flex:0 0 auto;fill:var(--cursor-color)}.cursor .who{margin-top:12px;padding:1px 6px;border-radius:7px;background:var(--cursor-color);color:var(--on-pen);font-size:12px;line-height:1.5;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px var(--shadow)}.button-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 10px;text-decoration:none;border:1px solid var(--rule);border-radius:7px;background:transparent}.button-link:hover{background:var(--chrome)}body.reading #toolbar,body.reading #peek,body.reading #scene-panel,body.reading #download-menu,body.shared #doc-panel{display:none}body.shared #doc-button{pointer-events:none}#presence{display:inline-flex;align-items:center;gap:5px;padding:0 8px;height:28px;border-radius:7px;background:var(--surface);border:1px solid var(--rule)}#presence:before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--pen-green)}#org-switcher{position:relative;margin-left:auto;min-width:0;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:400}#org-switcher-button,#org-switcher-button:has(>.icon){width:auto;max-width:260px;height:28px;padding:0 6px 0 8px;gap:6px;justify-content:flex-start;border:1px solid var(--rule);background:transparent}#org-switcher-button.open{background:var(--chrome)}#org-switcher-button .icon{width:16px;height:16px;opacity:.7}#org-switcher-button .grow{flex:1 1 auto;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}#org-switcher-button .where{font-size:12px;opacity:.55;line-height:1}#org-switcher-button .chevron{opacity:.5;transition:transform .12s ease}#org-switcher-button.open .chevron{transform:rotate(180deg);opacity:.9}#org-switcher-list{position:absolute;top:calc(100% + 6px);right:0;z-index:5;width:280px;max-height:min(420px,70vh);overflow-y:auto;padding:6px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow)}.list .pick.org-pick{flex-direction:row;align-items:center;gap:8px;width:100%;text-decoration:none;color:inherit}.list .pick.org-pick .icon{width:16px;height:16px;opacity:.6;flex:0 0 auto}.list .pick.org-pick .grow{flex:1 1 auto;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .pick.org-pick .where{font-size:12px;opacity:.55}.list .pick.org-pick.current{font-weight:600;background:var(--chrome)}.list .pick.org-pick .org-names{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left}.list .pick.org-pick .org-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .pick.org-pick .org-names .where{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#org-switcher .org-row{position:relative;display:flex;align-items:center}#org-switcher .org-row>.pick{flex:1 1 auto;min-width:0}#org-switcher .org-row:has(.org-row-settings)>.pick{padding-right:38px}#org-switcher .org-row-settings{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:inherit;text-decoration:none;opacity:0}#org-switcher .org-row-settings .icon{width:16px;height:16px}#org-switcher .org-row:hover .org-row-settings,#org-switcher .org-row-settings:focus-visible{opacity:.7}#org-switcher .org-row-settings:hover{opacity:1;background:var(--surface)}@media(pointer:coarse){#org-switcher .org-row-settings{opacity:.7}}#org-switcher .org-sep{height:1px;background:var(--rule);margin:4px 0}#org-switcher .org-error{font-size:12px;color:var(--pen-red);padding:0 8px}#share-panel .share-people[hidden]{display:none}#share-panel .share-people{display:flex;flex-direction:column;gap:6px}.person-picker{position:relative}.person-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:6;display:flex;flex-direction:column;gap:1px;padding:4px;max-height:240px;overflow-y:auto;background:var(--surface);border:1px solid var(--rule);border-radius:8px;box-shadow:0 6px 24px var(--shadow)}.person-options[hidden]{display:none}.person-options .person-option{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;height:auto;padding:6px 8px;border:0;border-radius:6px;background:transparent;text-align:left}.person-options .person-option:hover,.person-options .person-option[aria-selected=true]{background:var(--chrome)}.person-options .person-option-name{font-size:13px}.person-options .person-option-address{font-size:12px;opacity:.55}.person-options .person-options-empty{padding:6px 8px;font-size:12px;opacity:.55}#share-panel .share-person-add{display:block;position:relative}.person-options .person-option.person-invite{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.person-options .person-option.person-invite .icon{width:16px;height:16px;flex:0 0 auto}.person-options .person-option.person-invite .person-option-name{flex:1 1 auto;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-options .person-option{cursor:pointer}.person-options .person-invite-org{width:auto;flex:0 0 auto;height:26px;font-size:12px;background-color:var(--surface)}#share-panel .share-people-list{display:flex;flex-direction:column;gap:2px}:is(#share-panel,.folder-people-pop) .share-person{display:flex;align-items:center;gap:6px;padding:4px 0 4px 8px}:is(#share-panel,.folder-people-pop) .share-person-words{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}:is(#share-panel,.folder-people-pop) .share-person-words>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#share-panel,.folder-people-pop) .share-person-can{width:auto;flex:0 0 auto}:is(#share-panel,.folder-people-pop) .share-person-off:has(>.icon){width:26px;height:26px}:is(#share-panel,.folder-people-pop) .share-person-off .icon{width:14px;height:14px;opacity:.6}.doc-body{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 auto}.doc-main{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0}#doc-panel.with-folders{width:min(640px,calc(100vw - 24px))}#doc-panel.with-folders .doc-body{flex-direction:row;align-items:stretch;gap:10px}:is(#doc-panel,#component-panel) .folder-rail[hidden]{display:none}:is(#doc-panel,#component-panel) .folder-rail{flex:0 0 186px;margin-top:0;gap:1px;border-right:1px solid var(--rule);padding-right:10px}:is(#doc-panel,#component-panel) .folder-rail .pick{min-height:28px;padding-top:4px;padding-bottom:4px}:is(#doc-panel,#component-panel) .folder-rail .folder-line{display:flex;align-items:center;gap:7px;min-width:0}:is(#doc-panel,#component-panel) .folder-rail .folder-line .icon{width:15px;height:15px;opacity:.55;flex:0 0 auto}:is(#doc-panel,#component-panel) .folder-rail .folder-line .label{flex:1 1 auto;min-width:0}:is(#doc-panel,#component-panel) .folder-rail .folder-line .folder-rung{width:12px;height:12px;opacity:.45}:is(#doc-panel,#component-panel) .folder-rail .count{font-size:12px;opacity:.45;font-weight:400;flex:0 0 auto}:is(#doc-panel,#component-panel) .folder-rail .where.narrows{color:var(--pen-red);opacity:.85}:is(#doc-panel,#component-panel) .folder-rail .pick:disabled{opacity:.45;cursor:default;background:transparent}:is(#doc-panel,#component-panel) .folder-rail .doc-row.drop .pick{background:var(--chrome);outline:1px dashed var(--rule)}:is(#doc-panel,#component-panel) .folder-rail .pick.new{opacity:.6}:is(#doc-panel,#component-panel) .folder-rail .pick.new:hover{opacity:1}:is(#doc-panel,#component-panel) .folder-rail .doc-row .sides{right:4px;gap:0}:is(#doc-panel,#component-panel) .folder-rail .doc-row .side{width:22px;min-width:22px;height:22px;background:var(--chrome)}:is(#doc-panel,#component-panel) .folder-rail .doc-row .side .icon{width:14px;height:14px}:is(#doc-panel,#component-panel) .doc-main .list{margin-top:0}:is(#doc-panel,#component-panel) .list .doc-row[draggable=true]{cursor:grab}:is(#doc-panel,#component-panel) .folder-head[hidden]{display:none}:is(#doc-panel,#component-panel) .folder-head{position:relative;display:flex;align-items:center;gap:6px;padding:2px 2px 2px 0;border-radius:7px;font-size:12px}:is(#doc-panel,#component-panel) .folder-title{flex:0 1 auto;min-width:0;max-width:100%;font-size:14px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#doc-panel,#component-panel) .folder-head:has(.grow) .folder-title{max-width:42%}.search-menu{position:absolute;z-index:6;width:260px;display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow)}.search-menu.floating{position:fixed;z-index:7}.search-menu .field{width:100%}.search-menu-list{display:flex;flex-direction:column;gap:1px;max-height:240px;overflow-y:auto}.search-menu .search-menu-option{display:flex;align-items:center;gap:8px;width:100%;height:auto;min-height:30px;padding:4px 8px;border:0;border-radius:6px;background:transparent;justify-content:flex-start;text-align:left;font-size:13px}.search-menu .search-menu-option .icon{width:16px;height:16px;opacity:.6;flex:0 0 auto}.search-menu .search-menu-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-menu .search-menu-hint{flex:0 100 auto;min-width:0;margin-left:auto;font-size:12px;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-menu .search-menu-words{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.search-menu .search-menu-detail{font-size:11.5px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-menu.chat-pick-menu{width:min(420px,calc(100vw - 16px))}.search-menu.chat-pick-menu .search-menu-hint{flex:none;font-variant-numeric:tabular-nums}.search-menu.chat-pick-menu .search-menu-list{max-height:320px}.search-menu.chat-pick-menu .search-menu-option.current .search-menu-name{font-weight:600}.search-menu .search-menu-option:not(:disabled):hover,.search-menu .search-menu-option[aria-selected=true]{background:var(--chrome)}.search-menu .search-menu-option:disabled{opacity:.45;cursor:default}.search-menu .search-menu-empty{padding:6px 8px;font-size:12px;opacity:.55}:is(#doc-panel,#component-panel) .folder-head.moving{flex-wrap:wrap;padding:6px 6px 6px 8px}:is(#doc-panel,#component-panel) .folder-head.moving{border:1px solid var(--rule);background:transparent}:is(#doc-panel,#component-panel) .folder-head>.icon{width:15px;height:15px;opacity:.6;flex:0 0 auto}:is(#doc-panel,#component-panel) .folder-head .grow{flex:1 1 0;min-width:0}:is(#doc-panel,#component-panel) .folder-empty{margin:0;padding:6px 8px;font-size:12px;opacity:.55}:is(#doc-panel,#component-panel) .folder-head .folder-access{width:auto;height:26px;flex:0 0 auto}:is(#doc-panel,#component-panel) .folder-head .side:has(>.icon){width:26px;height:26px;opacity:1;pointer-events:auto}:is(#doc-panel,#component-panel) .folder-head .side .icon{width:14px;height:14px;opacity:.6}:is(#doc-panel,#component-panel) .folder-head button.folder-go,:is(#doc-panel,#component-panel) .folder-head button.folder-quiet{height:26px;padding:0 10px;border-radius:7px;font-size:12px}:is(#doc-panel,#component-panel) .folder-head button.folder-go{background:var(--ink);color:var(--surface)}:is(#doc-panel,#component-panel) .folder-head button.folder-quiet{border:1px solid var(--rule);background:transparent}:is(#doc-panel,#component-panel) .panel-error{margin:0;font-size:12px;color:var(--pen-red)}@media(max-width:620px){#doc-panel.with-folders .doc-body{flex-direction:column}:is(#doc-panel,#component-panel) .folder-rail{flex:0 0 auto;max-height:140px;border-right:0;padding-right:0;border-bottom:1px solid var(--rule);padding-bottom:6px}}#share-panel #share-links{display:flex;flex-direction:column;gap:inherit}#share-panel #share-links[hidden],#share-panel #share-links-none[hidden]{display:none}:is(#doc-panel,#component-panel) .folder-head.moving .grow{flex:1 1 calc(100% - 30px)}#component-panel.with-collections{width:min(700px,calc(100vw - 24px))}#component-panel.with-collections .doc-body{flex-direction:row;align-items:stretch;gap:10px}#component-panel .doc-main #component-list{margin-top:0}@media(max-width:620px){#component-panel.with-collections .doc-body{flex-direction:column}}:is(#doc-panel,#component-panel) .folder-head .head-name{flex:0 1 auto;min-width:6ch;max-width:45%;field-sizing:content;height:26px;margin-left:-6px;padding:0 6px;color:inherit;background:transparent;border:1px solid transparent;border-radius:6px}:is(#doc-panel,#component-panel) .folder-head .head-name:hover{background:var(--chrome)}:is(#doc-panel,#component-panel) .folder-head .head-name:focus{outline:none;background:var(--chrome);border-color:var(--rule)}:is(#doc-panel,#component-panel) .folder-head .folder-access{height:26px;font-size:12px}#doc-panel .folder-head .folder-share-button{width:auto;height:26px;padding:0 6px;gap:5px;flex:0 0 auto;border:1px solid var(--rule);border-radius:6px}#doc-panel .folder-head .folder-share-button[aria-expanded=true],#doc-panel .folder-head .folder-share-button:hover{background:var(--chrome)}#doc-panel .folder-head .folder-share-button>.icon{width:15px;height:15px;opacity:.7}#doc-panel .folder-head .faces{display:inline-flex}#doc-panel .folder-head .face{width:18px;height:18px;border-radius:50%;margin-left:-5px;display:inline-flex;align-items:center;justify-content:center;font:600 8px/1 var(--font-body);color:var(--on-pen);box-shadow:0 0 0 2px var(--surface)}#doc-panel .folder-head .face:first-child{margin-left:0}#doc-panel .folder-head .more{font-size:12px;opacity:.6}.folder-people-pop{position:absolute;top:calc(100% + 4px);right:0;z-index:6;width:min(380px,calc(100vw - 48px));padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow);font-size:12px;font-weight:400}.folder-people-pop .folder-people-list{display:flex;flex-direction:column}.folder-people-pop .folder-people-list:empty{display:none}#instance-panel{position:fixed;top:12px;right:12px;z-index:4;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 88px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow);transition:opacity .15s ease,transform .15s ease}#instance-panel[hidden]{display:none}html.chrome-away #instance-panel{opacity:0;transform:translateY(-8px);pointer-events:none}#instance-panel .panel-title{display:flex;align-items:center;gap:8px;min-width:0;padding:0;opacity:1;font-size:15px;font-weight:600;line-height:1.25;letter-spacing:-.01em}#instance-panel .panel-title .icon{width:18px;height:18px;position:relative;top:-1px}#instance-panel .instance-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#instance-panel .instance-name-head{display:flex;flex-direction:column;gap:8px}#instance-panel .field.instance-name-field{width:100%;min-width:0;font-family:var(--font-title);font-size:15px;font-weight:600;letter-spacing:-.01em}#instance-panel .instance-steps{display:flex;gap:3px}#instance-panel .instance-steps button{flex:1 1 0;min-width:0;height:28px;padding:0;font-size:12px;font-variant-numeric:tabular-nums;border:1px solid var(--rule)}#instance-panel .instance-choice-boxes{flex-wrap:wrap}#instance-panel .instance-choice-boxes button{flex:1 1 auto;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}#instance-panel .instance-steps button[aria-checked=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}#instance-panel .instance-section{font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.55;padding-top:10px;border-top:1px solid var(--rule);margin-top:2px}#instance-panel .instance-hint{margin:0;font-size:12px;line-height:1.4;opacity:.6}#instance-panel .field{font-size:12px}#instance-panel .instance-label{display:flex;align-items:center;gap:5px;font-size:11px;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#instance-panel .instance-params{display:flex;flex-direction:column;gap:8px}#instance-panel .instance-param{display:flex;flex-direction:column;gap:4px}#instance-panel .instance-param-line{display:flex;align-items:center;gap:6px;min-width:0;min-height:30px}#instance-panel .instance-param-line>:first-child{flex:1 1 auto;min-width:0}#instance-panel .side{width:30px;min-width:30px;height:30px;padding:0;background:var(--chrome);color:var(--ink)}#instance-panel .side:hover,#instance-panel .side:focus-visible{background:var(--rule)}#instance-panel .instance-reset{width:26px;min-width:26px;height:26px}#instance-panel .instance-reset .icon{width:16px;height:16px}#instance-panel .instance-swatches{display:flex;flex-wrap:wrap;gap:5px}#instance-panel .instance-swatches .swatch{width:18px;min-width:18px;height:18px}#instance-panel .instance-swatches .swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--ink)}#instance-panel .instance-notice{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:8px;background:var(--chrome);font-size:12px;line-height:1.4}#instance-panel .instance-action,#instance-panel .instance-action:has(>.icon){width:auto;padding:0 10px;border-color:var(--rule)}#instance-panel .instance-action .icon{width:16px;height:16px}#instance-panel .instance-action.primary{background:var(--ink);color:var(--surface);border-color:var(--ink)}#instance-panel>.instance-action{align-self:flex-start}#instance-panel .instance-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;padding-top:4px}#instance-panel .instance-add{display:flex;gap:4px;flex-wrap:wrap;align-items:center}#instance-panel .instance-piece .instance-add-property,#instance-panel .instance-piece .instance-add-property:has(>.icon){align-self:flex-start;margin-left:4px;height:26px;padding:0 6px;border-color:transparent;opacity:.7}#instance-panel .instance-piece .instance-add-property:hover{opacity:1;background:var(--surface)}#instance-panel .instance-defs{display:flex;flex-direction:column;gap:16px}#instance-panel .instance-def{display:flex;flex-direction:column;gap:4px}#instance-panel .instance-def+.instance-def{padding-top:14px;border-top:1px dashed var(--rule)}#instance-panel .instance-def-head{display:flex;align-items:center;gap:6px}#instance-panel .instance-def-name{flex:1 1 auto;min-width:0}#instance-panel .instance-pieces{display:flex;flex-direction:column;gap:2px}#instance-panel .instance-piece{display:flex;flex-direction:column;gap:6px;border-radius:8px}#instance-panel .instance-piece.open{background:var(--chrome);padding-bottom:8px}#instance-panel .instance-piece-top{display:flex;align-items:center;gap:2px;padding-right:4px;border-radius:8px}#instance-panel .instance-piece-top:hover{background:var(--chrome)}#instance-panel .instance-piece.open .instance-piece-top:hover{background:transparent}#instance-panel .instance-piece-top .instance-piece-head{flex:1 1 auto;min-width:0}#instance-panel .instance-piece-top .instance-piece-head:hover{background:transparent}#instance-panel .instance-piece-arrow{width:26px;min-width:26px;height:26px;padding:0}#instance-panel .instance-piece-arrow:hover{background:transparent}#instance-panel .instance-piece-arrow .icon{width:16px;height:16px;opacity:.7;transition:transform .15s ease}#instance-panel .instance-piece.open .instance-piece-arrow .icon{transform:rotate(180deg)}#instance-panel .instance-piece-select{width:26px;min-width:26px;height:26px;opacity:0;pointer-events:none}#instance-panel .instance-piece-select .icon{width:16px;height:16px}#instance-panel .instance-piece:hover .instance-piece-select,#instance-panel .instance-piece:focus-within .instance-piece-select,#instance-panel .instance-piece.focused .instance-piece-select{opacity:1;pointer-events:auto}#instance-panel .instance-piece.focused{box-shadow:inset 0 0 0 1px var(--rule)}#instance-panel .instance-piece-select[aria-pressed=true]{opacity:1;pointer-events:auto;background:var(--ink);color:var(--surface)}#instance-panel .instance-piece-head,#instance-panel .instance-piece-head:has(>.icon){width:100%;height:auto;min-height:34px;padding:5px 8px;justify-content:flex-start;gap:8px;text-align:left}#instance-panel .instance-piece-head:disabled{cursor:default;opacity:.6}#instance-panel .instance-piece-head:disabled:hover{background:transparent}#instance-panel .instance-piece-head>.icon{width:16px;height:16px;opacity:.7}#instance-panel .instance-piece-head .names{display:flex;flex-direction:column;gap:1px;min-width:0}#instance-panel .instance-piece-head .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#instance-panel .instance-piece-head .where{font-size:11px;opacity:.6}#instance-panel .instance-prop{display:flex;flex-direction:column;gap:4px;padding:0 8px}#instance-panel .instance-piece.open .field{background:var(--surface)}#instance-panel .instance-pad{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 6px;margin-top:4px}#instance-panel .instance-pad>.instance-label{grid-column:1 / -1}#instance-panel .instance-pad-cells{display:flex;gap:4px;min-width:0}#instance-panel .instance-pad-cell{flex:1 1 0;min-width:0;display:flex;align-items:center;height:30px;background:var(--surface);border:1px solid transparent;border-radius:7px;padding-left:7px}#instance-panel .instance-pad-cell:focus-within{border-color:var(--rule)}#instance-panel .instance-pad-mark{font-size:11px;opacity:.55;flex:0 0 auto}#instance-panel .instance-pad-cell input{flex:1 1 auto;min-width:0;width:100%;height:28px;padding:0 4px;border:0;background:transparent;font:inherit;color:inherit}#instance-panel .instance-pad-cell input:focus{outline:none}#instance-panel .instance-pad-cell input{-moz-appearance:textfield;appearance:textfield}#instance-panel .instance-pad-cell input::-webkit-inner-spin-button,#instance-panel .instance-pad-cell input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#instance-panel .instance-pad-bound{flex:1 1 auto;min-width:0;padding:0 4px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#instance-panel .instance-pad-from{flex:0 0 22px;width:22px;height:28px;padding:0;border:0;color:transparent;appearance:none;cursor:pointer;background-color:transparent;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:center;background-size:12px}#instance-panel .instance-pad-from option{color:var(--ink)}#instance-panel .instance-pad-split[aria-pressed=true]{background:var(--ink);color:var(--surface)}@media(prefers-reduced-motion:reduce){#instance-panel,#instance-panel .instance-piece-arrow .icon{transition:none}}#html-panel{position:fixed;top:12px;right:12px;z-index:4;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 88px);overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow)}#html-panel[hidden]{display:none}#html-panel.beside{right:calc(20px + min(360px,calc(100vw - 24px)))}#html-panel .panel-title{display:flex;align-items:center;gap:8px;padding:0;opacity:1;font-size:15px;font-weight:600;line-height:1.25;letter-spacing:-.01em}#html-panel .panel-title .icon{width:18px;height:18px;position:relative;top:-1px}#html-panel .html-source{height:260px;resize:vertical;white-space:pre-wrap;tab-size:2;font:12px/1.5 var(--font-mono);border-radius:7px;border:1px solid transparent}#html-panel .html-source:focus{outline:none;border-color:var(--rule)}#html-panel .html-removed{margin:0;font-size:12px;line-height:1.4;color:var(--pen-red)}#html-panel .sheet-switches{display:grid;gap:2px}#html-panel .sheet-switch{display:flex;align-items:flex-start;gap:8px;padding:4px 2px;cursor:pointer}#html-panel .sheet-switch input{margin:2px 0 0}#html-panel .sheet-switch-words{display:grid;gap:2px;font-size:13px}#html-panel .sheet-switch-words .share-hint{font-size:12px;opacity:.5}.layer-row .layer-toggle{width:26px;height:26px;min-width:26px;padding:0;margin-left:auto;flex:0 0 auto;background:var(--chrome);color:var(--ink);visibility:hidden}.layer-row:hover .layer-toggle,.layer-row .layer-toggle:focus-visible,.layer-row .layer-toggle.on{visibility:visible}.layer-row .layer-toggle .icon{width:16px;height:16px}.layer-row.off .layer-name,.layer-row.off .layer-glyph,.layer-row.off .layer-note{opacity:.45}html.chrome-away #html-panel{opacity:0;pointer-events:none}#chat-panel{position:fixed;left:12px;right:12px;bottom:16px;z-index:4;margin:0 auto;width:min(720px,calc(100vw - 24px));display:flex;flex-direction:column;gap:8px}#chat-panel[hidden]{display:none}body.chatting #toolbar,body.chatting #peek{opacity:0;transform:translateY(16px);pointer-events:none}.chat-history{position:relative;display:flex;flex-direction:column;min-height:0;max-height:min(260px,38vh);background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow)}.chat-history[hidden]{display:none}.chat-history.max{max-height:calc(100vh - 120px);height:calc(100vh - 120px)}.chat-history:not(.max) .chat-log{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 48px);mask-image:linear-gradient(to bottom,transparent 0,#000 48px)}.chat-history:not(.max) .chat-log.at-top{-webkit-mask-image:none;mask-image:none}.chat-history-head{justify-content:flex-end;padding:8px 8px 0}.chat-log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px 12px 12px}.chat-log>:first-child{margin-top:auto}.chat-message{margin:0;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{align-self:flex-end;max-width:85%;padding:7px 10px;border-radius:10px 10px 2px;background:var(--chrome)}.chat-message.assistant{align-self:flex-start;max-width:95%;padding:0 4px}.chat-note{margin:-4px 0 0;padding:0 4px;font-size:12px;line-height:1.4;opacity:.6}.chat-note.problem{opacity:.8}.chat-message.error{color:var(--pen-red);padding:0 4px}.chat-working{display:flex;align-items:center;gap:6px;padding:0 4px;font-size:12px;opacity:.6}.chat-working:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:chat-pulse 1s ease-in-out infinite}@keyframes chat-pulse{50%{opacity:.2}}.chat-form{display:flex;flex-direction:column;gap:6px}.chat-form .chat-files.pending{padding:0 4px}.chat-bar{display:flex;align-items:flex-end;gap:2px;padding:6px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow)}.chat-bar .chat-mark{width:18px;height:18px;margin:6px;flex:none;opacity:.8}.chat-bar textarea{flex:1;min-width:0;resize:none;min-height:30px;max-height:200px;padding:5px 4px;overflow-y:auto;white-space:pre-wrap;text-wrap:wrap;overflow-wrap:anywhere;font-size:13px;line-height:20px;background:transparent;border:0;border-radius:0}.chat-bar textarea:focus{border-color:transparent}.chat-bar .side{width:30px;min-width:30px;height:30px;padding:0;color:var(--ink);flex:none}.chat-bar .side:hover,.chat-bar .side:focus-visible{background:var(--chrome)}.chat-bar .side:disabled{opacity:.4}.chat-bar .side .icon{width:18px;height:18px}.chat-bar .divider{margin:4px}#chat-model,#chat-effort,.chat-bar .chat-pick{width:auto;justify-content:flex-start;display:inline-flex;align-items:center;gap:2px;height:30px;min-width:0;padding:0 4px 0 8px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:11px;white-space:nowrap;flex:0 1 auto;opacity:.75}.chat-bar .chat-pick:hover,.chat-bar .chat-pick:focus-visible{background:var(--chrome);opacity:1}.chat-bar .chat-pick .icon{width:16px;height:16px;opacity:.7}.chat-bar .chat-pick .chat-pick-name{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:560px){.chat-bar .chat-pick{padding:0 2px 0 6px}.chat-bar .chat-pick .chat-pick-name{max-width:7em}}.chat-files{display:flex;flex-wrap:wrap;gap:6px}.chat-files[hidden]{display:none}.chat-log .chat-files{align-self:flex-end;justify-content:flex-end;max-width:85%;margin-top:-4px}.chat-file{position:relative;width:48px;height:48px;min-width:48px;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--rule);border-radius:7px;background:var(--chrome)}.chat-file:hover{border-color:var(--edge)}.chat-file img{width:100%;height:100%;object-fit:cover;display:block}.chat-file .kind{font:600 10px/1 var(--font-body);letter-spacing:.04em}.chat-file .name{max-width:42px;font-size:9px;line-height:1.1;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file.sending{opacity:.5}.chat-file.failed{border-color:var(--pen-red)}.chat-file-wrap .drop{position:absolute;top:3px;right:3px;width:16px;height:16px;min-width:16px;padding:0;border-radius:50%;background:var(--surface);color:var(--ink);border:1px solid var(--rule);opacity:0;transition:opacity .1s ease}.chat-file-wrap:hover .drop,.chat-file-wrap:focus-within .drop{opacity:1}.chat-file-wrap .drop .icon{width:12px;height:12px}.chat-file-wrap{position:relative;display:block}#chat-panel.dropping .chat-bar{outline:2px dashed var(--selection);outline-offset:2px}.chat-preview{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000073}.chat-preview[hidden]{display:none}.chat-preview-box{display:flex;flex-direction:column;gap:8px;padding:12px;max-width:min(1000px,100%);max-height:100%;min-width:min(320px,100%);background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow)}.chat-preview-box .panel-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview .side{width:30px;min-width:30px;height:30px;padding:0;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;border-radius:7px}.chat-preview .side:hover{background:var(--chrome)}.chat-preview .side .icon{width:18px;height:18px}.chat-preview-body{min-height:0;overflow:auto;display:flex;justify-content:center}.chat-preview-body img{max-width:100%;max-height:calc(100vh - 110px);min-width:min(240px,100%);object-fit:contain;border-radius:6px;image-rendering:auto}.chat-preview-body pre{margin:0;width:min(760px,calc(100vw - 56px));max-height:calc(100vh - 110px);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 var(--font-mono)}.chat-preview-body p{margin:8px 0;opacity:.7}#profile-panel .profile-shortcuts{display:flex;flex-direction:column;margin-top:4px;padding-top:10px;border-top:1px solid var(--rule)}#profile-panel .profile-shortcuts .button-link{justify-content:flex-start;font-size:12px}#profile-panel .profile-shortcuts .icon{width:18px;height:18px}#shortcuts-panel{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000047}#shortcuts-panel[hidden]{display:none}#shortcuts-panel .shortcuts-card{display:flex;flex-direction:column;gap:10px;width:min(520px,100%);height:min(720px,calc(100vh - 32px));padding:14px;background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:12px;box-shadow:0 12px 40px var(--shadow)}#shortcuts-panel .shortcuts-card>:not(.shortcuts-list){flex:none}#shortcuts-panel .shortcuts-head{display:flex;align-items:center;gap:4px}#shortcuts-panel .shortcuts-head .panel-title{flex:1}#shortcuts-panel .panel-title{display:flex;align-items:center;gap:8px;margin:0;padding:0;opacity:1;font-size:15px;font-weight:600;line-height:1.25;letter-spacing:-.01em}#shortcuts-panel .panel-title .icon{width:18px;height:18px}#shortcuts-panel .side{width:30px;min-width:30px;height:30px;padding:0}#shortcuts-panel .shortcuts-search{position:relative}#shortcuts-panel .shortcuts-search>.icon{position:absolute;left:8px;top:50%;width:16px;height:16px;transform:translateY(-50%);opacity:.5;pointer-events:none}#shortcuts-panel #shortcuts-search{width:100%;padding-left:30px;padding-right:30px}#shortcuts-panel #shortcuts-search-clear{position:absolute;right:0;top:0;width:30px;min-width:30px;height:30px}#shortcuts-panel #shortcuts-search-clear .icon{width:16px;height:16px}#chat-mic.on{color:var(--pen-red);background:var(--chrome)}#chat-mic.on .icon{animation:mic-listening 1.2s ease-in-out infinite}@keyframes mic-listening{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){#chat-mic.on .icon{animation:none}}#shortcuts-panel .shortcuts-note{margin:0;height:2.8em;overflow:hidden;line-height:1.4;font-size:12px;opacity:.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#shortcuts-panel .shortcuts-list{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0 -6px;padding:0 6px;display:flex;flex-direction:column;gap:12px}#shortcuts-panel .shortcut-group{display:flex;flex-direction:column;gap:2px}#shortcuts-panel .shortcut-group-title{margin:0 0 2px;font-size:12px;font-weight:600;opacity:.6;letter-spacing:.02em}#shortcuts-panel .shortcut-row{display:grid;grid-template-columns:1fr auto 30px;align-items:center;gap:8px;min-height:34px;padding:0 0 0 8px;border-radius:7px;font-size:13px}#shortcuts-panel .shortcut-row:hover{background:var(--chrome)}#shortcuts-panel .shortcut-group.fixed .shortcut-row{grid-template-columns:1fr auto;padding-right:8px}#shortcuts-panel .shortcut-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#shortcuts-panel .shortcut-row.changed .shortcut-name:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--selection);vertical-align:middle}#shortcuts-panel .shortcut-keys{min-width:88px;justify-content:flex-end;padding:0 4px;border:1px solid transparent}#shortcuts-panel .shortcut-keys:hover{border-color:var(--rule);background:var(--surface)}#shortcuts-panel .shortcut-keys.recording{border-color:var(--selection);box-shadow:inset 0 0 0 1px var(--selection);color:var(--selection);font-size:12px;padding:0 10px}#shortcuts-panel .shortcut-caps{display:inline-flex;gap:3px}#shortcuts-panel kbd,#shortcuts-panel .shortcut-fixed{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--rule);border-bottom-width:2px;border-radius:5px;background:var(--chrome);font:500 12px/1 var(--font-body)}#shortcuts-panel .shortcut-fixed{border-bottom-width:1px;background:transparent;opacity:.7}#shortcuts-panel .shortcut-none{font-size:12px;opacity:.5}#shortcuts-panel .shortcut-reset .icon{width:18px;height:18px}#shortcuts-panel .shortcut-empty{margin:8px;font-size:12px;opacity:.6}#shortcuts-panel .shortcuts-foot{display:flex;justify-content:flex-end;gap:6px;padding-top:10px;border-top:1px solid var(--rule)}#shortcuts-panel .shortcuts-action{width:auto;padding:0 12px;border-color:var(--rule)}#shortcuts-panel .shortcuts-action.primary{background:var(--ink);color:var(--surface);border-color:var(--ink)}#shortcuts-panel .shortcuts-action:disabled{opacity:.4;cursor:default}#shortcuts-panel,#shortcuts-panel .shortcut-row>:not(.shortcut-name){-webkit-user-select:none;user-select:none}#cycle-preview{position:fixed;z-index:45;pointer-events:none;display:flex;align-items:center;padding:6px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow);-webkit-user-select:none;user-select:none}#cycle-preview[hidden]{display:none}#cycle-preview .cycle-row{display:flex;align-items:center;gap:2px;height:30px}#cycle-preview .cycle-row.pen-color{gap:6px;padding:0 4px}#cycle-preview .cycle-glyph{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px}#cycle-preview .cycle-word{padding:0 8px;font-variant-numeric:tabular-nums}.panel-title,#profile-panel .profile-mark,:is(#doc-panel,#component-panel) .folder-title,:is(#doc-panel,#component-panel) .folder-head .head-name,:is(#share-panel,.folder-people-pop) .share-section-title,#instance-panel .instance-section,#shortcuts-panel .shortcut-group-title{font-family:var(--font-title)}.panel-title :is(#org-switcher,.title-key){font-family:var(--font-body)}#instance-panel .instance-nodes{display:flex;flex-direction:column;gap:2px;margin-top:6px}#instance-panel .instance-node{display:flex;align-items:center;gap:8px;min-height:30px;border-radius:6px;font-size:12px}#instance-panel .instance-node:hover{background:var(--chrome)}#instance-panel .instance-node-name{font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:6px}#instance-panel .instance-node-words{opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}#instance-panel .instance-node-linked{opacity:.55;white-space:nowrap;margin-left:auto}#instance-panel .instance-node .instance-node-link{margin-left:auto;width:26px;min-width:26px;height:26px;opacity:0}#instance-panel .instance-node-linked+.instance-node-link{margin-left:0}#instance-panel .instance-node:hover .instance-node-link,#instance-panel .instance-node-link:focus-visible{opacity:1}#instance-panel .instance-empty{margin:0;font-size:12px;opacity:.55}#instance-panel .instance-choices{display:flex;flex-direction:column;gap:4px;margin:2px 0 6px}#instance-panel .instance-choice{display:grid;grid-template-columns:1fr 1fr 30px;gap:6px;align-items:center}#instance-panel .instance-choice-head{grid-template-columns:1fr 1fr 30px}#instance-panel .instance-choice-head .instance-label{padding:0}#instance-panel .instance-add-choice,#instance-panel .instance-use-choices{align-self:flex-start;margin-top:4px}#layers-panel,#layout-panel{position:fixed;z-index:4;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:0 6px 24px var(--shadow)}#layers-panel{left:12px;top:12px;bottom:76px;width:min(360px,calc(100vw - 24px));max-width:min(640px,calc(100vw - 24px))}#layers-panel .panel-head{position:relative}#layers-panel .panel-title{flex:none;white-space:nowrap}#layers-panel .panel-head .sides{flex:none}.layers-actions{display:flex;align-items:center;gap:4px}.layers-actions[hidden],#layers-more[hidden],.layers-actions-rule[hidden]{display:none}.layers-actions-rule{width:1px;height:18px;margin:0 2px;background:var(--rule)}.layers-more-menu{position:absolute;z-index:5;top:44px;left:12px;display:flex;flex-direction:column;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--rule);border-radius:8px;box-shadow:0 4px 16px var(--shadow)}.layers-more-menu[hidden]{display:none}.layers-more-menu button{width:100%;justify-content:flex-start;gap:8px;border-color:transparent;white-space:nowrap}.layers-more-menu button:hover,.layers-more-menu button:focus-visible{background:var(--chrome)}.layers-more-menu kbd{margin-left:auto;padding-left:12px;opacity:.55;font-size:11px}#layout-panel{top:12px;right:12px;width:min(300px,calc(100vw - 24px));max-height:calc(100vh - 88px);overflow-y:auto}#layers-panel[hidden],#layout-panel[hidden]{display:none}body.chatting #layers-panel{bottom:16px}body:has(#toolbar.away) #layers-panel{bottom:16px}.panel-resize{position:absolute;top:10px;bottom:10px;right:-4px;width:8px;cursor:ew-resize;touch-action:none}.panel-resize:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;border-radius:1px;background:transparent;transition:background .1s ease}.panel-resize:hover:after,body.mc-resizing .panel-resize:after{background:var(--selection)}body.mc-resizing,body.mc-resizing *{cursor:ew-resize!important;user-select:none}.layers-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1px;margin:0 -4px;padding:0 4px}.layers-empty{margin:4px;font-size:13px;opacity:.6}.layer-row{display:flex;align-items:center;gap:6px;min-height:30px;min-width:0;padding:0 6px 0 calc(4px + var(--depth, 0) * 16px);border-radius:7px;cursor:pointer;font-size:13px;position:relative}.layer-row:hover{background:var(--chrome)}body.layer-dragging,body.layer-dragging *,body.pin-dragging,body.pin-dragging *{cursor:grabbing!important;user-select:none}#pin-list .doc-row.drop-before:before,#pin-list .doc-row.drop-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;background:var(--selection);border-radius:1px;z-index:1}#pin-list .doc-row.drop-before:before{top:-2.5px}#pin-list .doc-row.drop-after:after{bottom:-2.5px}.layer-row.picked{background:var(--selection-tint)}.layer-row.frame .layer-name{font-weight:500}.layer-twisty{width:18px;min-width:18px;height:18px;padding:0;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);opacity:.6}button.layer-twisty:hover{opacity:1}.layer-twisty .icon{width:16px;height:16px;transition:transform .12s ease}.layer-row[aria-expanded=true] .layer-twisty .icon{transform:rotate(90deg)}.layer-glyph{display:inline-flex;opacity:.7;flex:none}.layer-glyph .icon{width:16px;height:16px}.layer-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:none;max-width:70%}.layer-name.mono{font-family:var(--font-mono);font-size:12px;color:var(--selection)}.layer-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;opacity:.55;font-size:12px}.layer-row.drop-before:before,.layer-row.drop-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;background:var(--selection);border-radius:1px}.layer-row.drop-before:before{top:-1px}.layer-row.drop-after:after{bottom:-1px}.layer-row.drop-into{box-shadow:inset 0 0 0 2px var(--selection)}#layout-panel .layout-title{display:flex;align-items:center;gap:6px;min-width:0}#layout-panel .layout-title .icon{width:16px;height:16px;flex:none}#layout-panel .layout-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#layout-panel .mono{font-family:var(--font-mono)}.layout-section{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid var(--rule)}.layout-section-title{font-size:11px;opacity:.6}.layout-line{display:flex;align-items:center;gap:6px}.layout-line.spaced{align-items:flex-start;gap:10px}.layout-side{width:14px;font-size:11px;opacity:.6;flex:none}.seg{display:flex;flex:1;min-width:0;padding:2px;gap:2px;background:var(--chrome);border-radius:8px}.seg button{flex:1;min-width:0;height:26px;padding:0 4px;font-size:12px;gap:3px;border-radius:6px}.seg button .icon{width:15px;height:15px}.seg button[aria-checked=true]{background:var(--surface);box-shadow:0 1px 3px var(--shadow)}.seg button:disabled{opacity:.45}.layout-number{display:flex;align-items:center;gap:4px;flex:none}.layout-number .icon{width:16px;height:16px;opacity:.6}.layout-number-word{display:none}.layout-number input{width:58px;height:28px;padding:0 6px;font-size:12px}.layout-number input:disabled{opacity:.45}.layout-numbers{display:flex;flex-direction:column;gap:6px;flex:1}.align-grid{display:grid;grid-template-columns:repeat(3,22px);grid-template-rows:repeat(3,22px);gap:2px;padding:4px;border:1px solid var(--rule);border-radius:8px;flex:none}.align-cell{width:22px;min-width:22px;height:22px;padding:0;border-radius:4px}.align-cell span{width:4px;height:4px;border-radius:50%;background:var(--ink);opacity:.35}.align-cell:hover:not(:disabled) span{opacity:.8}.align-cell[aria-checked=true] span{width:14px;height:4px;border-radius:2px;background:var(--selection);opacity:1;box-shadow:0 5px 0 var(--selection),0 -5px 0 var(--selection)}.align-grid.row .align-cell[aria-checked=true] span{width:4px;height:14px;box-shadow:5px 0 0 var(--selection),-5px 0 0 var(--selection)}.align-grid.off{opacity:.45}.layout-foot{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--rule)}.layout-quiet{height:28px;font-size:12px;border:1px solid var(--rule);gap:4px}.layout-padding{display:grid;grid-template-columns:auto auto auto;justify-content:start;align-items:center;gap:6px}.layout-padding:not(.split){grid-template-columns:auto auto}.layout-padding.split .layout-number{gap:3px}.layout-padding.split .layout-number-word{display:inline;font-size:11px;opacity:.6;width:10px}.layout-padding.split .layout-number input{width:48px}.layout-padding-toggle,.layout-padding-toggle:has(>.icon){width:28px;height:28px;padding:0}.layout-padding-toggle .icon{width:16px;height:16px}.layout-quiet:hover{background:var(--chrome)}.layout-quiet .icon{width:15px;height:15px}html.chrome-away #layers-panel,html.chrome-away #layout-panel{opacity:0;pointer-events:none}#layout-panel .layout-quiet{white-space:nowrap;width:100%;justify-content:center;padding:0 8px}#layout-panel .layout-quiet{width:auto}#layers-panel .layer-twisty{width:18px;padding:0}#layout-panel .seg button{width:auto;padding:0 4px}.panel-title .pane-info{display:inline-flex;margin-left:6px;opacity:.45;cursor:help;vertical-align:middle}.panel-title .pane-info:hover,.panel-title .pane-info:focus-visible{opacity:.9}.panel-title .pane-info .icon{width:15px;height:15px}#instance-panel .instance-mixed{margin-left:6px;font-size:11px;opacity:.55;font-weight:400}