/* Artman Vrt Pro 1.6.2 — clear separation of growing workflow and physical garden design */
.ux-mode-guide{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;background:linear-gradient(135deg,#f2f8ef,#fff);border:1px solid #cfe1c9;border-radius:12px;padding:12px 14px;margin:0 0 12px;color:#364936}
.ux-mode-guide.ux-mode-guide--design{background:linear-gradient(135deg,#f8f5ed,#fff);border-color:#ded0b3}
.ux-mode-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e0efdc;font-size:1.15rem}.ux-mode-guide--design .ux-mode-icon{background:#eee2c9}
.ux-mode-guide h3{margin:0 0 3px;color:var(--green-dark);font-size:.98rem}.ux-mode-guide p{margin:0;font-size:.84rem;line-height:1.45}.ux-mode-guide small{display:block;margin-top:5px;font-size:.78rem;line-height:1.4;color:#5d6c5d}
.ux-relationship{grid-column:1/-1;display:flex;gap:7px;align-items:flex-start;background:#fff;border-left:3px solid var(--green);border-radius:0 7px 7px 0;padding:7px 9px;font-size:.79rem;line-height:1.4;color:#3d543d}.ux-mode-guide--design .ux-relationship{border-left-color:#b58c52}.ux-link-active{font-weight:700;color:#2c6e3b}.ux-link-idle{font-weight:700;color:#8a5a1a}
.ux-designer-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.46fr);gap:14px;align-items:start}
.ux-designer-main{min-width:0}.ux-designer-main>.dz-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#f7faf5;border:1px solid #dce9d8;border-radius:9px;padding:8px 10px;margin:0 0 8px}.ux-designer-main>.dz-shapes:not(.dz-objs):not(.dz-plants){background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px;margin:0 0 8px}.ux-designer-main>.dz-canvas-wrap{margin:0}.ux-designer-main>.dz-summary{padding:7px 0;margin:0}.ux-designer-main>.dz-editor,.ux-designer-main>.dz-content,.ux-designer-main>.note,.ux-designer-main>.fx-embed{margin-top:9px}
.ux-designer-rail{position:sticky;top:8px;min-width:0;background:#f9fbf8;border:1px solid #d8e5d4;border-radius:12px;padding:10px}.ux-rail-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 9px}.ux-rail-title b{font-size:.94rem;color:var(--green-dark)}.ux-rail-title small{font-size:.72rem;color:#687768;text-align:right}
.ux-library-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.ux-library{min-width:0;display:flex;flex-direction:column;border:1px solid #dce6da;border-radius:9px;background:#fff;overflow:hidden}.ux-library>header{padding:8px 9px 7px;background:#eef6ea;border-bottom:1px solid #dbe8d6}.ux-library--plants>header{background:#f7f5ec;border-bottom-color:#e4dec9}.ux-library h3{margin:0;color:var(--green-dark);font-size:.84rem}.ux-library header small{display:block;font-size:.71rem;line-height:1.3;color:#617161;margin-top:2px}.ux-library-search{width:100%;margin-top:7px;border:1px solid #cbdac8;border-radius:7px;padding:6px 7px;font-size:.77rem;background:#fff}.ux-library-scroll{max-height:min(61vh,625px);overflow:auto;padding:8px;scrollbar-width:thin}.ux-library-scroll .dz-shapes{margin:0 0 9px;display:flex;flex-direction:column;gap:6px}.ux-library-scroll .dz-shapes:last-child{margin-bottom:0}.ux-library-scroll .pp-label{display:none}.ux-library-scroll .dz-add,.ux-library-scroll .pp-chip{width:100%;justify-content:flex-start;text-align:left;min-height:32px}.ux-library-scroll .dz-add{font-size:.78rem;padding:7px 8px}.ux-library-scroll .pp-chip{border-radius:8px;padding:6px 8px;background:#fff;cursor:grab}.ux-library-scroll .pp-chip:hover{background:var(--green-light)}.ux-library-group-title{font-size:.72rem;color:#667766;font-weight:700;letter-spacing:.03em;text-transform:uppercase;margin:1px 0 5px}.ux-library-empty{font-size:.79rem;line-height:1.45;color:#667766;padding:3px 1px}.ux-library-empty .btn-ghost{margin-top:8px;width:100%;font-size:.78rem}.ux-designer-main .dz-canvas-wrap{background:#faf8f0}
@media(max-width:1180px){.ux-designer-shell{grid-template-columns:1fr}.ux-designer-rail{position:static}.ux-library-scroll{max-height:330px}.ux-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ux-mode-guide{grid-template-columns:1fr;padding:11px}.ux-mode-icon{display:none}.ux-library-grid{grid-template-columns:1fr}.ux-library-scroll{max-height:260px}.ux-designer-main>.dz-bar{align-items:flex-start}.ux-designer-main>.dz-shapes:not(.dz-objs):not(.dz-plants){overflow:auto;flex-wrap:nowrap}.ux-designer-main>.dz-shapes:not(.dz-objs):not(.dz-plants) .btn-ghost{white-space:nowrap}}
@media print{.ux-mode-guide,.ux-designer-rail{display:none!important}.ux-designer-shell{display:block}.ux-designer-main>.dz-bar,.ux-designer-main>.dz-shapes{display:none!important}}
