:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#223047;background:#eef0f5;font-size:14px;font-synthesis:none;--blue:#254bef;--ink:#182641;--muted:#778196;--border:#e5e8f0}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button,a,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #718bff}button{border:0;background:transparent;color:inherit}input,textarea,select{min-width:0;border:1px solid var(--border);border-radius:7px;padding:9px;color:var(--ink);background:white}textarea{resize:vertical;line-height:1.55;width:100%;min-height:100px}input:focus,textarea:focus,select:focus{outline:2px solid #bfd0ff;border-color:var(--blue)}.topbar{height:78px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 25px;gap:22px}.brand{display:flex;align-items:center;font-size:29px;letter-spacing:-1.3px;font-weight:700;text-decoration:none;color:var(--ink);gap:10px}.brandmark{background:var(--blue);color:white;border-radius:10px;width:34px;height:36px;text-align:center;font-size:25px;font-family:Georgia,serif;font-style:italic;letter-spacing:-4px;padding-right:4px}.brandmark span{color:#adc1ff}.brandtag{font-size:10px;letter-spacing:1.8px;font-weight:600;max-width:45px;line-height:1.6;margin-left:2px}.top-divider{height:30px;width:1px;background:var(--border)}.docmeta{display:flex;flex-direction:column;gap:2px;flex:1}.docmeta input{font-weight:600;border:1px solid transparent;padding:3px 0;max-width:380px;text-overflow:ellipsis;width:100%}.docmeta input:focus{padding-left:5px}.docmeta span{font-size:12px;color:var(--muted)}.history{display:flex;gap:4px}.iconbtn{width:34px;height:34px;border-radius:6px;font-size:24px}.iconbtn:hover,.quiet:hover{background:#f0f3fb}.quiet{padding:9px 12px;border-radius:7px;font-weight:500;white-space:nowrap}.primary{background:var(--blue);color:white;border-radius:8px;padding:11px 18px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary:hover{background:#1939cc}.workspace{height:calc(100dvh - 78px);display:grid;grid-template-columns:80px 260px minmax(200px,1fr) 260px}.rail{background:#15233e;color:#a5b2cb;display:flex;align-items:center;flex-direction:column;padding:22px 5px 16px;gap:14px}.railbtn{font-size:11px;width:68px;padding:9px 3px;border-radius:9px;display:flex;align-items:center;flex-direction:column;gap:8px;letter-spacing:.1px}.railbtn>span{font-size:25px;line-height:25px}.railbtn.active{color:white;background:#304467}.railbtn:hover{color:white;background:#263958}.rail-bottom{margin-top:auto}.avatar{height:30px;width:30px;border:1px solid #63728e;border-radius:50%;display:grid;place-items:center;font-size:12px}.library{background:white;border-right:1px solid var(--border);overflow-y:auto;padding:27px 20px}.panel-eyebrow{font-size:10px;letter-spacing:1.8px;color:#8b95a6;font-weight:700;margin:0 0 9px}.panel-title{font-size:20px;letter-spacing:-.6px;margin:0 0 9px;font-weight:650}.panel-desc{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 25px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:#818da2;margin:24px 0 13px;font-weight:650}.block-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.block-card{border:1px solid var(--border);border-radius:9px;padding:15px 6px 12px;text-align:center;font-size:12px;background:white;transition:.15s}.block-card:hover{border-color:#8ba4ff;background:#f7f9ff;transform:translateY(-2px)}.block-icon{height:38px;margin-bottom:9px;color:#4561a6;display:flex;align-items:center;justify-content:center}.block-icon svg{width:35px;height:35px}.tip-box{border-top:1px solid var(--border);margin-top:28px;padding-top:20px;color:var(--muted);font-size:12px;line-height:1.7}.tip-box strong{color:#4a5973;display:block;font-weight:550;margin-bottom:5px}.editor{min-width:0;display:flex;flex-direction:column;background:#eff1f6}.canvas-toolbar{height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e2e6ee;background:#f8f9fc;font-size:12px;gap:10px}.canvas-toolbar>div{display:flex;align-items:center;gap:12px}.canvas-toolbar strong{font-weight:550}.muted{color:var(--muted)}.tiny-square{width:13px;height:17px;border:1px solid #8894aa;border-radius:2px}.margin-control{display:flex;align-items:center;gap:5px;color:var(--muted);cursor:pointer}.margin-control input{accent-color:var(--blue)}.canvas-viewport{overflow:auto;flex:1;min-height:0;padding:32px 24px;display:flex;align-items:flex-start;background-image:radial-gradient(#cfd5e3 .7px,transparent .7px);background-size:14px 14px}.paper-wrap{position:relative;flex-shrink:0;margin:0 auto;box-shadow:0 5px 23px #1a2c5013,0 1px 3px #1a2c5016;background:white}#paper{display:block;transform-origin:0 0;background:white;touch-action:none;user-select:none}#paper [data-id]{cursor:move}#paper .resize-handle{cursor:nwse-resize}.canvas-footer{height:61px;flex-shrink:0;padding:0 22px;background:#fafbfe;border-top:1px solid #e0e5ee;display:flex;justify-content:space-between;gap:10px;align-items:center}.page-controls{display:flex;gap:5px;align-items:center;overflow:auto;max-width:75%}.page-number,.page-add{width:30px;min-width:30px;height:32px;border:1px solid var(--border);border-radius:5px;font-size:12px;background:white}.page-number.active{border-color:var(--blue);color:var(--blue);background:#edf1ff}.zoom{display:flex;gap:7px;align-items:center;font-size:12px;white-space:nowrap}.zoom button{padding:6px 3px}.inspector{background:white;border-left:1px solid var(--border);padding:27px 20px;overflow:auto}.inspector h3{font-size:15px;margin:0 0 20px;font-weight:600}.inspector .section-title{margin-top:24px}.empty-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #dce3f5;border-radius:13px;font-size:24px;color:#5975c1;margin:25px 0 19px}.inspector .field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:12px;color:#7c889d}.field input,.field select{width:100%;font-size:13px}.field textarea{font-size:14px;color:var(--ink)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-row{display:flex;gap:6px}.control-row button{border:1px solid var(--border);border-radius:6px;flex:1;padding:8px 5px;font-size:12px}.control-row button:hover,.control-row button.selected{border-color:#7894ff;background:#eef2ff;color:var(--blue)}.color-row{display:flex;gap:7px;align-items:center}.swatch{height:23px;width:23px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #e1e6ef}.color-input{width:30px!important;height:29px;padding:2px;cursor:pointer}.inspector hr{border:0;border-top:1px solid var(--border);margin:22px 0}.danger{color:#b84150}.secondary{border:1px solid var(--border);border-radius:7px;background:white;padding:10px 13px;font-size:13px}.secondary:hover{background:#f5f7fc}.full{width:100%}.selection-type{display:flex;justify-content:space-between;margin-bottom:18px;font-size:12px;color:var(--muted)}.template-card{width:100%;border:1px solid var(--border);border-radius:9px;overflow:hidden;text-align:left;padding:0;margin:0 0 16px}.template-card:hover{border-color:#8ba4ff}.template-preview{height:142px;background:#f0f3f9;display:flex;justify-content:center;overflow:hidden;padding-top:13px}.template-preview svg{box-shadow:0 1px 6px #20305020;pointer-events:none}.template-text{display:flex;justify-content:space-between;padding:13px;font-size:13px}.template-text span{color:var(--blue)}.layer{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 10px;width:100%;font-size:12px;border:1px solid var(--border);margin-bottom:7px;border-radius:6px}.layer.selected{background:#edf2ff;border-color:#92a8ff}.layer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-choice{text-align:left;display:block;width:100%;padding:14px;border:1px solid var(--border);border-radius:8px;margin-bottom:10px}.text-choice:hover{border-color:#8ba4ff}.text-choice.title{font-family:Georgia,serif;font-size:24px}.text-choice.subtitle{font-size:17px;font-weight:600}.text-choice.body{font-size:14px}.shape-row{display:flex;gap:10px}.shape-row button{flex:1;height:58px;border:1px solid var(--border);border-radius:8px;font-size:27px;color:#506baf}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.icon-grid button{height:42px;border:1px solid var(--border);border-radius:7px;display:grid;place-items:center;color:#4b62a2}.icon-grid svg{width:23px;height:23px}#toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:#182641;color:white;padding:13px 22px;border-radius:9px;box-shadow:0 5px 20px #13214430;opacity:0;transition:.2s;pointer-events:none;z-index:10;max-width:90vw;font-size:14px}#toast.visible{opacity:1;transform:translateX(-50%)}dialog{border:1px solid #e0e5f0;border-radius:15px;padding:27px;max-width:480px;width:calc(100% - 32px);box-shadow:0 20px 100px #13234340;color:var(--ink)}dialog::backdrop{background:#111f3b70;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dialog-head h2{font-size:22px;margin:0}.dialog-head button{font-size:25px;color:var(--muted)}dialog p{font-size:14px;color:var(--muted);line-height:1.65}.export-option{width:100%;border:1px solid var(--border);border-radius:9px;text-align:left;padding:17px;margin-top:12px;display:flex;align-items:center;gap:16px}.export-option:hover{border-color:var(--blue);background:#f8faff}.filetype{background:#edf2ff;color:var(--blue);font-size:11px;font-weight:700;width:43px;height:45px;display:grid;place-items:center;border-radius:7px}.export-option strong{display:block;font-size:14px;margin-bottom:5px}.export-option small{font-size:12px;color:var(--muted)}.dialog-note{font-size:12px!important;margin-bottom:0}kbd{border:1px solid #d8dfec;background:#f6f8fc;padding:3px 6px;border-radius:4px;font-size:12px}#mobile-props{display:none}.example-label{color:#8692a5;font-size:11px;line-height:1.6;margin:14px 0}.no-content{padding:20px 0;color:var(--muted);line-height:1.7}.property-note{font-size:11px;line-height:1.6;color:var(--muted)}
@media(min-width:1600px){.workspace{grid-template-columns:88px 285px minmax(300px,1fr) 280px}.library,.inspector{padding-left:25px;padding-right:25px}}
@media(max-width:1150px){.workspace{grid-template-columns:70px 220px minmax(200px,1fr) 225px}.library,.inspector{padding:22px 15px}.brandtag{display:none}.topbar{gap:15px}.railbtn{width:58px}.canvas-toolbar{padding:0 15px}.margin-control{display:none}}
@media(max-width:920px){.workspace{grid-template-columns:65px 205px minmax(180px,1fr)}.inspector{display:none;position:fixed;right:0;top:78px;bottom:0;width:250px;z-index:5;box-shadow:-8px 0 30px #1b2a4218}.inspector.mobile-open{display:block}#mobile-props{display:block;font-size:12px}.topbar{padding:0 14px;gap:10px}.top-divider,.topbar>.quiet{display:none}.canvas-toolbar .muted{display:none}}
@media(max-width:620px){.topbar{height:68px;gap:8px}.brand{font-size:22px;gap:5px}.brandmark{width:28px;height:30px;font-size:22px}.docmeta input{font-size:12px}.docmeta span{font-size:10px}.topbar .primary{font-size:12px;padding:10px;gap:4px}.history{gap:0}.history .iconbtn{width:28px;font-size:21px}.workspace{height:calc(100dvh - 68px);grid-template-columns:55px minmax(0,1fr)}.rail{padding-top:13px}.railbtn{width:47px;font-size:9px;padding:9px 0}.railbtn>span{font-size:23px}.library{display:none;position:fixed;top:68px;bottom:0;left:55px;width:225px;z-index:4;box-shadow:10px 0 25px #1b2a4220}.library.mobile-open{display:block}.inspector{top:68px}.canvas-toolbar{height:46px;padding:0 12px}.canvas-viewport{padding:20px 12px}.canvas-footer{padding:0 12px}.page-controls{max-width:68%}.canvas-footer{height:53px}.topbar .primary span{display:none}}
/* Keep each working panel scrollable independently of the page. */
body{height:100dvh;overflow:hidden}.workspace{grid-template-rows:minmax(0,1fr);min-height:0}.library,.inspector,.editor{min-height:0}
.row-editor{border:1px solid var(--border);border-radius:7px;margin-bottom:9px;background:#fafbfe}.row-editor summary{cursor:pointer;list-style:none;padding:11px;font-size:12px;font-weight:550}.row-editor summary span{float:right;color:#8291b0}.row-editor[open] summary span{transform:rotate(45deg)}.row-editor>div{padding:0 10px 10px}.row-editor .field{margin-bottom:9px}.row-editor input{background:white}.row-editor .quiet{font-size:11px;padding:5px}
.block-card,.panel-desc,.field,.field input,.field select,.template-text,.layer{font-size:14px}.row-editor .field,.row-editor input{font-size:13px}.property-note{font-size:12px}.section-title{font-size:12px}.control-row button{font-size:13px}
.asset-search{display:flex;align-items:center;border:1px solid #cad4eb;border-radius:9px;background:#f8faff;gap:6px;padding:0 10px}.asset-search>span{font-size:24px;color:#6780ba}.asset-search input{width:100%;background:transparent;border:0;padding:12px 0;font-size:14px;outline-offset:0}.asset-search:focus-within{outline:2px solid #9db4ff}.asset-search input:focus{outline:0}.search-suggestions{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 20px}.search-suggestions button{font-size:11px;padding:5px 8px;border-radius:20px;background:#f0f3fc;color:#52658f}.search-suggestions button:hover{color:var(--blue);background:#e4ebff}.asset-shortcuts{display:flex;border-bottom:1px solid var(--border);gap:3px;margin-bottom:18px}.asset-shortcuts button{font-size:12px;padding:10px 6px;border-bottom:2px solid transparent;flex:1}.asset-shortcuts button.active{border-color:var(--blue);color:var(--blue);font-weight:600}.asset-category-label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:7px}.asset-category-label select{font-size:13px;width:100%}.asset-results-heading{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:18px 0 10px}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.asset-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:9px;transition:border-color .15s,background .15s}.asset-card:hover{border-color:#839dff;background:#f7f9ff}.asset-insert{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;width:100%;min-height:118px;padding:20px 6px 12px}.asset-insert>span{color:#3154b7;display:grid;place-items:center;height:39px}.asset-insert svg{width:34px;height:34px}.asset-insert strong{font-size:12px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.favorite-toggle{position:absolute;right:3px;top:2px;padding:3px;font-size:19px;color:#9aa7c0}.favorite-toggle:hover,.favorite-toggle.is-favorite{color:#c08712}.favorite-toggle:focus-visible{outline:2px solid var(--blue)}.asset-empty{grid-column:1/-1;padding:24px 8px;text-align:center;color:#697993;font-size:13px;line-height:1.6}.asset-empty strong{color:#344867;font-size:14px}.asset-empty p{margin:10px 0 16px}.image-assets{display:grid;gap:12px;margin-top:18px}.image-asset{border:1px solid var(--border);border-radius:9px;overflow:hidden;padding:0 0 12px;text-align:left}.image-asset:hover{border-color:var(--blue)}.image-asset img{width:100%;height:120px;object-fit:contain;display:block;background:#f1f4fa;margin-bottom:10px}.image-asset strong,.image-asset small{display:block;margin:0 12px;word-break:break-word}.image-asset strong{font-size:13px;font-weight:500}.image-asset small{font-size:11px;color:var(--blue);margin-top:6px}.rail{gap:8px}.railbtn{padding-top:8px;padding-bottom:8px}
@media(max-height:750px){.rail{gap:2px;padding-top:10px}.railbtn{padding-top:6px;padding-bottom:6px;gap:5px}.avatar{display:none}}
.asset-shortcuts{gap:0;min-width:0}.asset-shortcuts button{min-width:0;white-space:nowrap;font-size:11px;padding:10px 2px;letter-spacing:-.1px}.library{overflow-x:hidden}
.visual-entry{margin:0 0 18px;justify-content:space-between}.page-orientation{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-left:10px}.page-orientation select{border:1px solid var(--border);border-radius:6px;padding:5px 8px;background:white;color:#243652;font:inherit}.visual-sources{display:flex;gap:7px;margin:14px 0}.visual-sources button{border-radius:20px;padding:8px 12px;background:#f3f5fa;font-size:12px}.visual-sources .active{background:#e8edff;color:var(--blue)}.visual-carousel{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;background:#f5f7ff;border:1px solid #e3e9fb;border-radius:14px;padding:18px 10px}.visual-arrow{font-size:23px;border-radius:50%;width:40px;height:40px;background:white;box-shadow:0 2px 6px #24365210}.visual-arrow:hover{color:var(--blue);background:#e9eeff}#visual-preview{height:168px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;text-align:center;color:#254bef;min-width:0}#visual-preview svg,#visual-preview img{width:110px;height:110px;object-fit:contain;flex-shrink:0}#visual-preview strong{font-size:14px;color:#243652;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#visual-preview small{color:var(--muted);font-size:12px}.visual-status{text-align:center;font-size:12px;color:var(--muted);padding:10px 0 18px}.visual-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.visual-footer>span{color:var(--muted);font-size:12px;max-width:210px}.visual-footer .primary{white-space:nowrap}.canvas-toolbar>div{flex-wrap:wrap}.field input[type=range]{padding:0;accent-color:var(--blue);width:100%}
@media(max-width:620px){.page-orientation{margin-left:0;gap:4px}.canvas-toolbar{height:auto;min-height:64px;gap:6px}.canvas-toolbar>div{gap:5px}.canvas-toolbar .tiny-square{display:none}.margin-control{display:none}.visual-footer{gap:10px}.visual-footer>span{font-size:11px}}

.canvas-viewport{touch-action:none;overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable}.touch-tip{display:none}@media(pointer:coarse){.touch-tip{display:block;text-align:center;padding:6px 8px;background:#fff;font-size:12px;color:#697993}.zoom button{min-width:42px;min-height:42px}.page-number,.page-add{min-height:42px;min-width:36px}.canvas-footer{height:56px;flex-shrink:0}input,textarea,select{font-size:16px!important}.dialog-head button{min-width:44px;min-height:44px}.canvas-toolbar{flex-shrink:0}}

/* A compact, named palette with warm, cool and neutral choices. */
.color-palette{margin:0 0 22px;padding:0;border:0;min-width:0}
.color-palette legend{padding:0;margin:0 0 10px;font-size:12px;font-weight:600;color:#5d687d}
.palette-group{margin:0 0 9px}
.palette-group>span{display:block;font-size:10px;color:#6c7688;margin-bottom:5px}
.color-palette .color-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.color-palette .swatch{width:32px;height:32px;max-width:100%;position:relative;cursor:pointer;justify-self:center;transition:box-shadow .12s,transform .12s}
.color-palette .swatch:hover{transform:scale(1.08);box-shadow:0 0 0 2px #68758a}
.color-palette .swatch[aria-pressed="true"]{box-shadow:0 0 0 2px #182641}
.color-palette .swatch[aria-pressed="true"]::after{content:'✓';position:absolute;inset:5px;border-radius:50%;background:#fff;color:#182641;font-size:12px;line-height:18px;text-align:center}
.color-palette .swatch:focus-visible{outline:3px solid #254bef;outline-offset:3px}
.custom-color{display:flex;align-items:center;gap:10px;padding:9px;margin-top:12px;border:1px solid #e1e6ef;border-radius:9px;font-size:12px;cursor:pointer}
.custom-color .color-input{width:32px!important;height:32px;flex:none}
.color-value{display:block;color:#6c7688;font-size:10px;margin-top:3px}
@media(pointer:coarse){.color-palette .color-row{row-gap:6px}.color-palette .swatch{height:36px;width:36px}.color-palette .swatch[aria-pressed="true"]::after{inset:7px}}

.library-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library-gallery .image-asset img{height:100px;background:#fff}.library-gallery .image-asset strong,.library-gallery .image-asset small{margin-left:7px;margin-right:7px}.library-gallery .image-asset strong{font-size:12px}.library-gallery [data-more-images]{grid-column:1/-1}.visual-sources{flex-wrap:wrap}

/* Compact actions remain available without opening the editor. */
.object-actions{position:fixed;z-index:12;bottom:78px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:6px;background:var(--surface,#fff);color:var(--ink,#292722);border:1px solid #bda77655;border-radius:12px;box-shadow:0 4px 16px #00000012;max-width:calc(100vw - 24px)}
.object-actions button{white-space:nowrap;padding:9px 10px;border-radius:7px;font-size:12px;color:inherit}.object-actions button:hover:not(:disabled){background:#d4b36b33}.object-actions button:disabled{opacity:.35;cursor:default}.rotate-handle{cursor:grab}.rotate-handle:active{cursor:grabbing}
@media(max-width:760px){.object-actions{bottom:140px;width:max-content}.object-actions button{padding:10px 7px;font-size:11px}.focus-mode .canvas-viewport{padding-bottom:205px}}

.shape-transparent{display:flex;gap:8px;align-items:center;font-size:12px;margin:12px 0 18px}.shape-transparent input{width:auto;accent-color:#9b7428}

/* ======= Painel de Ajustes — Papel & Tinta (luxo) ======= */
#inspector{background:#f6f3ec;border-left:1px solid #ded5c0;padding:30px 24px}
#inspector h3{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:22px;color:#16203a;margin:3px 0 22px;letter-spacing:.2px}
#inspector .selection-type{margin-bottom:20px}
#inspector .selection-type span{font-family:Inter,-apple-system,sans-serif;font-size:10px;letter-spacing:.16em;color:#7c6a2e;font-weight:700}
#inspector .selection-type button{color:#8a7a4a;font-size:16px}
#inspector .section-title{font-family:Inter,-apple-system,sans-serif;font-size:10.5px;text-transform:uppercase;letter-spacing:.18em;color:#5a3d2a;font-weight:700;margin:26px 0 13px;display:flex;align-items:center;gap:8px}
#inspector .section-title::before{content:"";width:16px;height:1px;background:#8c6b3a;flex-shrink:0}
#inspector .field{font-family:Inter,-apple-system,sans-serif;font-size:11.5px;color:#5c6478;letter-spacing:.02em;margin-bottom:16px}
#inspector input,#inspector select,#inspector textarea{font-family:Inter,-apple-system,sans-serif;background:#fffdf8;color:#1f2a3d;border:1px solid #cfc6b4;border-radius:3px}
#inspector input[type="color"]{padding:2px;height:34px;cursor:pointer}
#inspector input:focus,#inspector select:focus,#inspector textarea:focus{outline:none;border-color:#16203a;box-shadow:0 0 0 2px #16203a14}
#inspector .control-row button{font-family:Inter,-apple-system,sans-serif;background:#fffdf8;color:#2c3650;border:1px solid #cfc6b4;border-radius:3px;font-size:12.5px}
#inspector .control-row button:hover{border-color:#8c6b3a;background:#fbf7ee;color:#2c3650}
#inspector .control-row button.selected,#inspector .control-row button[aria-pressed="true"]{background:#16203a;color:#f1ead9;border-color:#16203a}
#inspector .secondary{font-family:Inter,-apple-system,sans-serif;background:#fffdf8;color:#2c3650;border:1px solid #cfc6b4;border-radius:3px;font-size:13px}
#inspector .secondary:hover{border-color:#8c6b3a;background:#fbf7ee}
#inspector .secondary.selected{background:#16203a;color:#f1ead9;border-color:#16203a}
#inspector .shape-transparent{font-family:Inter,-apple-system,sans-serif;background:#efe8d8;border:1px solid #ddd2ba;border-radius:4px;padding:10px 12px;color:#4a3d2a;font-size:12px;margin:12px 0 18px}
#inspector .shape-transparent input{accent-color:#16203a}
#inspector .danger,#inspector .control-row button.danger{color:#8c2f2f}
#inspector .control-row button.danger:hover{border-color:#8c2f2f;background:#f7eceb}
#inspector hr{border-top:1px solid #ded5c0}
#inspector .property-note{font-family:Inter,-apple-system,sans-serif;color:#7c7362;font-style:italic}
#inspector .color-palette legend{font-family:Inter,-apple-system,sans-serif;font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:#5a3d2a;font-weight:700}
#inspector .palette-group>span{font-family:Inter,-apple-system,sans-serif;color:#8a7a4a}
#inspector .color-palette .swatch{border-radius:3px;border-color:#fffdf8;box-shadow:0 0 0 1px #cfc6b4}
#inspector .color-palette .swatch[aria-pressed="true"]{box-shadow:0 0 0 2px #16203a}
#inspector .color-palette .swatch[aria-pressed="true"]::after{background:#fffdf8;color:#16203a}
#inspector .custom-color{font-family:Inter,-apple-system,sans-serif;background:#fffdf8;color:#1f2a3d;border:1px solid #cfc6b4;border-radius:4px}
#inspector .custom-color .color-value{color:#8a7a4a}