*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{color:#4b3440;background:#241d22;font-family:Arial,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:calc(100% - 112px);padding:12px;display:flex}canvas{border:4px solid #fff;border-radius:22px;max-width:100%;max-height:100%;display:block;box-shadow:0 16px 50px #00000059}input[type=file]{display:none}#menu-toggle{z-index:100;color:#4b3440;cursor:pointer;background:#fffffff0;border:0;border-radius:16px;width:52px;height:52px;padding:0;font-size:28px;font-weight:700;line-height:1;position:fixed;top:24px;left:24px;box-shadow:0 6px 20px #00000038}#menu-toggle:hover{transform:translateY(-2px)}#controls{z-index:110;background:#fffafcfa;flex-direction:column;gap:14px;width:310px;max-width:88vw;height:100%;padding:22px 18px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:10px 0 35px #00000038}#controls.is-open{transform:translate(0)}.menu-header{color:#4b3440;border-bottom:1px solid #eadde2;justify-content:space-between;align-items:center;padding:4px 4px 14px;font-size:22px;display:flex}#menu-close{color:#4b3440;cursor:pointer;background:#f2e7eb;border:0;border-radius:14px;width:42px;height:42px;padding:0;font-size:24px}.control-section{background:#fff;border-radius:16px;width:100%;padding:14px;box-shadow:0 4px 14px #00000017}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title-row strong,.standalone-title{color:#4b3440;font-size:15px}.standalone-title{margin-bottom:12px;display:block}#character-count{color:#9b7885;font-size:13px;font-weight:700}#character-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.character-list-item{cursor:pointer;background:#fff7fa;border:2px solid #0000;border-radius:13px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.character-list-item:hover{background:#ffedf3}.character-list-item.selected{background:#ffe4ed;border-color:#e895ad}.character-thumbnail{object-fit:contain;background:#f0e8eb;border-radius:12px;flex-shrink:0;width:46px;height:46px;overflow:hidden}.character-list-text{color:#4b3440;flex:1;min-width:0;font-size:14px;font-weight:700}.character-color-dot{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:22px;height:22px;box-shadow:0 0 0 1px #d9c9cf}.menu-action-button{color:#4b3440;text-align:center;cursor:pointer;background:#f5e8ed;border:0;border-radius:12px;width:100%;margin-top:8px;padding:11px 12px;font-family:inherit;font-size:14px;font-weight:700;display:block}.menu-action-button:hover{background:#eed8e1}.menu-action-button.secondary{color:#48516d;background:#edf0f8}.menu-action-button.secondary:hover{background:#dfe4f1}.menu-action-button.danger{color:#9a3f55;background:#ffe3e8}.menu-action-button.danger:hover{background:#ffd1db}.menu-action-button:disabled{opacity:.45;cursor:not-allowed}.fur-color-inputs{grid-template-columns:44px 1fr;gap:10px;display:grid}#fur-color-picker{cursor:pointer;background:0 0;border:0;width:44px;height:40px;padding:0}#fur-color-picker::-webkit-color-swatch-wrapper{padding:2px}#fur-color-picker::-webkit-color-swatch{border:2px solid #ddd;border-radius:12px}#fur-color-code{text-transform:uppercase;border:1px solid #ddd;border-radius:10px;width:100%;min-width:0;padding:9px 10px;font-family:monospace;font-size:14px}#fur-color-picker:disabled,#fur-color-code:disabled{opacity:.45;cursor:not-allowed}#reset-all-button{color:#873348;cursor:pointer;background:#ffcad7;border:0;border-radius:14px;width:100%;margin-top:auto;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:700}#reset-all-button:hover{background:#ffb9ca}#item-bar{z-index:60;background:#fffafcf2;border:2px solid #fffc;border-radius:22px;align-items:center;gap:12px;min-height:88px;padding:10px 14px;display:flex;position:fixed;bottom:12px;left:16px;right:16px;box-shadow:0 8px 28px #0000003d}.item-bar-header{flex-shrink:0;width:130px}.item-bar-header strong{color:#4b3440;margin-bottom:4px;font-size:16px;display:block}#active-item-name{color:#987783;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}#item-list{flex:1;align-items:center;gap:8px;min-width:0;padding:3px;display:flex;overflow-x:auto}.item-slot{cursor:pointer;background:#f3e8ec;border:2px solid #0000;border-radius:16px;flex-shrink:0;width:62px;height:62px;padding:5px;position:relative}.item-slot:hover{transform:translateY(-2px)}.item-slot.selected{background:#ffe1eb;border-color:#d97897}.item-slot img{object-fit:contain;border-radius:11px;width:100%;height:100%}.item-type-badge{background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;display:flex;position:absolute;bottom:3px;right:3px}.item-delete-button{color:#fff;cursor:pointer;background:#9c5367;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:12px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.item-add-buttons{flex-shrink:0;gap:7px;display:flex}.item-add-buttons label{color:#4b3440;cursor:pointer;background:#f0dfe5;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700}.item-add-buttons label:hover{background:#e7ccd6}@media (width<=700px){#app{height:calc(100% - 132px);padding:6px}#menu-toggle{border-radius:14px;width:46px;height:46px;font-size:24px;top:14px;left:14px}#item-bar{flex-wrap:wrap;gap:7px;min-height:116px;padding:8px 10px;bottom:8px;left:8px;right:8px}.item-bar-header{width:105px}#item-list{order:3;width:100%}.item-add-buttons{margin-left:auto}.item-add-buttons label{padding:9px}.item-slot{width:54px;height:54px}}.item-slot{touch-action:none;-webkit-user-select:none;user-select:none}.item-slot img{pointer-events:none;-webkit-user-select:none;user-select:none}.item-type-badge{pointer-events:none}.item-drag-preview{z-index:9999;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 10px #0000004d);border-radius:16px;width:74px;height:74px;position:fixed;transform:translate(-50%,-50%)}#controls section,.control-section,.settings-card{background:#fffffff5;border:1px solid #f0cddae6;border-radius:22px;padding:20px 18px;box-shadow:0 10px 24px #603a4817,inset 0 1px #ffffffe6}#controls h2,#controls h3,.control-section-title{color:#513642;letter-spacing:-.03em;margin:0 0 14px;font-size:18px;font-weight:800}#controls label{color:#694954;margin:12px 0 7px;font-size:14px;font-weight:700;display:block}#controls select{color:#513642;cursor:pointer;background-color:#fff8fb;border:1px solid #edced9;border-radius:13px;outline:none;width:100%;min-height:42px;padding:0 42px 0 13px;font-size:14px;font-weight:700;transition:border-color .18s,box-shadow .18s,transform .18s}#controls select:hover{border-color:#df9fb6}#controls select:focus{border-color:#d982a3;box-shadow:0 0 0 4px #d982a324}#toy-upload,#character-personality-upload{display:none}label[for=toy-upload],.toy-upload-label{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#e88daf,#d66f99);border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:42px;margin-top:12px;padding:0 14px;font-size:14px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;box-shadow:0 7px 15px #d66f993d}label[for=toy-upload]:before,.toy-upload-label:before{content:"＋";font-size:19px;line-height:1}label[for=toy-upload]:hover,.toy-upload-label:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 10px 20px #d66f994d}label[for=toy-upload]:active,.toy-upload-label:active{transform:translateY(1px)}#clear-toys-button,#toy-clear-button{color:#bd557b;cursor:pointer;background:#fff4f8;border:1px solid #efbfd0;border-radius:13px;width:100%;min-height:40px;margin-top:10px;padding:0 14px;font-size:13px;font-weight:800;transition:color .18s,background-color .18s,border-color .18s,transform .18s}#clear-toys-button:hover,#toy-clear-button:hover{color:#fff;background:#d96f97;border-color:#d96f97;transform:translateY(-1px)}#controls small,#controls .description,.personality-description,.toy-description{color:#9a7a86;letter-spacing:-.02em;margin-top:9px;font-size:12px;line-height:1.55;display:block}#personality-section,#toy-section{margin-top:14px}@media (width<=480px){#controls section,.control-section,.settings-card{border-radius:18px;padding:18px 15px}#controls h2,#controls h3,.control-section-title{font-size:17px}}label[for=toy-upload],.toy-upload-label{box-sizing:border-box;width:100%;max-width:100%;margin:12px 0 0;text-align:center!important;justify-content:center!important;align-items:center!important;display:flex!important;position:static!important}.character-size-section{flex-direction:column;gap:10px;display:flex}.character-size-header{justify-content:space-between;align-items:center;display:flex}#character-size-value{color:#f06f98;font-size:13px;font-weight:700}#character-size-slider{appearance:none;cursor:pointer;background:#f9d7e2;border-radius:999px;outline:none;width:100%;height:6px;margin:4px 0}#character-size-slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#f06f98;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #f06f9859}#character-size-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}#character-size-slider::-moz-range-thumb{cursor:grab;background:#f06f98;border:3px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #f06f9859}#character-size-reset{box-sizing:border-box;color:#d95c85;cursor:pointer;background:#fff7fa;border:1px solid #f3b6c9;border-radius:10px;width:100%;min-height:38px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700;line-height:1;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}#character-size-reset:hover{background:#ffeaf1;border-color:#ee94b1;box-shadow:0 3px 8px #f06f9826}#character-size-reset:active{box-shadow:none;transform:translateY(1px)}#character-size-reset:disabled{color:#b9aaaf;box-shadow:none;cursor:default;opacity:.7;background:#f7f3f4;border-color:#eadde1}.toy-upload-label,.toy-replace-label{box-sizing:border-box;color:#d95c85;text-align:center;cursor:pointer;background:#fff7fa;border:1px solid #f3b6c9;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:38px;margin-top:8px;padding:9px 14px;font-size:13px;font-weight:700;display:flex}.toy-upload-label:hover,.toy-replace-label:hover{background:#ffeaf1;border-color:#ee94b1}.toy-replace-label.disabled{color:#b9aaaf;cursor:default;opacity:.7;background:#f7f3f4;border-color:#eadde1}#selected-toy-name{color:#a86479;text-align:center;margin:8px 0 0;font-size:12px}.toy-section-header{justify-content:space-between;align-items:center;display:flex}#toy-count{color:#d95c85;font-size:12px;font-weight:700}.toy-list{flex-direction:column;gap:7px;max-height:240px;margin-top:10px;display:flex;overflow-y:auto}.toy-list:empty:before{color:#ad929b;text-align:center;content:"추가된 장난감이 없어요.";border:1px dashed #efc6d3;border-radius:10px;padding:14px 10px;font-size:12px;display:block}.toy-list-item{box-sizing:border-box;color:#77545f;cursor:pointer;background:#fff;border:1px solid #efd3dc;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:54px;padding:7px 9px;font-family:inherit;display:flex}.toy-list-item:hover{background:#fff7fa;border-color:#eca8bd}.toy-list-item.selected{background:#fff0f5;border:2px solid #f06f98;box-shadow:0 3px 9px #f06f9826}.toy-thumbnail{object-fit:contain;background:#fff7fa;border-radius:8px;flex:0 0 40px;width:40px;height:40px}.toy-list-text{text-align:left;min-width:0;font-size:13px;font-weight:700}#toy-delete-button,#toy-clear-button{box-sizing:border-box;color:#d95c85;cursor:pointer;background:#fff7fa;border:1px solid #f3b6c9;border-radius:10px;width:100%;min-height:38px;margin-top:8px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700}#toy-delete-button:hover,#toy-clear-button:hover{background:#ffeaf1;border-color:#ee94b1}#toy-delete-button:disabled{color:#b9aaaf;cursor:default;opacity:.7;background:#f7f3f4;border-color:#eadde1}.toy-help-text{color:#9d7b86;text-align:center;margin:9px 0 0;font-size:12px;line-height:1.5}.toy-section{flex-direction:column;gap:10px;display:flex}.toy-section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.toy-section-header h3{margin:0}#toy-count{color:#c94f7c;background:#fff0f5;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:700}#toy-type-select{color:#4a3540;background:#fff;border:1px solid #e9c6d2;border-radius:9px;outline:none;width:100%;min-height:38px;padding:8px 10px;font-size:13px}#toy-type-select:focus{border-color:#e78ead;box-shadow:0 0 0 3px #e78ead26}.toy-upload-label,.toy-replace-label{box-sizing:border-box;color:#b8426b;text-align:center;cursor:pointer;background:#fff7fa;border:1px solid #e3a8bc;border-radius:9px;justify-content:center;align-items:center;width:100%;min-height:38px;padding:8px 12px;font-size:13px;font-weight:700;transition:transform .15s,background .15s,border-color .15s;display:flex}.toy-upload-label:hover,.toy-replace-label:not(.disabled):hover{background:#ffeaf1;border-color:#dc789b;transform:translateY(-1px)}.toy-replace-label.disabled{opacity:.45;cursor:default;pointer-events:none}.toy-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:190px;padding:2px;display:grid;overflow-y:auto}.toy-list:empty:before{content:"등록된 장난감이 없어요.";color:#a4838f;text-align:center;border:1px dashed #e6c5d1;border-radius:9px;grid-column:1/-1;padding:16px 8px;font-size:12px}.toy-list-item{color:#4a3540;cursor:pointer;background:#fff;border:1px solid #ead4dc;border-radius:10px;align-items:center;gap:8px;min-width:0;min-height:52px;padding:6px 8px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.toy-list-item:hover{background:#fff8fb;border-color:#df9db5;transform:translateY(-1px)}.toy-list-item.selected{background:#fff0f5;border-color:#d85f89;box-shadow:0 0 0 2px #d85f891f}.toy-thumbnail{object-fit:contain;background-color:#0000;background-image:linear-gradient(45deg,#f8eef2 25%,#0000 25%),linear-gradient(-45deg,#f8eef2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f8eef2 75%),linear-gradient(-45deg,#0000 75%,#f8eef2 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:7px;flex-shrink:0;width:38px;height:38px}.toy-list-text{color:#513943;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.toy-size-controls{background:#fffafb;border:1px solid #ecd5de;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.toy-size-header{color:#5c414b;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}#toy-size-value{color:#c64e78;font-size:13px}#toy-size-range{cursor:pointer;accent-color:#d85f89;width:100%;margin:2px 0}#toy-size-range:disabled{opacity:.4;cursor:default}#toy-size-reset,#toy-delete-button,#toy-clear-button{cursor:pointer;border-radius:9px;width:100%;min-height:38px;padding:8px 12px;font-size:13px;font-weight:700;transition:transform .15s,background .15s,border-color .15s,opacity .15s}#toy-size-reset{color:#9f526d;background:#fff;border:1px solid #ddb4c2}#toy-size-reset:hover:not(:disabled){background:#fff0f5;border-color:#d47b9a;transform:translateY(-1px)}#toy-delete-button{color:#bc4848;background:#fff7f7;border:1px solid #e2a4a4}#toy-delete-button:hover:not(:disabled){background:#ffe9e9;border-color:#d86f6f;transform:translateY(-1px)}#toy-clear-button{color:#70545e;background:#f8f3f5;border:1px solid #cfb7bf}#toy-clear-button:hover{background:#efe5e9;border-color:#b997a3;transform:translateY(-1px)}#toy-size-reset:disabled,#toy-delete-button:disabled{opacity:.4;cursor:default;transform:none}.toy-help-text{color:#9a7b86;margin:0;font-size:11px;line-height:1.55}.toy-list::-webkit-scrollbar{width:6px}.toy-list::-webkit-scrollbar-track{background:#f6e9ee;border-radius:999px}.toy-list::-webkit-scrollbar-thumb{background:#dca2b7;border-radius:999px}.toy-list::-webkit-scrollbar-thumb:hover{background:#cb7f9b}@media (width<=520px){.toy-list{grid-template-columns:1fr}.toy-list-item{min-height:48px}.toy-thumbnail{width:34px;height:34px}}