*{box-sizing:border-box}body{margin:0;background:#fff8fb;color:#422d38;font:15px system-ui,sans-serif}header{padding:25px 20px 20px;display:flex;align-items:center;gap:15px;background:white;border-bottom:1px solid #f5d4e1}header img{width:88px;height:88px;object-fit:contain;border-radius:50%}small{letter-spacing:1.5px;font-size:9px;color:#a13b68}h1{font:24px Georgia,serif;margin:7px 0}header span{font-size:12px;color:#8c6678}.notice{margin:18px 18px 0;padding:14px;border:1px solid #eed4a3;border-radius:13px;background:#fff9ed;font-size:12px;line-height:1.6}.notice p{margin:4px 0 0}main{padding:20px;max-width:800px;margin:auto}.summary{display:flex;background:white;border:1px solid #f4dce5;border-radius:14px;padding:19px 5px;margin-bottom:25px}.summary div{flex:1;text-align:center;display:grid;gap:5px}.summary b{font:25px Georgia,serif;color:#ae2e64}.summary span{font-size:10px;color:#866c78}.heading{display:flex;align-items:center;justify-content:space-between;gap:8px}h2{font:23px Georgia,serif;margin:10px 0}button,.secondary{font:inherit;background:#b42c67;color:white;border:0;border-radius:10px;padding:13px 16px;font-size:13px;cursor:pointer;display:inline-block}button:disabled{opacity:.5}input,textarea,select{width:100%;font:inherit;padding:13px;border:1px solid #e9c8d8;border-radius:9px;background:#fff;color:#422d38;margin:7px 0 14px}#search{margin-top:17px}nav{display:flex;gap:7px;overflow:auto;padding:3px 0 12px}nav button{white-space:nowrap;background:#ffe9f2;color:#96365f;padding:10px 13px}nav button.active{background:#b42c67;color:white}.secondary{background:white;color:#a92c62;border:1px solid #e6bfd0}.category{margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card{background:white;border:1px solid #efd7e2;border-radius:14px;overflow:hidden}.card img,.placeholder{width:100%;aspect-ratio:1;object-fit:cover;background:#fce8f0}.placeholder{display:grid;place-items:center;font-size:40px;color:#cb85a4}.card .body{padding:13px}.card small{letter-spacing:0;font-size:10px}.card h3{font-size:14px;margin:7px 0;overflow-wrap:anywhere}.card strong{color:#a32d61;font-size:14px;display:block;margin-bottom:10px}.card button{width:100%;padding:10px;background:#fff0f6;color:#a32d61}.backup{border-top:1px solid #efd7e2;margin-top:30px;padding-top:15px}.backup p,#empty{line-height:1.7;font-size:13px;color:#806674}.import input,.photoPick input{display:none}footer{text-align:center;color:#977a88;font-size:11px;line-height:1.9;padding:35px 0}dialog{width:calc(100% - 24px);max-width:480px;border:0;border-radius:18px;padding:23px;max-height:92vh;overflow:auto}dialog::backdrop{background:#38212ac2}label{display:block;font-size:13px}.photoPick{border:2px dashed #e7aac5;background:#fff3f8;padding:15px;text-align:center;border-radius:12px;margin:20px 0;color:#a52d61;cursor:pointer}.photoPick img{width:100%;max-height:200px;object-fit:contain;margin-bottom:10px}#save{width:100%}.danger{background:#fff;color:#b92644;border:1px solid #e7afbc;width:100%;margin-top:12px}#toast{position:fixed;bottom:25px;left:20px;right:20px;background:#502438;color:white;padding:16px;border-radius:12px;z-index:5;font-size:13px}#productform>p{font-size:11px;text-align:center;color:#806674}[hidden]{display:none!important}button:focus-visible,input:focus-visible{outline:3px solid #e593ba;outline-offset:2px}

#artcanvas{width:100%;display:block;border-radius:12px;touch-action:none;background:#f7e8ef}.hint{font-size:11px;color:#946378;line-height:1.6}.toggle{display:flex;align-items:center;gap:10px;padding:14px;background:#ffe9f2;border-radius:10px}.toggle input{width:auto;margin:0}.colors{display:flex;gap:15px}.colors label{flex:1}.colors input{height:48px;padding:4px}hr{border:0;border-top:1px solid #eed4e0;margin:22px 0}#studio textarea{font-weight:600}
.connectionbox{margin:18px;padding:18px;background:#fff;border:1px solid #edc5d7;border-radius:14px}.connectionbox p{font-size:12px;line-height:1.7;color:#856879}.buttonrow{display:flex;flex-wrap:wrap;gap:8px}.buttonrow button{padding:11px 12px}#login{border-top:1px solid #edc5d7;margin-top:18px;padding-top:18px}.inquiry{padding:17px;border:1px solid #efcedd;border-radius:10px;margin:12px 0}.inquiry small{display:block;margin-top:6px}.inquiry p{white-space:pre-wrap}.inquiry span{font-size:12px;color:#8b5e75}