.brand{display:flex;align-items:center;letter-spacing:normal}
.brand-logo{display:block;width:144px;height:auto;max-height:48px;object-fit:contain}
.admin-help-bar{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;margin:-4px 0 18px;padding:14px 16px;background:linear-gradient(110deg,#f3f6ff,#fff8fc);border:1px solid #cfdaf2;border-radius:16px;box-shadow:0 8px 24px rgba(56,96,190,.07)}
.admin-help-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--brand);box-shadow:0 4px 12px rgba(56,96,190,.12)}
.admin-help-icon svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-help-bar strong,.admin-help-bar span{display:block}.admin-help-bar strong{font-size:.86rem}.admin-help-bar span{margin-top:3px;color:var(--muted);font-size:.74rem;line-height:1.5}
.admin-help-bar .button{min-height:42px;white-space:nowrap;color:var(--brand);border-color:#b9c8e9}
.admin-help-bar .button.is-requested{color:#076a3b;border-color:#9bd3b4;background:#eaf8f0}
.shape-grid{grid-template-columns:repeat(3,1fr)}
.shape-icon.half{border-radius:50% 50% 0 0 / 100% 100% 0 0}
.shape-icon.droplet{border-radius:0 0 50% 50% / 0 0 100% 100%}
.sticker-shell.shape-half,.proof-sticker.shape-half{border-radius:50% 50% 0 0 / 100% 100% 0 0}
.shape-half .image-viewport,.shape-half .proof-viewport,.sticker-shell.shape-half:after,.proof-sticker.shape-half:after{border-radius:50% 50% 0 0 / 100% 100% 0 0}
.sticker-shell.shape-droplet,.proof-sticker.shape-droplet{border-radius:0 0 50% 50% / 0 0 100% 100%}
.shape-droplet .image-viewport,.shape-droplet .proof-viewport,.sticker-shell.shape-droplet:after,.proof-sticker.shape-droplet:after{border-radius:0 0 50% 50% / 0 0 100% 100%}
.saved-piece-preview.half,.dialog-design-preview.half{border-radius:50% 50% 0 0 / 100% 100% 0 0}
.saved-piece-preview.droplet,.dialog-design-preview.droplet{border-radius:0 0 50% 50% / 0 0 100% 100%}
.image-viewport{touch-action:none;overscroll-behavior:contain}
.more-tools{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}
.more-tools summary b{font-size:.94rem;color:var(--ink)}
.gesture-help{font-size:.76rem;line-height:1.55;color:#465674;background:var(--brand-soft);border-radius:10px;padding:10px 11px;margin:0 0 14px}
.center-button{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:.76rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.center-button svg{width:17px;fill:none;stroke:var(--brand);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drag-hint{max-width:calc(100% - 28px);text-align:center;line-height:1.35}
@media(max-width:760px){.brand-logo{width:122px}.admin-help-bar{grid-template-columns:38px minmax(0,1fr);padding:13px}.admin-help-icon{width:38px;height:38px}.admin-help-bar .button{grid-column:1/-1;width:100%}.shape-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:420px){.brand-logo{width:116px}.shape-grid{grid-template-columns:repeat(2,1fr)}.drag-hint{font-size:.68rem}}
