*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#f5f5f5;font-family:Plus Jakarta Sans,sans-serif}.nav{color:#fff;z-index:100;background:#111;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.nav-brand{color:#008ac7;font-size:1rem;font-weight:800}.nav-brand small{color:#777;margin-left:6px;font-size:.75rem;font-weight:400}.nav-right{align-items:center;gap:16px;display:flex}.nav-right a{color:#ccc;font-size:.9rem;text-decoration:none}.nav-right a:hover{color:#fff}.nav-right button{color:#ccc;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;padding:6px 14px;font-size:.85rem}.nav-right button:hover{color:#e53935;border-color:#e53935}.login-wrap[data-v-c3e1b7b4]{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box[data-v-c3e1b7b4]{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 24px #0000001a}.login-logo[data-v-c3e1b7b4]{color:#008ac7;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.8rem;font-weight:700}h1[data-v-c3e1b7b4]{margin-bottom:28px;font-size:1.5rem;font-weight:700}.field[data-v-c3e1b7b4]{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label[data-v-c3e1b7b4]{color:#777;text-transform:uppercase;font-size:.78rem;font-weight:600}.field input[data-v-c3e1b7b4]{border:2px solid #e5e5e5;border-radius:8px;outline:none;padding:12px;font-size:.95rem}.field input[data-v-c3e1b7b4]:focus{border-color:#008ac7}.error[data-v-c3e1b7b4]{color:#e53935;margin-bottom:12px;font-size:.85rem}button[data-v-c3e1b7b4]{color:#fff;cursor:pointer;background:#008ac7;border:none;border-radius:8px;width:100%;padding:14px;font-size:1rem;font-weight:700}button[data-v-c3e1b7b4]:hover{background:#006a9e}button[data-v-c3e1b7b4]:disabled{cursor:not-allowed;background:#ccc}.page[data-v-39011558]{max-width:1400px;margin:0 auto;padding:32px 24px}.page-header[data-v-39011558]{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;display:flex}h1[data-v-39011558]{font-size:1.8rem;font-weight:800}.search[data-v-39011558]{border:2px solid #e5e5e5;border-radius:8px;outline:none;width:360px;padding:10px 16px;font-size:.9rem}.search[data-v-39011558]:focus{border-color:#008ac7}.loading[data-v-39011558]{color:#777;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:40vh;display:flex}.spin[data-v-39011558]{border:3px solid #e5e5e5;border-top-color:#008ac7;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin-39011558}@keyframes spin-39011558{to{transform:rotate(360deg)}}.count[data-v-39011558]{color:#777;margin-bottom:16px;font-size:.85rem}.grid[data-v-39011558]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.card[data-v-39011558]{cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-radius:10px;transition:all .2s;overflow:hidden}.card[data-v-39011558]:hover{border-color:#008ac7;transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.card.done[data-v-39011558]{border-color:#c8e6c9}.card.done[data-v-39011558]:hover{border-color:#2e7d32}.card-img[data-v-39011558]{aspect-ratio:3/4;background:#f8f8f8;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card-img img[data-v-39011558]{object-fit:contain;width:100%;height:100%;padding:12px}.no-img[data-v-39011558]{font-size:2rem}.badge[data-v-39011558]{border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute;bottom:8px;left:8px}.badge-done[data-v-39011558]{color:#1b5e20;background:#c8e6c9}.badge-open[data-v-39011558]{color:#e65100;background:#fff3e0}.card-body[data-v-39011558]{padding:12px}.brand[data-v-39011558]{text-transform:uppercase;color:#008ac7;margin-bottom:3px;font-size:.72rem;font-weight:700}.name[data-v-39011558]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3px;font-size:.85rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.nr[data-v-39011558]{color:#999;margin-bottom:3px;font-size:.72rem}.areas[data-v-39011558]{color:#2e7d32;font-size:.72rem;font-weight:600}.more[data-v-39011558]{text-align:center;margin-top:24px}.more button[data-v-39011558]{color:#008ac7;cursor:pointer;background:#fff;border:2px solid #008ac7;border-radius:8px;padding:12px 32px;font-weight:700}.more button[data-v-39011558]:hover{color:#fff;background:#008ac7}.more button[data-v-39011558]:disabled{opacity:.5;cursor:not-allowed}.editor[data-v-2e93ed83]{flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-header[data-v-2e93ed83]{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.btn-back[data-v-2e93ed83]{cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;padding:8px 14px;font-weight:600}.btn-back[data-v-2e93ed83]:hover{background:#e5e5e5}.editor-header-info[data-v-2e93ed83]{flex:1;align-items:center;gap:10px;display:flex}.editor-brand[data-v-2e93ed83]{text-transform:uppercase;color:#008ac7;font-size:.75rem;font-weight:700}.editor-name[data-v-2e93ed83]{font-size:1rem;font-weight:700}.btn-save[data-v-2e93ed83]{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:8px;padding:10px 20px;font-weight:700}.btn-save[data-v-2e93ed83]:hover{background:#1b5e20}.btn-save[data-v-2e93ed83]:disabled{cursor:not-allowed;background:#ccc}.loading[data-v-2e93ed83]{color:#777;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.spin[data-v-2e93ed83]{border:3px solid #e5e5e5;border-top-color:#008ac7;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin-2e93ed83}@keyframes spin-2e93ed83{to{transform:rotate(360deg)}}.editor-layout[data-v-2e93ed83]{flex:1;grid-template-columns:300px 1fr;display:grid;overflow:hidden}.sidebar[data-v-2e93ed83]{background:#fff;border-right:1px solid #e5e5e5;flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.sidebar-title[data-v-2e93ed83]{text-transform:uppercase;letter-spacing:.08em;color:#777;margin-bottom:10px;font-size:.72rem;font-weight:700}.view-tabs[data-v-2e93ed83]{flex-direction:column;gap:6px;display:flex}.view-tab[data-v-2e93ed83]{cursor:pointer;text-align:left;background:#fff;border:2px solid #e5e5e5;border-radius:8px;align-items:center;gap:10px;padding:10px;transition:all .15s;display:flex}.view-tab[data-v-2e93ed83]:hover{border-color:#008ac7}.view-tab.active[data-v-2e93ed83]{background:#e8f4fb;border-color:#008ac7}.view-tab.done[data-v-2e93ed83]{background:#f1f8e9;border-color:#2e7d32}.view-tab-thumb[data-v-2e93ed83]{color:#ccc;background:#f5f5f5;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex;overflow:hidden}.view-tab-thumb img[data-v-2e93ed83]{object-fit:contain;width:100%;height:100%;padding:4px}.view-tab-label[data-v-2e93ed83]{font-size:.88rem;font-weight:700}.done-badge[data-v-2e93ed83]{color:#2e7d32;margin-left:4px}.view-tab-count[data-v-2e93ed83]{color:#777;font-size:.72rem}.view-commands[data-v-2e93ed83]{flex-direction:column;gap:6px;display:flex}.cmd-btn[data-v-2e93ed83]{cursor:pointer;text-align:left;border:none;border-radius:7px;padding:9px 12px;font-size:.82rem;font-weight:600;transition:all .15s}.cmd-green[data-v-2e93ed83]{color:#2e7d32;background:#f1f8e9;border:1.5px solid #a5d6a7}.cmd-green[data-v-2e93ed83]:hover,.cmd-green.active[data-v-2e93ed83]{color:#fff;background:#2e7d32}.cmd-yellow[data-v-2e93ed83]{color:#f57f17;background:#fffde7;border:1.5px solid #fff176}.cmd-yellow[data-v-2e93ed83]:hover{color:#fff;background:#f9a825}.cmd-red[data-v-2e93ed83]{color:#e53935;background:#fef2f2;border:1.5px solid #ffcdd2}.cmd-red[data-v-2e93ed83]:hover{color:#fff;background:#e53935}.img-grid[data-v-2e93ed83]{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.img-option[data-v-2e93ed83]{aspect-ratio:1;cursor:pointer;background:#f5f5f5;border:2px solid #e5e5e5;border-radius:6px;overflow:hidden}.img-option[data-v-2e93ed83]:hover{border-color:#008ac7}.img-option.active[data-v-2e93ed83]{border-color:#008ac7;box-shadow:0 0 0 2px #008ac7}.img-option img[data-v-2e93ed83]{object-fit:contain;width:100%;height:100%;padding:4px}.img-locked[data-v-2e93ed83]{background:#fff3e0;border:1px solid #ffe0b2;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.img-locked span[data-v-2e93ed83]{color:#e65100;font-size:.82rem;font-weight:600}.btn-unlock[data-v-2e93ed83]{color:#e65100;cursor:pointer;background:#fff;border:1px solid #e65100;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600}.btn-unlock[data-v-2e93ed83]:hover{color:#fff;background:#e65100}.hint[data-v-2e93ed83]{color:#999;margin-top:6px;font-size:.72rem}.area-list[data-v-2e93ed83]{flex-direction:column;gap:5px;margin-bottom:8px;display:flex}.area-item[data-v-2e93ed83]{cursor:pointer;border:1px solid #e5e5e5;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex}.area-item[data-v-2e93ed83]:hover{background:#f5f5f5;border-color:#008ac7}.area-item.active[data-v-2e93ed83]{background:#e8f4fb;border-color:#008ac7}.btn-del[data-v-2e93ed83]{color:#e53935;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:.8rem}.btn-add[data-v-2e93ed83]{cursor:pointer;color:#777;background:#f5f5f5;border:2px dashed #e5e5e5;border-radius:6px;width:100%;padding:8px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-add[data-v-2e93ed83]:hover{color:#008ac7;background:#e8f4fb;border-color:#008ac7}.field[data-v-2e93ed83]{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.field label[data-v-2e93ed83]{color:#777;text-transform:uppercase;font-size:.72rem;font-weight:600}.sel[data-v-2e93ed83]{cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-radius:6px;outline:none;width:100%;padding:8px;font-size:.85rem}.sel[data-v-2e93ed83]:focus{border-color:#008ac7}.checks[data-v-2e93ed83]{flex-direction:column;gap:5px;display:flex}.check[data-v-2e93ed83]{cursor:pointer;align-items:center;gap:7px;font-size:.82rem;display:flex}.check input[data-v-2e93ed83]{accent-color:#008ac7;cursor:pointer}.canvas-wrap[data-v-2e93ed83]{background:#ddd;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.canvas[data-v-2e93ed83]{cursor:crosshair;aspect-ratio:3/4;background:#fff;border-radius:8px;max-height:calc(100vh - 120px);position:relative;overflow:hidden;box-shadow:0 4px 24px #00000026}.canvas-img[data-v-2e93ed83]{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.canvas-empty[data-v-2e93ed83]{color:#bbb;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;display:flex}.canvas-hint[data-v-2e93ed83]{color:#777;margin-top:8px;font-size:.75rem}.area-box[data-v-2e93ed83]{cursor:move;background:#008ac71f;border:2px solid #008ac7;border-radius:3px;min-width:16px;min-height:16px;position:absolute}.area-box.sel[data-v-2e93ed83]{background:#e539351f;border-color:#e53935}.area-box.drawing[data-v-2e93ed83]{cursor:crosshair;pointer-events:none;border-style:dashed}.area-label[data-v-2e93ed83]{color:#008ac7;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#fff;border-radius:2px;max-width:90%;margin:2px;padding:1px 4px;font-size:.6rem;font-weight:700;display:block;overflow:hidden}.area-box.sel .area-label[data-v-2e93ed83]{color:#e53935}.area-resize[data-v-2e93ed83]{cursor:se-resize;background:#008ac7;border-radius:2px 0 0;width:12px;height:12px;position:absolute;bottom:0;right:0}.area-box.sel .area-resize[data-v-2e93ed83]{background:#e53935}.canvas-toolbar[data-v-2e93ed83]{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:center;align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex}.canvas-toolbar__title[data-v-2e93ed83]{color:#111;margin-right:auto;font-size:.85rem;font-weight:700}.canvas-toolbar__btns[data-v-2e93ed83]{gap:8px;display:flex}.tb-btn[data-v-2e93ed83]{cursor:pointer;border:none;border-radius:6px;padding:7px 16px;font-size:.82rem;font-weight:600;transition:all .15s}.tb-green[data-v-2e93ed83]{color:#fff;background:#2e7d32}.tb-green[data-v-2e93ed83]:hover,.tb-green.active[data-v-2e93ed83]{background:#1b5e20}.tb-yellow[data-v-2e93ed83]{color:#fff;background:#f9a825}.tb-yellow[data-v-2e93ed83]:hover{background:#f57f17}.tb-red[data-v-2e93ed83]{color:#fff;background:#e53935}.tb-red[data-v-2e93ed83]:hover{background:#c62828}.area-delete[data-v-2e93ed83]{color:#fff;cursor:pointer;opacity:0;z-index:10;background:#e53935;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:.6rem;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:2px;right:2px}.area-box:hover .area-delete[data-v-2e93ed83],.area-box.sel .area-delete[data-v-2e93ed83]{opacity:1}