*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#000;color:#fff;font-family:sans-serif;min-height:100vh}.skyline-container[data-v-a9c85326]{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.base-image[data-v-a9c85326]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.layer-canvas[data-v-a9c85326]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hit-regions[data-v-a9c85326]{position:absolute;inset:0;width:100%;height:100%;z-index:100}.hit-region[data-v-a9c85326]{cursor:pointer;transition:fill .12s ease}.hit-region.is-hovered[data-v-a9c85326]{fill:#ffffff26;stroke:#ffffff80;stroke-width:6}.hit-region.is-selected[data-v-a9c85326]{fill:#ffffff2e;stroke:#fffc;stroke-width:6}.hit-region.is-colored:not(.is-selected).is-hovered[data-v-a9c85326]{fill:#ffffff14;stroke:#fff6;stroke-width:6}.object-list[data-v-a9c85326]{position:absolute;top:12px;right:12px;z-index:150;display:flex;flex-direction:column;background:#0000009e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px 0;max-height:min(200px,calc(100% - 24px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;min-width:152px}.object-list-item[data-v-a9c85326]{display:flex;align-items:center;gap:8px;padding:5px 12px;background:none;border:none;cursor:pointer;color:#fff9;font-size:.75rem;text-align:left;white-space:nowrap;transition:background .1s ease,color .1s ease}.object-list-item[data-v-a9c85326]:hover,.object-list-item.is-hovered[data-v-a9c85326]{background:#ffffff14;color:#ffffffe6}.object-list-item.is-selected[data-v-a9c85326]{background:#ffffff24;color:#fff}.object-dot[data-v-a9c85326]{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);transition:background .15s ease}.object-list-item.is-colored .object-dot[data-v-a9c85326]{border:none}.palette-panel[data-v-7b2867fd]{background:#121212f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px 16px;width:260px;box-shadow:0 8px 32px #0009;color:#fff}.panel-header[data-v-7b2867fd]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.object-label[data-v-7b2867fd]{font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffffb3}.close-btn[data-v-7b2867fd]{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.9rem;padding:2px 4px;line-height:1;transition:color .12s}.close-btn[data-v-7b2867fd]:hover{color:#fff}.section-label[data-v-7b2867fd]{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;margin-bottom:8px}.swatches[data-v-7b2867fd]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.swatches[data-v-7b2867fd]:last-child{margin-bottom:0}.swatch[data-v-7b2867fd]{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s ease,border-color .1s ease;flex-shrink:0}.swatch--gradient[data-v-7b2867fd]{border-radius:8px;width:52px;height:36px}.swatch[data-v-7b2867fd]:hover{transform:scale(1.12);border-color:#ffffff80}.swatch.selected[data-v-7b2867fd]{border-color:#fff;transform:scale(1.08);box-shadow:0 0 0 2px #fff3}.page[data-v-61f0b332]{display:flex;flex-direction:column;height:100vh;overflow:auto}.canvas-area[data-v-61f0b332]{flex:1 1 0;min-height:360px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.skyline-wrapper[data-v-61f0b332]{position:relative;width:100%;aspect-ratio:16 / 9;max-height:100%}.canvas-placeholder[data-v-61f0b332]{color:#fff6;font-size:.9rem}.canvas-placeholder--error[data-v-61f0b332]{color:#ef5350}.palette-anchor[data-v-61f0b332]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:200}.controls-bar[data-v-61f0b332]{flex:0 0 auto;position:sticky;bottom:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:10px 20px;background:#000000d9;border-top:1px solid rgba(255,255,255,.08)}.name-field[data-v-61f0b332]{display:flex;align-items:center;gap:8px}.name-field label[data-v-61f0b332]{font-size:.8rem;color:#ffffff80;white-space:nowrap}.name-field input[data-v-61f0b332]{padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff12;color:#fff;font-size:.9rem;width:220px}.name-field input[data-v-61f0b332]::placeholder{color:#ffffff40}.actions[data-v-61f0b332]{display:flex;align-items:center;gap:10px}.submit-error[data-v-61f0b332]{font-size:.8rem;color:#ef5350}.canvas-hover-label[data-v-61f0b332]{font-size:.8rem;color:#ffffffbf;-webkit-user-select:none;user-select:none;white-space:nowrap;min-width:120px}.canvas-coords[data-v-61f0b332]{font-family:monospace;font-size:.8rem;color:#ffffff73;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn[data-v-61f0b332]{padding:8px 20px;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:opacity .15s,background .15s}.btn--secondary[data-v-61f0b332]{background:#ffffff1a;color:#fffc}.btn--secondary[data-v-61f0b332]:hover{background:#ffffff29}.btn--primary[data-v-61f0b332]{background:#fff;color:#000}.btn--primary[data-v-61f0b332]:hover:not(:disabled){background:#ffffffe0}.btn--primary[data-v-61f0b332]:disabled{opacity:.3;cursor:not-allowed}.success-screen[data-v-61f0b332]{display:flex;align-items:center;justify-content:center;height:100vh;background:#000}.success-message[data-v-61f0b332]{font-size:1.5rem;font-weight:500;color:#fff;text-align:center;padding:2rem}.palette-enter-active[data-v-61f0b332],.palette-leave-active[data-v-61f0b332]{transition:opacity .15s ease,transform .15s ease}.palette-enter-from[data-v-61f0b332],.palette-leave-to[data-v-61f0b332]{opacity:0;transform:translate(-50%) translateY(8px)}