.floating-add-button{position:fixed;bottom:24px;left:24px;width:56px;height:56px;border-radius:50%;background:var(--accent-color);color:#fff;border:none;font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--shadow-color);cursor:pointer;transition:transform .2s,background .2s;z-index:900}.floating-add-button:hover{transform:scale(1.1);background:var(--accent-hover)}.floating-add-button:active{transform:scale(.95)}:root{--font-family: "Outfit", sans-serif;--bg-color: #0f172a;--panel-bg: rgba(30, 41, 59, .7);--text-color: #f8fafc;--text-secondary: #94a3b8;--accent-color: #6366f1;--accent-hover: #818cf8;--border-color: rgba(255, 255, 255, .1);--glass-blur: 12px;--canvas-bg: #1e293b;--frame-bg: #ffffff;--frame-border: #000000;--shadow-color: rgba(0, 0, 0, .4)}[data-theme=light]{--bg-color: #f1f5f9;--panel-bg: rgba(255, 255, 255, .8);--text-color: #1e293b;--text-secondary: #64748b;--accent-color: #4f46e5;--accent-hover: #4338ca;--border-color: rgba(0, 0, 0, .05);--canvas-bg: #cbd5e1;--shadow-color: rgba(0, 0, 0, .1)}[data-theme=modernist]{--bg-color: #1a1a1a;--panel-bg: rgba(45, 45, 45, .8);--text-color: #e5e5e5;--text-secondary: #a3a3a3;--accent-color: #d946ef;--accent-hover: #e879f9;--border-color: rgba(255, 255, 255, .05);--canvas-bg: #262626}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;overflow:hidden;height:100vh;display:flex}#root{width:100vw;height:100vh;display:flex}#app{display:flex;flex-direction:column;width:100%;height:100%}#main-content{display:flex;flex:1;overflow:hidden;width:100%;position:relative}.top-bar{height:64px;background:var(--panel-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1100}.top-bar-left h1{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(to right,var(--accent-color),#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:8px}.top-bar-right{display:flex;gap:12px}.icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-color);padding:0;border-radius:8px;cursor:pointer;transition:all .2s}.icon-button:hover{background:#ffffff1a;border-color:var(--accent-color);transform:translateY(-1px)}.install-btn{display:flex;align-items:center;gap:8px;height:40px;background:#a855f7;color:#fff;border-radius:8px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .2s}.install-btn:hover{background:#b873f8;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.install-btn:active{transform:translateY(0)}.magic-arrange-btn{display:flex;align-items:center;gap:8px;height:40px;background:var(--accent-color);color:#fff;border-radius:8px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #6366f14d}.magic-arrange-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.magic-arrange-btn:active{transform:translateY(0)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:var(--panel-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:0 20px 40px #0006;z-index:1200;animation:dropdownFade .2s ease-out}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{display:flex;flex-direction:column;gap:16px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar{position:absolute;top:0;left:0;bottom:0;width:320px;background:var(--panel-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;z-index:1000;transition:transform .3s ease-in-out;box-shadow:4px 0 24px var(--shadow-color);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.sidebar-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:8px}.sidebar-footer{display:flex;flex-direction:row;flex:1;align-items:end;justify-content:space-between}.close-button{position:absolute;top:16px;right:16px;background:transparent;color:var(--text-secondary);border:none;font-size:20px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-button:hover{color:var(--text-color);background:transparent}.section{display:flex;flex-direction:column;gap:12px}.section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.input-group{display:flex;flex-direction:column;gap:4px}label{font-size:.75rem;color:var(--text-secondary)}input,select{width:100%;background:#0003;border:1px solid var(--border-color);color:var(--text-color);padding:8px 12px;padding-right:2.5rem;border-radius:6px;font-family:inherit;font-size:.875rem;outline:none;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.6rem}input:focus{border-color:var(--accent-color)}button{background:var(--accent-color);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;font-size:.875rem}button:hover{background:var(--accent-hover)}button:active{transform:scale(.98)}.button-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-color)}.button-secondary:hover{background:#ffffff1a}.button-group{display:flex;gap:8px;width:100%}.button-group button{flex:1;padding:8px;display:flex;align-items:center;justify-content:center}.canvas-container{flex:1;position:relative;overflow:hidden;height:100%;background-color:var(--bg-color)}.react-transform-wrapper,.react-transform-component{width:100%!important;height:100%!important}.zoom-controls{position:absolute;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:100;background:var(--panel-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:8px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color)}.zoom-controls button{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--text-color);border:1px solid var(--border-color)}.zoom-controls button:hover{background:var(--accent-color);color:#fff}.wall{background-color:var(--canvas-bg);position:relative;box-shadow:0 20px 50px var(--shadow-color)}.frame{position:absolute;background-color:var(--frame-bg);border:8px solid var(--frame-border);box-shadow:0 4px 12px #0000004d;cursor:grab;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .1s,box-shadow .2s;-webkit-user-select:none;user-select:none}.frame:focus{outline:2px solid var(--accent-color);outline-offset:4px}.frame:active{cursor:grabbing}.frame.dragging{opacity:.8;z-index:100;box-shadow:0 12px 24px #00000080;transform:scale(1.02)}.frame-label{color:#000;font-size:.5rem;text-align:center;font-weight:600;pointer-events:none}.frame-dims{font-size:.35rem;pointer-events:none;color:var(--text-secondary)}.alignment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notification{position:fixed;bottom:24px;right:24px;background:var(--accent-color);color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 8px 16px var(--shadow-color);opacity:0;transform:translateY(20px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;z-index:1000;pointer-events:none}.notification.show{opacity:1;transform:translateY(0)}.gravity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.gravity-btn{height:40px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.gravity-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}.installation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:16px}.installation-modal{background:#fff;color:#1e293b;border-radius:12px;box-shadow:0 24px 64px #0000004d;width:100%;max-width:1024px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}[data-theme=midnight] .installation-modal,[data-theme=modernist] .installation-modal{background:#18181b;color:#f8fafc;border:1px solid var(--border-color)}.installation-header{padding:16px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}[data-theme=midnight] .installation-header,[data-theme=modernist] .installation-header{border-color:#27272a;background:#27272a}.installation-title{font-size:1.25rem;font-weight:700;margin-bottom:4px}.installation-subtitle{font-size:.875rem;color:#64748b}[data-theme=midnight] .installation-subtitle,[data-theme=modernist] .installation-subtitle{color:#a1a1aa}.installation-body{flex:1;overflow-y:auto;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 768px){.installation-body{grid-template-columns:1fr;gap:24px}}.installation-section{display:flex;flex-direction:column;gap:16px}.installation-section-title{font-weight:600;font-size:1.1rem;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin-bottom:8px}[data-theme=midnight] .installation-section-title,[data-theme=modernist] .installation-section-title{border-color:#27272a}.installation-list{display:flex;flex-direction:column;gap:12px}.installation-item{display:flex;justify-content:space-between;align-items:center;background:#f1f5f9;padding:12px;border-radius:8px;border:1px solid #e2e8f0}[data-theme=midnight] .installation-item,[data-theme=modernist] .installation-item{background:#ffffff0d;border-color:#3f3f46}.item-info{display:flex;align-items:center;gap:12px}.item-badge{width:32px;height:32px;border-radius:4px;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.item-text{display:flex;flex-direction:column}.item-name{font-weight:500}.item-dims{font-size:.75rem;color:#64748b}[data-theme=midnight] .item-dims,[data-theme=modernist] .item-dims{color:#a1a1aa}.item-coords{text-align:right;font-family:monospace;font-size:.85rem;color:#475569}[data-theme=midnight] .item-coords,[data-theme=modernist] .item-coords{color:#cbd5e1}.coord-val{font-weight:700;color:#0f172a}[data-theme=midnight] .coord-val,[data-theme=modernist] .coord-val{color:#fff}.visual-container{flex:1;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:16px;min-height:300px}[data-theme=midnight] .visual-container,[data-theme=modernist] .visual-container{background:#27272a;border-color:#3f3f46}.installation-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:12px}[data-theme=midnight] .installation-footer,[data-theme=modernist] .installation-footer{background:#27272a;border-color:#27272a}.print-btn{background:#2563eb;color:#fff;display:flex;align-items:center;gap:8px}.print-btn:hover{background:#1d4ed8}.close-btn{background:#fff;color:#1e293b;border:1px solid #cbd5e1}.close-btn:hover{background:#f1f5f9}[data-theme=midnight] .close-btn,[data-theme=modernist] .close-btn{background:#3f3f46;color:#fff;border-color:#52525b}[data-theme=midnight] .close-btn:hover,[data-theme=modernist] .close-btn:hover{background:#52525b}.installation-controls{display:flex;gap:24px;margin-top:8px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.control-group select{width:auto;padding:6px 32px 6px 12px;min-width:160px}@media print{@page{size:portrait;margin:0}.top-bar,#main-content,.notification{display:none!important}.installation-modal{position:static!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;background:#fff!important;color:#000!important;padding:0!important;overflow:visible!important;display:block!important}.installation-overlay{position:initial!important}.installation-modal-content{box-shadow:none!important;border:none!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;border-radius:0!important;display:block!important;overflow:visible!important}.installation-no-print,.installation-footer,.close-button-header{display:none!important}.installation-modal{box-shadow:none!important;border:none!important}.installation-body{grid-template-columns:1fr;gap:24px}.installation-section{break-inside:avoid;page-break-inside:avoid;margin-bottom:24px}.initial-hidden{display:none}.installation-section-title{font-size:16pt!important;color:#000!important;border-bottom:2px solid black!important}.installation-item{border:1px solid #ccc!important;background:#fff!important;color:#000!important;break-inside:avoid}.item-badge{color:#fff!important;background:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.item-name,.coord-val{color:#000!important}.visual-container{border:1px solid #000!important;background:#fff!important;break-inside:avoid;page-break-inside:avoid;height:120mm!important;width:100%!important;overflow:hidden!important;display:flex!important;align-items:center;justify-content:center}.visual-container svg{width:auto!important;height:100%!important;max-width:100%!important;aspect-ratio:auto!important}.visual-hint{color:#666!important;break-after:page}}