:root{--global-top: 90px}html,body{min-height:100%}app-root{display:contents}body,input,select,button{background:#fff;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px}.dpw-header a:hover,.dpw-subheader a:hover{text-decoration:none}.dpw-id-themes .dpw-header-inner,.dpw-id-themes .dpw-subheader-inner{margin:0 0 0 10px}.space{margin-top:15px;margin-bottom:15px}button,a.button{display:inline-block;margin-right:5px;padding:6px 20px;border:1px solid #c0c0c0;border-radius:2px;color:#333;background:#f3f3f3;cursor:pointer;text-decoration:none}button:hover,a.button:hover{text-decoration:none}button:disabled{opacity:.6;cursor:default}code{padding:.2rem .4rem;border-radius:5px;color:#000c;background:#0000001a;font-family:monospace;font-size:.8rem;font-weight:700}.dpw-body h2.front-header{margin:20px 0;padding-top:0}.tiles{display:flex;flex-wrap:wrap;gap:1rem}.tile{width:190px;overflow:hidden;border:2px solid #d2d2d2;border-radius:5px;transition:box-shadow .2s ease,border-color .2s ease}.tile a{height:100%;display:flex;flex-direction:column;color:#333;font-weight:600;text-decoration:none}.tile img{width:100%;height:100px;object-fit:cover;display:block}.tile span{padding:1rem .5rem;border-top:2px solid #eee;text-align:center;font-size:15px;line-height:1.25}.tile:hover{border-color:#007bff;box-shadow:0 4px 10px #0000001f}.faq{margin:2rem auto 50px;font-size:15px}.faq-item{margin-bottom:1rem;overflow:hidden;border:2px solid #d2d2d2;border-radius:5px;transition:border-color .2s ease,box-shadow .2s ease}.faq-item summary{position:relative;padding:.9rem 1.2rem;list-style:none;cursor:pointer;font-weight:600}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"\25b8";position:absolute;right:1rem;transition:transform .25s ease}.faq-item[open] summary:after{transform:rotate(90deg)}.faq-item p{margin:0;padding:0 1.2rem 1.2rem;line-height:1.55}.faq-item[open],.faq-item:hover{background:#f9f9f9}.faq-item[open]{border-color:#a2a2a2}.faq details ul{margin:.2em 0 1em 1em}.faq details pre{width:90%;overflow:initial;padding-left:1.5em}.faq details>pre{margin-left:20px}.editor-layout{position:fixed;inset:var(--global-top) 0 0 0;display:grid;grid-template-columns:250px minmax(0,1fr);background:#fff}.editor-properties{overflow-y:scroll;padding:5px;border-right:1px solid #eee;background:#f9f9f9;box-sizing:border-box}.property-scroll{min-height:100%}.property-section{margin:0}.section-heading{position:relative;width:100%;margin:2px 0 0;padding:3px 20px 3px 2px;border:1px solid #ccc;border-radius:0;color:inherit;background:#eee;text-align:left;font-weight:500;line-height:normal;box-sizing:border-box}.section-heading:after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;transform:translateY(-50%);transition:transform .22s ease;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='8 6 16 12 8 18' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.section-heading.open:after{transform:translateY(-50%) rotate(90deg)}.section-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.section-body.open{grid-template-rows:1fr}.section-body-inner{min-height:0;overflow:hidden}.property-row{position:relative;margin:2px 0;line-height:2}.property-control{position:absolute;top:0;left:50%;white-space:nowrap}.property-control>input[type=text]{border:1px solid #aaa;border-radius:0;box-shadow:none}.checkbox-control,.property-unit{white-space:nowrap}.editor-preview{min-width:0;overflow:auto;margin-left:10px;padding:2px;box-sizing:border-box}.preview-host{min-height:100px;overflow:auto}.editor-actions{min-height:31px}.not-saved{margin-left:4px;color:#555}.save-dialog{max-width:430px;margin:15px 0}.save-dialog .label{margin-bottom:6px}.save-dialog label{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:8px;margin:5px 0}.save-dialog input{padding:4px;border:1px solid #aaa}.save-dialog button[type=submit]{color:#fff;border-color:#15c;background:#3c78d8}.error-message{margin:12px 0;padding:8px;border:1px solid #d77;color:#8b0000;background:#fff2f2}.archive-warning{margin:10px 0}.permanent-content{padding:20px;font-size:10pt}.loading{margin:20px;color:#777}.effects{clear:both}@media(max-width:720px){:root{--global-top: 130px}}