*,*: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-8f30d22b]{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.base-image[data-v-8f30d22b]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.layer-canvas[data-v-8f30d22b]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hit-regions[data-v-8f30d22b]{position:absolute;inset:0;width:100%;height:100%;z-index:100}.hit-region[data-v-8f30d22b]{cursor:pointer;transition:fill .12s ease}.hit-region.is-hovered[data-v-8f30d22b]{fill:#ffffff26;stroke:#ffffff80;stroke-width:3}.hit-region.is-selected[data-v-8f30d22b]{fill:#ffffff2e;stroke:#fffc;stroke-width:3}.hit-region.is-colored:not(.is-selected).is-hovered[data-v-8f30d22b]{fill:#ffffff14;stroke:#fff6;stroke-width:3}.palette-panel[data-v-1be88882]{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:444px;box-shadow:0 8px 32px #0009;color:#fff}.panel-header[data-v-1be88882]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.object-label[data-v-1be88882]{font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffffb3}.clear-btn[data-v-1be88882]{background:#ffffff1a;border:none;color:#ffffffb3;cursor:pointer;font-size:.75rem;padding:4px 10px;border-radius:4px;line-height:1;transition:background .12s,color .12s}.clear-btn[data-v-1be88882]:hover{background:#ffffff2e;color:#fff}.section-label[data-v-1be88882]{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;margin-bottom:8px}.swatches[data-v-1be88882]{display:grid;gap:8px;margin-bottom:14px}.solid-swatches[data-v-1be88882]{grid-template-columns:repeat(9,36px)}.gradient-swatches[data-v-1be88882]{grid-template-columns:repeat(7,52px)}.swatches[data-v-1be88882]:last-child{margin-bottom:0}.swatch[data-v-1be88882]{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-1be88882]{border-radius:8px;width:52px;height:36px}.swatch[data-v-1be88882]:hover{transform:scale(1.12);border-color:#ffffff80}.swatch.selected[data-v-1be88882]{border-color:#fff;transform:scale(1.08);box-shadow:0 0 0 2px #fff3}.swatch[data-v-1be88882]:disabled{opacity:.35;cursor:default;transform:none}.swatch[data-v-1be88882]:disabled:hover{transform:none;border-color:transparent}.is-inactive .object-label[data-v-1be88882]{color:#fff6}.modal-backdrop[data-v-04091410]{position:fixed;inset:0;z-index:1000;background:#000000b3;display:flex;align-items:center;justify-content:center}.modal-dialog[data-v-04091410]{background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:24px 28px;max-width:600px;max-height:80vh;display:flex;flex-direction:column;color:#fff;box-shadow:0 16px 48px #0009}.modal-title[data-v-04091410]{font-size:1.1rem;font-weight:600;margin-bottom:16px}.modal-body[data-v-04091410]{overflow-y:auto;flex:1 1 auto;font-size:.85rem;line-height:1.55;color:#ffffffd9}.modal-body .intro[data-v-04091410]{margin-bottom:12px;font-style:italic;color:#ffffffb3}.modal-body p[data-v-04091410]{margin-bottom:8px}.modal-body h3[data-v-04091410]{font-size:.9rem;font-weight:600;margin:16px 0 8px;color:#fff}.modal-body ol[data-v-04091410]{padding-left:20px;margin-bottom:8px}.modal-body li[data-v-04091410]{margin-bottom:8px}.modal-body a[data-v-04091410]{color:#6cb4ee;text-decoration:underline}.modal-body a[data-v-04091410]:hover{color:#9ad0ff}.modal-actions[data-v-04091410]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.btn[data-v-04091410]{padding:8px 24px;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;font-weight:500}.btn--cancel[data-v-04091410]{background:#ffffff1a;color:#fffc}.btn--cancel[data-v-04091410]:hover{background:#ffffff29}.btn--agree[data-v-04091410]{background:#fff;color:#000}.btn--agree[data-v-04091410]:hover{background:#ffffffe0}.page[data-v-6a0a6d75]{display:flex;flex-direction:column;height:100vh;overflow:auto}.canvas-area[data-v-6a0a6d75]{flex:1 1 0;min-height:360px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#000}.skyline-wrapper[data-v-6a0a6d75]{position:relative;width:100%;aspect-ratio:16 / 9;max-height:100%}.canvas-placeholder[data-v-6a0a6d75]{color:#fff6;font-size:.9rem}.canvas-placeholder--error[data-v-6a0a6d75]{color:#ef5350}.object-lists-strip[data-v-6a0a6d75]{position:absolute;top:12px;left:0;right:0;z-index:200;display:flex;justify-content:center;gap:24px;padding:0 20px;pointer-events:none}.object-list[data-v-6a0a6d75]{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;min-width:180px;pointer-events:auto}.object-list-item[data-v-6a0a6d75]{display:flex;align-items:center;gap:8px;padding:5px 12px;background:none;border:none;cursor:pointer;color:#ffffffd9;font-size:.8rem;text-align:left;white-space:nowrap;transition:background .1s ease,color .1s ease}.object-list-item[data-v-6a0a6d75]:hover,.object-list-item.is-hovered[data-v-6a0a6d75]{background:#ffffff14;color:#ffffffe6}.object-list-item.is-selected[data-v-6a0a6d75]{background:#ffffff24;color:#fff}.object-dot[data-v-6a0a6d75]{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-6a0a6d75]{border:none}.palette-anchor[data-v-6a0a6d75]{position:absolute;bottom:20px;left:20px;z-index:200}.controls-bar[data-v-6a0a6d75]{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:#000000eb;border-top:1px solid rgba(255,255,255,.15)}.name-field[data-v-6a0a6d75]{display:flex;align-items:center;gap:8px}.name-field label[data-v-6a0a6d75]{font-size:.85rem;color:#fffc;white-space:nowrap}.name-field input[data-v-6a0a6d75]{padding:6px 10px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#ffffff1f;color:#fff;font-size:.9rem;width:180px}.name-field input[data-v-6a0a6d75]::placeholder{color:#fff6}.actions[data-v-6a0a6d75]{display:flex;align-items:center;gap:10px}.submit-error[data-v-6a0a6d75]{font-size:.8rem;color:#ef5350}.canvas-hover-label[data-v-6a0a6d75]{font-size:.8rem;color:#ffffffbf;-webkit-user-select:none;user-select:none;white-space:nowrap;min-width:120px}.canvas-coords[data-v-6a0a6d75]{font-family:monospace;font-size:.8rem;color:#ffffff73;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn[data-v-6a0a6d75]{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-6a0a6d75]{background:#ffffff1a;color:#fffc}.btn--secondary[data-v-6a0a6d75]:hover{background:#ffffff29}.btn--primary[data-v-6a0a6d75]{background:#fff;color:#000}.btn--primary[data-v-6a0a6d75]:hover:not(:disabled){background:#ffffffe0}.btn--primary[data-v-6a0a6d75]:disabled{opacity:.3;cursor:not-allowed}.success-screen[data-v-6a0a6d75]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#000}.success-message[data-v-6a0a6d75]{font-size:1.5rem;font-weight:500;color:#fff;text-align:center;padding:2rem 2rem 0}.redirect-message[data-v-6a0a6d75]{font-size:1rem;color:#ffffffbf;text-align:center;padding:1rem 2rem;max-width:600px;line-height:1.5}