#canapy-studio{--paper:#faf6ef;--ink:#362a22;--line:#d6c9b9;color:var(--ink);font-family:var(--font-body--family,Arial),sans-serif}
#canapy-studio button,#canapy-studio input,#canapy-studio select{font:inherit;color:inherit}
#canapy-studio button,#canapy-studio label[for=cs-photo]{cursor:pointer}
#canapy-studio .cs-launch{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:8;border:1px solid #685242;background:#402f24;color:#fff7ec;border-radius:28px;padding:11px 18px;box-shadow:0 3px 16px #34291e28;font-size:14px}
.cs-launch span{margin-right:6px}
#canapy-studio dialog{margin:auto 16px 18px auto;padding:0;border:1px solid var(--line);width:min(430px,calc(100vw - 24px));height:min(700px,calc(100dvh - 32px));background:var(--paper);color:var(--ink);box-shadow:0 14px 65px #22190d32}
#canapy-studio dialog[open]{display:flex;flex-direction:column}#canapy-studio dialog::backdrop{background:#29201632}
#canapy-studio [hidden]{display:none!important}
.cs-panel header{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid var(--line)}.cs-panel header small{letter-spacing:.18em;font-size:10px}.cs-panel h2{font-family:var(--font-heading--family,Georgia),serif;font-size:29px;font-weight:400;line-height:1.12;margin:4px 0 0}.cs-panel header button{border:0;background:transparent;font-size:25px!important;width:40px;height:40px}
.cs-body{flex:1;overflow:auto;padding:16px 20px}.cs-body p{font-size:14px;line-height:1.48;margin:0 0 13px}.cs-body .cs-user{background:#ebe2d6;border-radius:12px 12px 2px 12px;margin-left:13%;padding:9px 12px}.cs-body .cs-cards{display:grid;gap:6px;margin:0 0 15px}.cs-cards a{padding:9px 12px;border:1px solid var(--line);text-decoration:none;color:inherit;font-size:14px}.cs-cards small{display:block;font-size:12px}
.cs-bottom{border-top:1px solid var(--line);padding:12px 17px}.cs-bottom form{display:flex;gap:5px;margin-top:10px}.cs-bottom input[type=text],#cs-piece{width:100%;min-width:0;background:#fffaf3;border:1px solid var(--line);padding:10px}.cs-bottom form button{background:var(--ink);border:0;color:white!important;padding:0 15px}.cs-upload{font-size:13px;text-decoration:underline;text-underline-offset:3px}.cs-sr,#cs-photo{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.cs-bottom:has(#cs-photo:focus-visible) .cs-upload{outline:2px solid}.cs-body label{font-size:13px;display:block;margin:8px 0 3px}
.cs-body canvas{display:block;width:100%;max-height:43vh;object-fit:contain;touch-action:none;cursor:grab;margin-top:10px;background:#e8dfd3}.cs-tools{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}.cs-tools button{background:transparent;border:1px solid var(--line);padding:7px 9px;font-size:12px!important}.cs-body [data-status]{font-size:12px}.cs-body input[type=range]{width:100%;accent-color:#624834}
@media(max-width:550px){#canapy-studio dialog{margin:auto auto max(6px,env(safe-area-inset-bottom));height:min(680px,calc(100dvh - 20px))}.cs-panel header{padding:12px 16px}.cs-body{padding:13px 16px}.cs-bottom input[type=text],#cs-piece{font-size:16px!important}}

body:has(#PBarNextFrameWrapper:popover-open) #canapy-studio .cs-launch{bottom:max(88px,calc(env(safe-area-inset-bottom) + 78px))}
button.cs-piece-link{display:inline-block;align-self:flex-start;justify-self:start;color:inherit;font:inherit;font-size:14px;background:transparent;border:0;border-bottom:1px solid #8b7564;margin:15px 0 0;padding:0 0 3px;cursor:pointer}