html:root .billie-camera{position:fixed;z-index:12025;width:46px;height:46px;min-width:46px;min-height:46px;padding:11px;border:0;border-radius:50%;isolation:isolate;--tab-lens-x:0px;--tab-lens-y:0px;--tab-lens-w:46px;--tab-lens-h:46px;color:#192128;background:transparent;touch-action:manipulation;}
.billie-camera svg{position:relative;z-index:1;width:24px;height:24px;display:block;}
html:root.dark-mode .billie-camera{color:#f5f5f7;}
html:root .billie-camera[hidden],.billie-photo[hidden],.billie-photo-notice[hidden]{display:none!important;}
.billie-photo{position:fixed;z-index:12023;padding:12px;border:0;border-radius:34px;background:transparent;overflow:visible;touch-action:none;}
.billie-photo-glass{position:absolute;left:-14px;top:-14px;width:calc(100% + 28px);height:calc(100% + 28px);pointer-events:none;}
.billie-photo img{position:relative;width:100%;height:100%;display:block;object-fit:cover;border-radius:23px;pointer-events:none;}
.billie-photo-notice{position:fixed;z-index:12026;left:20px;max-width:280px;background:#25262c;color:white;border-radius:12px;padding:9px 12px;font:12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;}
.billie-photo-editor{position:fixed;inset:0;z-index:12500;background:#0006;display:grid;place-items:center;padding:16px;box-sizing:border-box;}
.billie-photo-sheet{width:min(900px,100%);height:min(800px,90dvh);display:flex;flex-direction:column;gap:12px;padding:12px 18px 20px;box-sizing:border-box;background:#f7f7fa;color:#17181c;border-radius:36px;overflow:hidden;box-shadow:0 20px 80px #0004;}
.dark-mode .billie-photo-sheet{background:#1c1d22;color:#f7f7fa;}
.billie-photo-close{position:relative;align-self:flex-end;flex:none;width:46px;height:46px;min-height:46px;border:0;border-radius:50%;background:transparent;color:inherit;padding:12px;--tab-lens-x:0px;--tab-lens-y:0px;--tab-lens-w:46px;--tab-lens-h:46px;}
.billie-photo-close svg{position:relative;width:22px;height:22px;display:block;}
.billie-photo-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.billie-photo-stage{position:relative;flex:none;max-width:100%;max-height:100%;}
.billie-photo-frame canvas{width:100%;height:100%;display:block;border-radius:12px;}
.billie-crop-overlay{position:absolute;inset:0;overflow:hidden;touch-action:none;border-radius:12px;}
.billie-crop-box{position:absolute;box-sizing:border-box;border:1px solid white;box-shadow:0 0 0 2000px #0008;cursor:move;background:linear-gradient(to right,transparent 33%,#ffffff80 33%,#ffffff80 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#ffffff80 66%,#ffffff80 calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(to bottom,transparent 33%,#ffffff80 33%,#ffffff80 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#ffffff80 66%,#ffffff80 calc(66% + 1px),transparent calc(66% + 1px));}
.billie-crop-corner{position:absolute;width:32px;height:32px;border:0;background:transparent;padding:0;touch-action:none;}
.billie-crop-corner::after{content:'';position:absolute;inset:8px;border:3px solid white;border-radius:3px;}
.billie-crop-corner[data-corner=nw]{left:-16px;top:-16px;cursor:nwse-resize;}
.billie-crop-corner[data-corner=ne]{right:-16px;top:-16px;cursor:nesw-resize;}
.billie-crop-corner[data-corner=sw]{left:-16px;bottom:-16px;cursor:nesw-resize;}
.billie-crop-corner[data-corner=se]{right:-16px;bottom:-16px;cursor:nwse-resize;}
.billie-photo-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;flex:none;}
.billie-photo-tools button{font:500 13px -apple-system,BlinkMacSystemFont,sans-serif;color:inherit;border:0;background:#88888816;border-radius:16px;padding:10px 12px;min-height:40px;}
.billie-photo-tools button[aria-pressed=true]{background:#007aff;color:white;}
.billie-photo-tools input[type=color]{width:40px;height:40px;border:0;border-radius:50%;padding:4px;background:none;}