app-banner,app-banner a,app-banner img{border-radius:24px;display:block}app-banner{box-shadow:var(--shadow-outer);margin:12px}app-banner img{block-size:auto;max-inline-size:100%;opacity:.9}.app-button{background-color:var(--app-button-bg);border:0;border-radius:12px;color:#fff;font-weight:600;padding-block-end:5px;padding-block-start:7px;padding-inline:12px;transition:background-color .12s,transform .24s}@media (hover:hover){.app-button:hover{background-color:var(--app-button-bg-hover)}}.app-button:active{transform:scale(.96);transition-timing-function:step-start}.app-buttons{display:flex;font-size:var(--smaller);gap:6px;padding-block:6px;padding-inline:12px}.app-buttons>*{flex:1}.app-details{border-radius:20px;display:flow-root}.app-details:first-of-type{margin-block-start:4px}.app-details>summary{border-radius:20px;font-size:var(--larger);font-weight:600;margin-inline:4px;padding-block:9px;padding-inline:16px;transition:background-color .24s var(--timing)}@media (hover:hover){.app-details>summary:hover{background-color:var(--a1)}}.app-details>summary:active{background-color:var(--a2);transition-timing-function:step-start}@media (hover:none){.app-details>summary{transition-timing-function:linear}.app-details>summary:active{background-color:var(--a1);transition-timing-function:step-start}}.app-details>:not(summary){border-radius:20px;box-shadow:var(--shadow-inner);display:flow-root;transition:block-size .24s}app-dock{align-self:end;display:grid;inline-size:100%;justify-self:center;max-inline-size:max-content;overflow:auto;overscroll-behavior:contain;pointer-events:auto;z-index:2}app-dock>app-panel{inline-size:max-content;margin:12px;overflow:hidden;position:relative}app-dock>app-panel>div{display:grid;grid-auto-flow:column;padding:4px;position:relative;z-index:2}app-dock button{background-color:var(--a0);block-size:3rem;border:0;border-radius:20px;color:var(--app-icon-fg);inline-size:3rem;padding:0;transition:background-color .24s var(--timing),transform .24s var(--timing)}@media (hover:hover){app-dock button:hover{background-color:var(--a1)}}app-dock button:active{transform:scale(.92);transition-timing-function:step-start}app-dock button svg{block-size:1.5em;display:block;inline-size:1.5em;margin:auto}app-file-import{display:flow-root;margin:8px}app-file-import p{padding-inline:12px}app-file-import input[type=file]{border-radius:12px;display:block;inline-size:100%}app-file-import input[type=file]::file-selector-button{background-color:var(--a0);border:2px dashed var(--nobe-outline-color);border-radius:12px;color:inherit;inline-size:100%;margin:0;padding-block:9px;padding-inline:12px;text-align:start;transition:background-color .12s}@media (hover:hover){app-file-import input[type=file]::file-selector-button:hover{background-color:var(--a1)}}app-file-import input[type=file]::file-selector-button:active{background-color:var(--a2);transition-timing-function:step-start}app-file-list{display:block}app-file-list>*{margin:8px}.app-file-list{font-family:monospace}app-file-list summary{border-radius:14px;padding-block:6px;padding-inline:12px;transition:background-color .24s var(--timing)}@media (hover:hover){app-file-list summary:hover{background-color:var(--a1)}}app-file-list summary:active{background-color:var(--a2);transition-timing-function:step-start}@media (hover:none){app-file-list summary{transition-timing-function:linear}app-file-list summary:active{background-color:var(--a1)}}app-file-list details>:not(summary) .app-label{padding-inline-start:30px}app-file-list header{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}app-file-list header .app-button{font-size:var(--smaller);padding-inline:0}app-file-list header .app-text{font-family:monospace;grid-column:span 3}.app-form{padding:8px}.app-form p{padding-inline:12px}.app-form>*+*{margin-block-start:8px}.app-fieldset{border:0;margin:0;margin-block-start:1rem;padding:0;padding-block-start:8px}.app-fieldset>legend{font-weight:600;padding:0;padding-inline-start:12px}.app-label{border-radius:12px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;padding-block:6px;padding-inline:12px;transition:background-color .24s var(--timing)}.app-label>input{margin-block-start:.25em}@media (hover:hover){.app-label:hover{background-color:var(--a1)}}.app-label:active{background-color:var(--a2);transition-timing-function:step-start}@media (hover:none){.app-label{transition-timing-function:linear}.app-label:active{background-color:var(--a1)}}.app-label-range{align-items:start;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 2.5em;padding:6px;padding-inline:12px}.app-label-range .nobe-range{grid-column:1/span 2}.app-number{border:0;border-radius:.5em;font-variant-numeric:slashed-zero tabular-nums;padding:0;text-align:center}.app-number,.app-text{background-color:var(--app-field-bg)}.app-text{border:0;border-radius:12px;padding:6px;padding-inline-start:0;text-indent:12px}app-layout-editor textarea{background-color:var(--panel-bg);block-size:100%;border:0;border-radius:24px;box-shadow:var(--shadow-outer);display:block;font-family:monospace;inline-size:100%;padding:8px;resize:none}app-material-fields{display:flow-root;margin:8px}app-material-fields label{align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(25%,3em) minmax(0,1fr) minmax(25%,3em)}app-material-fields .app-text{font-family:monospace}app-material-fields input[type=color]{block-size:100%;border-radius:12px;inline-size:100%}app-material-fields .app-button{font-size:var(--smaller);padding-inline:0}app-panel{background-color:var(--panel-bg);border-radius:24px;box-shadow:var(--shadow-outer);display:flow-root}app-root{opacity:0;transition:opacity .24s;visibility:hidden}app-root[ready]{opacity:1;visibility:visible}app-root>canvas{block-size:100%;cursor:grab;inline-size:100%;pointer-events:auto}app-root>canvas[data-grabbing]{cursor:grabbing}app-root .nobe-progress{block-size:11px;border-radius:0;inline-size:100%;opacity:0;transition:opacity .48s,visibility .48s;visibility:hidden}app-root>app-ui>.nobe-progress{box-shadow:var(--shadow-outer);z-index:2}app-dock .nobe-progress{--nobe-progress-bg:transparent;block-size:100%;inset:0;position:absolute}app-root[generating] .nobe-progress{opacity:1;transition-timing-function:step-start;visibility:visible}app-sidebar{align-self:start;display:flow-root;inline-size:100%;max-block-size:100%;opacity:0;outline-offset:calc(var(--nobe-outline-width)*-1);overscroll-behavior:contain;pointer-events:auto;transition-duration:.24s;transition-property:opacity,transform,visibility,max-inline-size;visibility:hidden}app-sidebar[location=start]{direction:rtl;max-inline-size:calc(18rem + 36px);overflow:auto;transform:translateX(-2.5em)}app-sidebar[location=start]>*{direction:ltr}app-sidebar[location=start]>app-panel{margin:12px}app-sidebar[location=end]{--app-layout-editor-width:26;block-size:100%;justify-self:end;max-inline-size:calc(var(--app-layout-editor-width)*1rem + 36px);overflow:hidden;padding:12px;transform:translateX(2.5em)}app-sidebar[open]{opacity:1;transform:translateX(0);visibility:visible}app-ui{block-size:100%;display:grid;inline-size:100%;min-block-size:0}app-ui>*{grid-area:1/1}.app-version{align-items:center;display:grid;font-variant-numeric:slashed-zero tabular-nums;line-height:1;margin:6px;min-block-size:2.75rem;text-align:center}