.paper-inspector{--pi-paper:#fffefb;--pi-rule:#ced8d1;--pi-border:color-mix(in srgb,currentColor 19%,transparent);padding:20px 0;border-top:1px solid var(--pi-border);color:inherit;min-width:0}
.paper-inspector *{box-sizing:border-box}
.pi-heading,.pi-row-heading,.pi-template-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pi-heading{margin-bottom:14px}.pi-heading h3,.pi-template-heading h4{margin:0;font-size:14px;font-weight:650}.pi-heading>span,.pi-template-heading>span{font-size:10px;opacity:.6;text-align:right}
.pi-patterns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:17px}.pi-patterns button{padding:3px 2px 5px;display:grid;gap:7px;justify-items:center;min-width:0;border-radius:8px;font-size:11px;line-height:1.2}
.pi-pattern-sample{display:block;width:100%;height:54px;border:1px solid var(--pi-border);border-radius:6px;background-color:var(--pi-paper);box-shadow:0 2px 4px #00000008}
.pi-pattern-sample[data-pattern=lined]{background-image:repeating-linear-gradient(to bottom,transparent 0 11px,var(--pi-rule) 11px 12px)}
.pi-pattern-sample[data-pattern=grid]{background-image:linear-gradient(var(--pi-rule) 1px,transparent 1px),linear-gradient(90deg,var(--pi-rule) 1px,transparent 1px);background-size:11px 11px}
.pi-pattern-sample[data-pattern=dots]{background-image:radial-gradient(var(--pi-rule) 1px,transparent 1.5px);background-size:10px 10px}
.pi-patterns button[aria-pressed=true] .pi-pattern-sample{outline:2px solid currentColor;outline-offset:2px}.pi-patterns button[aria-pressed=true]{font-weight:700}
.pi-row-heading{font-size:12px;margin-bottom:10px}.pi-color-value{font-size:10px;opacity:.55;font-variant-numeric:tabular-nums}
.pi-swatches{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:0 0 17px;padding:2px}
.pi-swatch,.pi-custom-color{position:relative;display:block;width:29px;height:29px;flex:0 0 29px;border-radius:50%;border:1px solid var(--pi-border);background:var(--pi-paper);padding:0}
.pi-swatch[aria-pressed=true]{outline:2px solid currentColor;outline-offset:3px}
.pi-custom-color{overflow:hidden;background:conic-gradient(#c78369,#ded17b,#85a382,#8db8d0,#b49bce,#c78369);color:#fff;display:grid;place-items:center;font-size:23px;line-height:1;cursor:pointer}
.pi-custom-color input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.pi-custom-color:focus-within{outline:2px solid currentColor;outline-offset:3px}
.pi-range{display:block;margin:0 0 14px}.pi-range>span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:7px}.pi-range output{font-size:11px;opacity:.65;font-variant-numeric:tabular-nums;white-space:nowrap}.pi-range input{display:block;width:100%;height:22px;margin:0;accent-color:var(--green,#55724d)}.pi-range:has(input:disabled){opacity:.45}
.pi-details{margin-top:2px}.pi-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;min-height:38px;font-size:12px;font-weight:600;border-radius:6px}.pi-details summary::-webkit-details-marker{display:none}.pi-chevron{font-size:18px;transition:transform .15s}.pi-details[open]>.pi-chevron,.pi-details[open]>summary .pi-chevron{transform:rotate(180deg)}.pi-details-body{padding-top:12px}
.pi-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 12px}.pi-form label{min-width:0;display:grid;gap:7px;font-size:11px}.pi-form select{display:block;width:100%;min-width:0;height:38px;padding:0 7px;font:inherit;font-size:12px;border:1px solid var(--pi-border);border-radius:7px;color:inherit;background:transparent}.pi-form option{color:var(--ink,#27332c);background:var(--panel,#fffefa)}.pi-form input[type=color]{width:100%;height:38px;padding:3px;border:1px solid var(--pi-border);border-radius:7px;background:transparent}.pi-form select:disabled{opacity:.5}
.pi-size-help,.pi-default-help,.pi-empty{font-size:11px;line-height:1.5;opacity:.65;margin:6px 0 12px}.pi-refit{width:100%;margin:0 0 15px}.paper-inspector [hidden]{display:none!important}
.pi-categories{display:flex;flex-wrap:wrap;gap:5px;margin:17px 0 12px}.pi-categories button{min-height:31px;padding:5px 9px;font-size:11px;border:1px solid var(--pi-border);border-radius:16px}.pi-categories button[aria-pressed=true]{background:color-mix(in srgb,currentColor 12%,transparent);font-weight:650}
.pi-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.pi-preset{display:grid;gap:7px;min-width:0;font-size:10px;padding:2px;text-align:center}.pi-preset-sample{display:block;height:48px;background-color:var(--pi-paper);border:1px solid var(--pi-border);border-radius:6px}.pi-preset[aria-pressed=true] .pi-preset-sample{outline:2px solid currentColor;outline-offset:2px}
.paper-inspector [data-texture=paperback]{background-image:repeating-linear-gradient(12deg,#71604709 0 1px,transparent 1px 5px)}.paper-inspector [data-texture=papyrus]{background-image:repeating-linear-gradient(0deg,#71552d10 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,#71552d08 0 1px,transparent 1px 18px)}
.pi-template-heading{margin-bottom:10px}.pi-templates{display:grid;gap:6px;max-height:180px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;margin-bottom:10px}.pi-template{min-width:0;min-height:38px;text-align:left;border:1px solid var(--pi-border);border-radius:7px;padding:9px 11px;font-size:12px;overflow-wrap:anywhere}
.pi-template-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:17px}.pi-secondary{border:1px solid var(--pi-border);border-radius:7px;min-height:38px;padding:8px 10px;font-size:11px;line-height:1.35}.pi-save-default{width:100%;min-height:42px;padding:9px 12px;border-radius:8px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:12px;font-weight:600;line-height:1.4}.pi-default-help{margin-bottom:0}.pi-status{font-size:12px;line-height:1.5;color:#dc805d;margin:12px 0 0}
@media(max-width:420px){.pi-swatches{gap:8px}.pi-form select{font-size:16px}.pi-range>span{font-size:11px}.pi-patterns{gap:7px}.pi-template-actions{grid-template-columns:1fr}.pi-template-heading{align-items:flex-start}}

.pen-details{border-top:1px solid color-mix(in srgb,currentColor 19%,transparent);padding:8px 0}.pen-details>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;font-size:14px;font-weight:600;list-style:none}.pen-details>summary::-webkit-details-marker{display:none}.pen-details[open]>summary>span:last-child{transform:rotate(180deg)}.pen-details .pen-preview{margin-top:12px}.pen-details .property-section{border-top:0;padding-top:10px}