@import "https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Yomogi&family=Dancing+Script:wght@600&display=swap";:root{--bg:#ebe0cd;--bg-2:#e3d5b8;--paper:#fbf7ee;--paper-2:#f3ecdb;--rose:#d9a7a0;--rose-strong:#c98a8a;--sage:#a9b89a;--blue:#9fb3c8;--mustard:#d9b06a;--text:#4a3f35;--text-soft:#8a7d6d;--line:#e0d4bd;--radius:16px;--shadow:0 4px 14px #7864462e;color:var(--text);font-family:Kosugi Maru,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg-2);background-image:radial-gradient(#785a320d 1px,#0000 1px),repeating-linear-gradient(8deg,#785a3205 0 2px,#0000 2px 5px),repeating-linear-gradient(98deg,#785a3205 0 2px,#0000 2px 6px),radial-gradient(circle at 18% 12%,#966e460f,#0000 38%),radial-gradient(circle at 82% 78%,#966e460f,#0000 42%);background-size:5px 5px,auto,auto,auto,auto}.paper-texture{background-image:repeating-linear-gradient(0deg,#785a3203 0 1px,#0000 1px 3px),radial-gradient(#785a3209 .5px,#0000 .6px);background-size:auto,4px 4px}.handwriting{font-family:Yomogi,Kosugi Maru,cursive}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}.phone{background-color:var(--bg);background-image:url(/assets/page-DCVZfevJ.png);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;max-width:440px;min-height:100%;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #7864464d}.screen{flex:1;padding:16px 16px 96px;overflow-y:auto}.app-header{z-index:5;color:#4a3f35;background-color:#d8c4a0;background-image:repeating-linear-gradient(0deg,#785a320a 0 1px,#0000 1px 3px),linear-gradient(120deg,#cdb892,#e0cdaa);border-bottom:2px dashed #785a3240;align-items:center;gap:10px;padding:14px 16px;display:flex;position:sticky;top:0}.app-header h1{flex:1;margin:0;font-size:20px}.member-avatars{display:flex}.member-avatars .avatar{border:2px solid var(--paper);margin-left:-8px}.member-avatars.big{justify-content:center}.member-avatars.big .avatar{margin-left:-6px}.avatar{background:var(--paper);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.cover{background-color:var(--paper);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff80;text-align:center;background-image:repeating-linear-gradient(0deg,#785a3203 0 1px,#0000 1px 3px),radial-gradient(#785a3208 .5px,#0000 .6px),radial-gradient(circle at 80% 0,#966e460d,#0000 40%);background-size:auto,4px 4px,auto;border:1px solid #785a321f;border-radius:4px;margin-bottom:18px;padding:22px 16px 20px;position:relative}.cover:after{content:"";pointer-events:none;border:1.5px dashed #785a3233;border-radius:3px;position:absolute;inset:8px}.cover:before{content:"";background:repeating-linear-gradient(45deg,#d9a7a08c 0 7px,#d9a7a04d 7px 14px);border-radius:2px;width:90px;height:22px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-2deg)}.cover-collage{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px;display:grid}.cover-collage img,.cover-collage span{aspect-ratio:1;background:var(--paper-2);object-fit:cover;border:1px solid var(--line);border-radius:8px;place-items:center;width:100%;font-size:22px;display:grid}.logo-hero{text-align:center;margin-bottom:6px;padding:10px 0 6px}.cover-logo{width:100%;max-width:280px;height:auto;margin:0 auto;display:block}.header-logo{width:auto;height:26px;display:block}.cover-title{color:var(--rose-strong);font-family:Dancing Script,cursive;font-size:38px;line-height:1}.cover-sub{color:var(--text-soft);margin:4px 0;font-size:13px}.cover-read{letter-spacing:3px;color:var(--text-soft);margin-bottom:14px;font-size:11px}.cover-heart{vertical-align:.25em;margin-left:2px;font-size:.7em}.cover-btn{max-width:220px;margin:0 auto}.card{background-color:var(--paper);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff80;background-image:repeating-linear-gradient(0deg,#785a3203 0 1px,#0000 1px 3px),radial-gradient(#785a3208 .5px,#0000 .6px);background-size:auto,4px 4px;border:1px solid #785a321f;border-radius:4px;margin:0 2px 18px;padding:16px;position:relative}.card:after{content:"";pointer-events:none;border:1.5px dashed #785a322e;border-radius:3px;position:absolute;inset:6px}.card:nth-child(2n){transform:rotate(-.5deg)}.card:nth-child(odd){transform:rotate(.4deg)}.card.taped:before{content:"";filter:drop-shadow(0 1px 2px #78644633);z-index:1;background:url(/assets/dusty-blue-BCxkrqJn.png) 50%/cover no-repeat;width:92px;height:30px;position:absolute;top:-10px;left:20px;transform:rotate(-4deg)}.entry-card-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.entry-card-head .name{font-weight:600}.entry-card-head .date{color:var(--text-soft);background:var(--paper-2);border-radius:6px;margin-left:auto;padding:2px 8px;font-size:12px}.entry-title{margin:4px 0 8px;font-size:18px}.entry-body{white-space:pre-wrap;font-size:14px;line-height:1.8}.entry-meta{border-top:1px dashed var(--line);color:var(--text-soft);gap:16px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.entry-meta .meta-btn{align-items:center;gap:4px;display:inline-flex}.entry-meta button.liked{color:var(--rose-strong);font-weight:700}.chip.mood-chip,.chip.member-chip{align-items:center}.chip.mood-chip.icon-only{justify-content:center;width:40px;height:40px;padding:6px}.chip.mood-chip svg{color:var(--text-soft)}.chip.mood-chip.selected svg{color:var(--rose-strong)}.entry-title svg{vertical-align:-3px}.photos{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.frame{background:#fff;flex:none;width:46%;margin:0;position:relative}.frame img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.frame-polaroid{background:linear-gradient(160deg,#fff,#f6f1e6);border-radius:2px;padding:8px 8px 28px;box-shadow:0 6px 14px #78644647,inset 0 1px #fffc}.frame-polaroid figcaption{text-align:center;color:var(--text-soft);font-size:12px;position:absolute;bottom:5px;left:0;right:0}.frame-plain{box-shadow:var(--shadow);border-radius:8px;padding:0;overflow:hidden}.frame-film{box-shadow:var(--shadow);background-color:#2e2a26;background-image:repeating-linear-gradient(#fff 0 4px,#0000 4px 9px),repeating-linear-gradient(#fff 0 4px,#0000 4px 9px);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:5px 100%,5px 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:4px;padding:6px 9px}.frame-tape{box-shadow:var(--shadow);border-radius:4px;padding:0}.frame-tape .tape{z-index:2;background:repeating-linear-gradient(45deg,#9fb3c8b3 0 6px,#9fb3c866 6px 12px);width:42px;height:16px;position:absolute}.frame-tape .tape-tl{top:-7px;left:-10px;transform:rotate(-40deg)}.frame-tape .tape-br{bottom:-7px;right:-10px;transform:rotate(-40deg)}.next-banner{background:var(--paper);border:2px dashed var(--rose);border-radius:var(--radius);align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:14px;display:flex}.next-banner .tag{background:var(--rose-strong);color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700}.bottom-nav{background:var(--paper);border-top:1px solid var(--line);padding:6px 4px;display:flex;position:sticky;bottom:0}.bottom-nav button{color:var(--text-soft);flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 0;font-size:10px;display:flex}.bottom-nav button.active{color:var(--rose-strong)}.bottom-nav .icon{place-items:center;height:24px;display:grid;position:relative}.nav-badge{background:var(--rose-strong);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-6px;right:-10px;box-shadow:0 1px 3px #78644666}.bottom-nav .icon svg{display:block}.fab{background:var(--rose-strong);color:#fff;z-index:6;border-radius:50%;width:56px;height:56px;font-size:26px;position:fixed;bottom:80px;right:max(16px,50% - 204px);box-shadow:0 8px 20px #966e5a80}.field{margin-bottom:14px}.field label{color:var(--text-soft);margin-bottom:6px;font-size:13px;display:block}.input,.textarea{border:1.5px solid var(--line);background:var(--paper);width:100%;color:var(--text);border-radius:12px;padding:10px 12px;font-size:14px}.textarea{resize:vertical;min-height:140px;line-height:1.8}.btn-primary{background:var(--rose-strong);color:#fff;width:100%;box-shadow:var(--shadow);border-radius:12px;padding:13px;font-size:15px;font-weight:600}.btn-primary:disabled{opacity:.5}.btn-ghost{border:1.5px solid var(--line);background:var(--paper);border-radius:10px;padding:8px 14px;font-size:13px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:var(--paper);border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:flex}.chip.selected{border-color:var(--rose-strong);background:#f6e9e4;font-weight:600}.photo-frame-picker{align-items:center;gap:10px;margin-top:10px;display:flex}.photo-frame-picker .thumb{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:64px;height:64px}.comment{gap:8px;margin-bottom:12px;display:flex}.comment.mine{flex-direction:row-reverse}.bubble{background:var(--paper);border:1px solid var(--line);border-radius:14px;max-width:75%;padding:8px 12px;font-size:14px;box-shadow:0 2px 8px #7864461f}.comment.mine .bubble{background:#f1e7df}.bubble .c-name{color:var(--text-soft);margin-bottom:2px;font-size:11px}.comment-input-bar{border-top:1px solid var(--line);background:var(--paper);gap:8px;padding:10px;display:flex;position:sticky;bottom:0}.comment-input-bar .input{flex:1}.comment-input-bar button{background:var(--rose-strong);color:#fff;border-radius:10px;padding:0 18px;font-weight:600}.scrap-month{margin-bottom:22px}.scrap-month-label{color:#fff;background:var(--mustard);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%);box-shadow:var(--shadow);margin-bottom:14px;padding:3px 16px 3px 12px;font-size:16px;display:inline-block;transform:rotate(-1.5deg)}.scrap-grid{columns:2;column-gap:14px}.scrap-item{break-inside:avoid;cursor:pointer;margin-bottom:18px;transition:transform .15s;position:relative}.scrap-item:hover{transform:scale(1.03)}.scrap-item .frame{width:100%}.scrap-item.with-tape:before{content:"";filter:drop-shadow(0 1px 2px #78644633);z-index:4;background:url(/assets/dusty-blue-BCxkrqJn.png) 50%/cover no-repeat;width:70px;height:24px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}.section-title{align-items:center;gap:6px;margin:4px 4px 12px;font-size:15px;font-weight:600;display:flex}.empty{text-align:center;color:var(--text-soft);padding:40px 20px;font-size:14px}.back-btn{font-size:22px}.member-switch{background:var(--bg-2);gap:8px;padding:8px;display:flex;overflow-x:auto}.member-switch .chip{flex-shrink:0}.settings-row{border-bottom:1px dashed var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.settings-row .input{flex:1}.color-dots{flex-wrap:wrap;gap:8px;display:flex}.color-dot{border:2px solid var(--paper);width:30px;height:30px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.color-dot.selected{box-shadow:0 0 0 2px var(--rose-strong)}.group-cover{background-color:var(--paper);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff80;text-align:center;background-image:repeating-linear-gradient(0deg,#785a3203 0 1px,#0000 1px 3px),radial-gradient(#785a3208 .5px,#0000 .6px);background-size:auto,4px 4px;border:1px solid #785a321f;border-radius:4px;margin-bottom:18px;padding:22px 16px;position:relative}.group-cover:after{content:"";pointer-events:none;border:1.5px dashed #785a3233;border-radius:3px;position:absolute;inset:8px}.group-name-input{text-align:center;border:none;border-bottom:1.5px dashed var(--line);background:0 0;border-radius:0;margin-top:14px;font-size:18px}.invite-code{letter-spacing:2px;text-align:center;background:var(--paper-2);border:1.5px dashed var(--mustard);color:var(--text);border-radius:10px;padding:10px;font-family:Dancing Script,Kosugi Maru,cursive;font-size:26px}.hint{color:var(--text-soft);margin-top:6px;font-size:11px}.invite-code-input{text-align:center;letter-spacing:2px;font-family:Dancing Script,Kosugi Maru,cursive;font-size:22px}.scrap-page{aspect-ratio:4/5;border-radius:6px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #785a321a}.page-photo{z-index:1;position:absolute}.page-photo.editable{cursor:grab;touch-action:none}.page-photo .frame{width:100%}.page-photo.selected{outline:2px dashed var(--rose-strong);outline-offset:3px;border-radius:4px}.page-hint{color:var(--text-soft);text-align:center;place-items:center;padding:20px;font-size:13px;display:grid;position:absolute;inset:0}.entry-caption{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:14px;display:flex}.entry-caption .cap-title{font-size:16px;font-weight:600}.entry-caption .cap-body{color:var(--text-soft);font-size:13px}.compose-by{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.mood-row{flex-wrap:wrap;gap:2px;margin-left:auto;display:flex}.mood-pick{width:34px;height:34px;color:var(--text-soft);border:1.5px solid #0000;border-radius:50%;place-items:center;display:grid}.mood-pick.selected{color:var(--rose-strong);border-color:var(--rose-strong);background:#f6e9e4}.frame-mini{gap:4px;display:inline-flex}.frame-mini .chip{padding:4px 8px;font-size:12px}.book-card{cursor:pointer;align-items:center;gap:12px;display:flex}.book-cover-photo{background:#fff;border-radius:4px;flex-shrink:0;place-items:center;width:84px;height:84px;padding:5px;display:grid;overflow:hidden;box-shadow:0 3px 8px #78644638}.book-cover-photo img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}.book-cover-photo span{font-size:34px}.book-info{flex:1;min-width:0}.book-name{margin-bottom:8px;font-size:18px;font-weight:600}.book-members{margin-bottom:8px;display:flex}.book-count-tag{color:#7a5a20;background:#f3e6c4;border-radius:999px;padding:2px 10px;font-size:11px;display:inline-block}.book-members .avatar{border:2px solid var(--paper);margin-left:-6px}.book-members .avatar:first-child{margin-left:0}.book-actions{gap:12px;margin-top:12px;display:flex}.book-action-card{border:2px dashed #0000;border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:16px 10px 14px;transition:transform .15s;display:flex;position:relative}.book-action-card:hover{transform:translateY(-2px)rotate(-1deg)}.book-action-card.create{border-color:var(--rose);color:var(--rose-strong);background:#f7e6ec}.book-action-card.join{border-color:var(--sage);color:#6f8160;background:#e7efe3}.bac-icon{width:46px;height:46px;box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;margin-bottom:2px;display:grid}.bac-label{font-size:15px;font-weight:600}.bac-sub{color:var(--text-soft);font-size:10px}.book-action-card:before{content:"";opacity:.9;background:url(/assets/dusty-blue-BCxkrqJn.png) 50%/cover no-repeat;width:34px;height:14px;position:absolute;top:-7px;right:14px;transform:rotate(8deg)}.activity-row{cursor:pointer}.presence-bar{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.presence-chip{background:var(--paper-2);color:var(--text-soft);border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:11px;display:inline-flex}.presence-dot{background:#6fcf7f;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite presence-pulse;box-shadow:0 0 0 2px #6fcf7f40}@keyframes presence-pulse{0%,to{opacity:1}50%{opacity:.4}}.presence-status{color:var(--text);font-weight:600}.page-wrap{position:relative}.presence-tag{z-index:5;color:#fff;pointer-events:none;white-space:nowrap;border-radius:999px 999px 999px 2px;padding:3px 9px;font-size:11px;font-weight:600;animation:.25s tag-pop;position:absolute;box-shadow:0 2px 6px #78644659}@keyframes tag-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.deco-toggle{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;display:inline-flex}.activity-card{padding:6px 14px}.activity-row{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.activity-row:last-child{border-bottom:none}.activity-text{flex:1}.activity-time{color:var(--text-soft);font-size:11px}.activity-more{width:100%;color:var(--rose-strong);padding:10px 0 4px;font-size:13px;font-weight:600}.login-screen{flex-direction:column;justify-content:center;display:flex}.login-tabs{gap:6px;margin-bottom:14px;display:flex}.login-tabs button{background:var(--paper-2);color:var(--text-soft);border-radius:10px;flex:1;padding:8px;font-size:13px}.login-tabs button.active{background:var(--rose-strong);color:#fff;font-weight:600}.login-err{color:#a14a4a;background:#f7e0e0;border-radius:10px;margin-bottom:10px;padding:8px 12px;font-size:12px}.login-msg{color:#5f7a52;background:#e4efe0;border-radius:10px;margin-bottom:10px;padding:8px 12px;font-size:12px}.avatar-picker{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.avatar-pick{aspect-ratio:1;background:var(--paper-2);box-shadow:0 0 0 1px var(--line);border:2px solid #0000;border-radius:50%;padding:3px;overflow:hidden}.avatar-pick img{object-fit:contain;width:100%;height:100%}.avatar-pick.selected{border-color:var(--rose-strong);box-shadow:0 0 0 2px var(--rose-strong)}.lightbox{z-index:60;background:#322a22db;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox-img{background:#fff;border-radius:4px;max-width:100%;max-height:82vh;padding:8px;box-shadow:0 10px 40px #00000080}.lightbox-close{width:40px;height:40px;color:var(--text);background:#ffffffd9;border-radius:50%;font-size:24px;line-height:1;position:absolute;top:16px;right:20px}.lightbox-page{background:#ffffffeb;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.page-photo.tappable{cursor:zoom-in}.upsell-cta{color:#7a5a20;border:1.5px dashed var(--mustard);width:100%;box-shadow:var(--shadow);background:linear-gradient(120deg,#f3e2b8,#e8cf95);border-radius:12px;padding:13px;font-size:14px;font-weight:600}.plan-row{align-items:center;gap:10px;display:flex}.plan-badge{color:var(--text-soft);flex:1;font-weight:600}.plan-badge.premium{color:var(--mustard)}.plan-btn{width:auto;padding:10px 16px}.modal-overlay{z-index:50;background:#4a3f3573;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:var(--paper);text-align:center;border:1px solid var(--line);border-radius:18px;width:100%;max-width:320px;padding:22px;box-shadow:0 12px 40px #503c2866}.premium-badge{background:linear-gradient(120deg, var(--mustard), #c8923f);color:#fff;letter-spacing:1px;border-radius:999px;margin-bottom:12px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.modal-title{margin-bottom:14px;font-size:20px}.premium-feats{text-align:left;margin:0 0 14px;padding:0;font-size:14px;line-height:2;list-style:none}.premium-price{margin-bottom:14px;font-weight:600}.modal-close{width:100%;margin-top:8px}.deco-surface{border-radius:12px;padding:12px;position:relative;overflow:hidden}.deco-strokes{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.deco-sticker{z-index:3;-webkit-user-select:none;user-select:none;will-change:transform;line-height:1;position:absolute}.deco-sticker.deco-text{white-space:nowrap;font-weight:600}.deco-sticker.deco-image{place-items:center;display:grid}.deco-sticker.deco-image img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px #78644640);width:100%;height:100%}.deco-sticker.deco-washi{line-height:0}.deco-sticker.deco-washi img{pointer-events:none;width:100%;height:auto;display:block}.washi-palette{flex-direction:column;gap:8px;display:flex}.washi-chip{border:1.5px solid var(--line);background:var(--paper);border-radius:10px;padding:6px;overflow:hidden}.washi-chip.selected{border-color:var(--rose-strong);background:#fff0f6}.washi-chip img{object-fit:cover;width:100%;height:26px;display:block}.chip.img-chip{justify-content:center;width:44px;height:44px;padding:4px}.chip.img-chip img{object-fit:contain;width:100%;height:100%}.deco-sticker.editable{cursor:grab;touch-action:none}.deco-sticker.selected{outline:2px dashed var(--rose-strong);outline-offset:2px;border-radius:6px}.deco-editor{border:1.5px solid var(--line);background:var(--paper);border-radius:14px;padding:8px}.deco-tabs{flex-wrap:nowrap;gap:4px;margin-bottom:8px;display:flex}.deco-tab{background:var(--paper-2);min-width:0;color:var(--text-soft);border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:7px 2px;font-size:10px;display:flex}.deco-tab .dt-icon{place-items:center;height:20px;display:grid}.deco-tab .dt-label{white-space:nowrap}.deco-tab.active{background:var(--rose-strong);color:#fff;font-weight:600}.deco-canvas{border:1px dashed var(--line);min-height:200px}.deco-sticker-controls{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.deco-palette,.deco-sticker-palette{margin-top:10px}.deco-sticker-palette .palette-group-label{color:var(--text-soft);margin:8px 2px 4px;font-size:12px}.deco-palette{flex-wrap:wrap;gap:8px;display:flex}.pen-palette{flex-direction:column;align-items:stretch}.bg-swatch{border:2px solid var(--paper);width:64px;height:44px;box-shadow:0 0 0 1px var(--line);border-radius:8px;place-items:end center;display:grid;position:relative}.bg-swatch span{color:var(--text);background:#ffffffbf;border-radius:5px;margin-bottom:3px;padding:0 4px;font-size:10px}.bg-swatch.selected{box-shadow:0 0 0 2px var(--rose-strong)}.pen-widths{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}