#archgen{color:#24302c;box-sizing:border-box;background:#f5f4ef;border-radius:12px;padding:22px;font:15px system-ui,sans-serif}#archgen *{box-sizing:border-box}#archgen h2{margin:0 0 5px;font-size:22px}#archgen p{color:#58625c;margin:5px 0 18px;font-size:13px}#archgen .layout{grid-template-columns:300px minmax(0,1fr);gap:24px;display:grid}#archgen label{margin:0 0 14px;font-size:13px;display:block}#archgen .pair{grid-template-columns:1fr 82px;align-items:center;gap:10px;margin-top:5px;display:grid}#archgen input[type=number],#archgen select{width:100%;font:inherit;color:#24302c;background:#fff;border:1px solid #c6ccc4;border-radius:5px;padding:7px}#archgen input[type=range]{accent-color:#35644e;width:100%}#archgen .stage{background:#fff;border:1px solid #dddeda;border-radius:8px;align-self:start;padding:12px}#archgen #ag-view{touch-action:none}#archgen svg{width:100%;max-height:640px;display:block}#archgen button{font:inherit;color:#fff;cursor:pointer;background:#35644e;border:0;border-radius:5px;padding:10px 14px}#archgen button:disabled{opacity:.45;cursor:default}#archgen summary{cursor:pointer;margin:16px 0 12px}#archgen #ag-status{min-height:36px;margin-top:12px;font-size:13px}#archgen .radrow{border-top:1px solid #dddeda;padding:10px 0;display:block}#archgen .radrow small{color:#68746b;grid-column:1/-1;margin-top:4px;display:block}#archgen .sub{color:#68746b;font-size:12px}#archgen textarea{resize:vertical;color:#24302c;overflow-wrap:anywhere;background:#fff;border:1px solid #c6ccc4;border-radius:5px;width:100%;min-height:115px;padding:10px;font:13px/1.5 ui-monospace,monospace}#archgen .actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=620px){#archgen{padding:14px}#archgen .layout{grid-template-columns:1fr}#archgen .stage{grid-row:1}#archgen svg{max-height:390px}#archgen input,#archgen select{min-height:36px}}body{margin:0}#archgen{border-radius:0;height:100dvh;padding:12px;overflow:hidden}#archgen>p{margin-bottom:8px}#archgen .layout{display:block}#archgen .stage{background:#fff;border:0;height:calc(100dvh - 90px);padding:0}#archgen #ag-view{width:100%;height:calc(100dvh - 135px);max-height:none}#archgen #ag-status{min-height:0;margin:4px 12px;font-size:12px}#archgen #ag-toolbox{z-index:20;background:#fafaf7f7;border:1px solid #bccbc2;border-radius:12px;width:300px;max-width:calc(100vw - 16px);position:fixed;top:92px;left:24px;overflow:hidden;box-shadow:0 8px 32px #18392b26}#archgen #ag-tool-head{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;background:#e6eee8;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}#archgen #ag-collapse{padding:2px 10px;font-size:22px;line-height:28px}#archgen #ag-tool-body{overscroll-behavior:contain;max-height:calc(100dvh - 170px);padding:12px;overflow:auto}#archgen #ag-tool-body label{margin-bottom:10px}#archgen #ag-selection-hint{margin:0 0 12px;font-size:12px}#archgen #ag-tool-body [hidden]{display:none!important}#archgen #ag-toolbox .radrow{border:0;padding:0}#archgen #ag-toolbox details>summary{margin:6px 0}#archgen #ag-reset-selected{margin-bottom:10px;padding:6px 10px;font-size:12px}#archgen #ag-tool-body>.sub,#archgen #ag-toolbox.collapsed #ag-tool-body{display:none}@media (width<=620px){#archgen>h2{font-size:18px}#archgen>p{font-size:11px}#archgen #ag-toolbox{width:270px;top:auto;bottom:12px;left:8px}#archgen #ag-tool-body{max-height:38dvh}#archgen #ag-view{max-height:none}#archgen .pair{grid-template-columns:1fr 74px}}#archgen #ag-selection{flex-wrap:wrap;gap:5px;margin:0 0 12px;display:flex}#archgen #ag-selection button{color:#365343;background:#f2f6f2;border:1px solid #b9c9be;border-radius:6px;justify-content:center;align-items:center;min-width:34px;height:36px;padding:4px 7px;font-weight:600;display:flex}#archgen #ag-selection button[aria-pressed=true]{color:#fff;background:#35644e;border-color:#35644e}#archgen #ag-selection button:hover{box-shadow:0 0 0 2px #81aa95}#archgen #ag-selection button:focus-visible{outline-offset:2px;outline:2px solid #1976ad}#archgen #ag-selection svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;max-height:22px}#archgen #ag-meta{border-bottom:1px solid #d4ddd6;margin-bottom:10px;padding-bottom:4px}#archgen #ag-meta label{margin-bottom:6px;font-size:12px}#ag-tool-body{padding:0!important}#frame-tools,#vine-tools,#project-tools{padding:12px}#vine-tools[hidden],#project-tools[hidden],#frame-tools[hidden]{display:none!important}#combined-tabs{gap:4px;padding:8px;display:flex}#combined-tabs button{padding:7px!important;font-size:12px!important}#canvas{touch-action:none;background:0 0;width:100%;height:100%;position:absolute;inset:0;max-height:none!important}.stage{position:relative}.seg{fill:none;stroke-linecap:round}.hit{fill:none;stroke:#0000;cursor:grab}.handle{cursor:grab}.grow{cursor:pointer}.flower{cursor:grab}#chooser{z-index:50;background:#fff;border:1px solid #999;border-radius:8px;padding:8px;position:fixed}#chooser[hidden]{display:none}#chooser button{margin:3px;padding:10px}#vine-tools .buttons{flex-wrap:wrap;gap:5px;display:flex}#vine-tools button{padding:8px;font-size:12px}#vine-tools h2{margin:15px 0 8px;font-size:15px}#vine-tools p{font-size:12px}#vine-tools input[type=range]{width:100%}#composition-meta{border-bottom:1px solid #ccc;padding:10px}#composition-meta label,#composition-status{font-size:12px}#combined-tabs button.active{background:#122a20}#project-tools textarea{width:100%}#layers-tools[hidden]{display:none!important}#layers-tools .buttons{flex-wrap:wrap;gap:4px;display:flex}#layers-tools button{padding:8px;font-size:12px}#layer-list button{text-align:left;color:#172b21;background:#e7ece7}#layer-list button.active{color:#fff;background:#244836}.layer-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.layer-grid input,#layer-name{box-sizing:border-box;width:100%}#combined-tabs{flex-wrap:wrap}#layer-alignment{margin:12px 0}#layer-alignment label{margin-bottom:6px}#layer-alignment .align-icons{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:8px;display:grid}#layer-alignment .align-icons button{justify-content:center;min-height:38px;padding:8px 3px;display:flex}#layer-alignment svg{width:22px!important;height:22px!important;max-height:22px!important}#layer-alignment [data-align-reference][aria-pressed=false]{color:#172b21;background:#e7ece7}#frame-anchor-grid{grid-template-columns:repeat(3,36px);gap:4px;margin:6px 0;display:grid}#archgen #frame-anchor-grid button{color:#355a43;background:#eef3ee;place-items:center;width:36px;min-width:0;height:36px;min-height:36px;padding:0;line-height:0;display:grid}#archgen #frame-anchor-grid button[aria-pressed=true]{color:#fff;background:#244836}#archgen #frame-anchor-grid svg{margin:0;display:block;width:24px!important;height:24px!important;max-height:24px!important}#frame-anchor-panel p{font-size:12px}#archgen #ag-toolbox{flex-direction:column;width:420px;max-height:calc(100dvh - 104px);display:flex}#archgen #ag-tool-body{flex:1;min-height:0;max-height:none;overflow-y:auto}#archgen #ag-tool-head{gap:8px}#archgen #ag-tool-head label{margin:0}#archgen #combined-tabs{flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid}#archgen #combined-tabs button{justify-content:center;align-items:center;gap:5px;display:flex}#archgen .frame-composition .buttons{margin-bottom:12px;display:flex}#archgen .frame-composition button{width:100%}#archgen .scale-pair{grid-template-columns:1fr 80px 16px;align-items:center;gap:8px;display:grid}#archgen .offset-pair{grid-template-columns:1fr 16px auto;align-items:center;gap:8px;display:grid}#archgen .offset-pair input{width:100%}#archgen .offset-pair button{white-space:nowrap;margin:0}#archgen #frame-offset-slider{width:100%;margin:6px 0}#archgen .offset-live{align-items:center;gap:6px;margin:4px 0 8px;display:flex}#archgen #layer-export-dxf.icon-action{letter-spacing:.02em;width:auto;padding:0 8px;font-size:12px;font-weight:700}#archgen .secondary-tabs{gap:5px;margin:10px 0;display:flex}#archgen .secondary-tabs button{color:#244836;background:#e7ece7;flex:1}#archgen .secondary-tabs button[aria-pressed=true]{color:#fff;background:#244836}#archgen #ag-toolbox .icon-action{place-items:center;width:38px;height:36px;padding:0;font-size:22px;display:inline-grid}#archgen #ag-tool-head .quick-choice{margin:0}#archgen #ag-tool-head .language-choice button{flex-basis:32px;min-width:32px;min-height:28px;padding:3px!important}#archgen #ag-toolbox.collapsed #combined-tabs{display:none}@media (width<=620px){#archgen #ag-toolbox{width:calc(100vw - 16px);max-height:62dvh;top:auto;bottom:8px;left:8px}#archgen #ag-tool-body{max-height:48dvh}}#canvas.free-handles rect[data-handle=c1],#canvas.free-handles rect[data-handle=c2]{fill:#ffbd6b;stroke:#bd5708;transform-box:fill-box;transform-origin:50%;transform:rotate(45deg)}#layers-tools .layer-head button{flex:1}#layers-tools .layer-hint{color:#5c6052;margin:8px 0 4px;font-size:11px}#layer-list{gap:3px;margin:4px 0 10px;display:grid}#layer-list .layer-row{color:#172b21;cursor:pointer;background:#e7ece7;border:2px solid #0000;border-radius:8px;grid-template-columns:18px 26px 1fr 32px 20px;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:grid}#layer-list .layer-row[aria-selected=true]{color:#fff;background:#244836}#layer-list .layer-row .grip{color:#8a978f;cursor:grab;font-size:15px}#layer-list .layer-row[draggable=false] .grip{visibility:hidden}#layer-list .layer-row .kind{border-radius:6px;place-items:center;width:24px;height:24px;font-size:14px;display:inline-grid}#layer-list .kind-generator .kind{color:#244836;background:#d9e8dc}#layer-list .kind-svg .kind{color:#1d5570;background:#dbe7f0}#layer-list .kind-image .kind{color:#7a4e12;background:#f1e3cf}#layer-list .layer-row[aria-selected=true] .kind{filter:saturate(1.2)}#layer-list .layer-row .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#layer-list .layer-row .lock{font-size:12px}#layer-list .layer-row.dragging{opacity:.4}#layer-list .layer-row.drop-target{border-color:#1780aa}#archgen #layer-list button.eye,#archgen .icon-toggle{color:#6d7a72;background:#fff;border:1.5px solid #b9c4bc;border-radius:14px;place-items:center;width:30px;min-width:0;height:28px;min-height:0;padding:0;font-size:14px;display:inline-grid}#archgen #layer-list button.eye[aria-pressed=true],#archgen .icon-toggle[aria-pressed=true]{color:#fff;background:#2f6f4f;border-color:#2f6f4f}#archgen #layers-tools .icon-toggle{border-radius:8px;width:38px;height:36px}#archgen #layers-tools .layer-actions{gap:4px;margin:6px 0}#archgen #layers-tools details{border-top:1px solid #d5dfd8;padding:8px 0}#archgen #layers-tools details>summary{cursor:pointer;font-size:13px;font-weight:600}#archgen #layers-tools #project-tools{padding:0}#archgen #layers-tools #layer-message:empty{display:none}#layer-list .kind-stored .kind{color:#5c7a68;background:#eef3ee;border:1px dashed #9db3a5}#layer-list .layer-row .editing{opacity:.85;font-size:12px}#archgen #layers-tools #layer-activate{padding:6px 10px}#layer-list .layer-row input.rename{width:100%;font:inherit;color:#172b21;background:#fff;border:1px solid #1780aa;border-radius:4px;padding:2px 6px}#layer-list .layer-label{align-items:center;gap:5px;min-width:0;display:flex}#layer-list .layer-label .name{flex:1;min-width:0}#archgen #layer-list .layer-info-button{text-align:center;width:22px;height:22px;color:inherit;background:0 0;border:1px solid;border-radius:50%;flex:0 0 22px;padding:0;font-size:12px}#archgen #layer-list .layer-info-button.is-large{color:#713f00;background:#ffe1a6;font-weight:700}#layer-info{border:1px solid #adb9ae;border-radius:8px;margin-bottom:10px;padding:10px;font-size:12px}#layer-info p{margin:0 0 8px;font-size:12px}#layer-info a{margin-bottom:8px;text-decoration:underline;display:block}#layer-info select{width:100%;margin:4px 0 8px}html[data-contrast=high] #archgen #layer-list .layer-info-button{color:inherit;background:0 0}#archgen .quick-choice button.icon{place-items:center;min-width:44px;display:inline-grid;padding:5px 12px!important}#archgen .quick-choice button.icon svg{display:block;width:22px!important;height:22px!important;max-height:22px!important}#archgen .frame-head{align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}#archgen .frame-head #ag-selection{flex:1;margin:0}#archgen .frame-head .frame-history{flex:none;gap:4px}#archgen #frame-tools>details{border-top:1px solid #d5dfd8;padding:8px 0}#archgen #frame-tools>details>summary{cursor:pointer;font-size:13px;font-weight:600}#archgen #ag-selection [data-element=export]{display:none}#archgen .quick-choice:has(button.icon){vertical-align:middle;flex-wrap:wrap;gap:4px;display:inline-flex}#archgen .frame-composition .quick-choice button.icon,#archgen .frame-composition .quick-choice button{flex:none;width:auto}#archgen label:has(>.quick-choice){flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}#archgen label:has(>.quick-choice)>.quick-choice{margin:0}#archgen #ag-reset-curves.icon-action{margin-top:4px}#archgen #layer-list button.eye svg,#archgen .eye-toggle svg{display:block;width:18px!important;height:18px!important;max-height:18px!important}#archgen #layer-list button.eye{width:32px;height:28px}#archgen #layer-list button.eye[aria-pressed=false],#archgen .eye-toggle[aria-pressed=false]{color:#8a978f}html[data-contrast=high] #archgen{color:#000;background:#fff}html[data-contrast=high] #archgen p,html[data-contrast=high] #archgen .sub,html[data-contrast=high] #archgen .radrow small,html[data-contrast=high] #archgen label,html[data-contrast=high] #archgen small,html[data-contrast=high] #layers-tools .layer-hint,html[data-contrast=high] #layer-list .layer-row .grip{color:#000}html[data-contrast=high] #archgen #ag-toolbox{box-shadow:none;background:#fff;border:2px solid #000}html[data-contrast=high] #archgen #ag-tool-head{background:#e8e8e8;border-bottom:2px solid #000}html[data-contrast=high] #archgen input[type=number],html[data-contrast=high] #archgen select,html[data-contrast=high] #archgen textarea{color:#000;background:#fff;border:2px solid #000}html[data-contrast=high] #archgen input[type=range]{accent-color:#000}html[data-contrast=high] #archgen .stage{border:2px solid #000}html[data-contrast=high] #archgen .radrow,html[data-contrast=high] #archgen #ag-meta{border-color:#000}html[data-contrast=high] #archgen button{color:#000;background:#fff;border:2px solid #000}html[data-contrast=high] #archgen button:disabled{color:#767676;opacity:1;background:#fff;border-color:#767676}html[data-contrast=high] #archgen #ag-selection button{color:#000;background:#fff;border:2px solid #000}html[data-contrast=high] #archgen #ag-selection button[aria-pressed=true]{color:#fff;background:#000;border-color:#000}#archgen #combined-tabs{grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr)) 38px}#archgen #combined-tabs #layer-preview-3d{white-space:nowrap;font-weight:700}html[data-contrast=high] #archgen #combined-tabs button{color:#000;background:#fff}html[data-contrast=high] #archgen #combined-tabs button.active{color:#fff;background:#000;box-shadow:inset 0 -4px #fff}html[data-contrast=high] #archgen #layer-list button{color:#000;background:#fff}html[data-contrast=high] #archgen #layer-list button.active{color:#fff;background:#000}html[data-contrast=high] #archgen #layer-alignment [data-align-reference][aria-pressed=false],html[data-contrast=high] #archgen #frame-anchor-grid button{color:#000;background:#fff}html[data-contrast=high] #archgen #frame-anchor-grid button[aria-pressed=true]{color:#fff;background:#000}html[data-contrast=high] #archgen .secondary-tabs button{color:#000;background:#fff}html[data-contrast=high] #archgen .secondary-tabs button[aria-pressed=true]{color:#fff;background:#000}html[data-contrast=high] #archgen .quick-choice button[aria-pressed=true],html[data-contrast=high] #archgen button[aria-pressed=true]{color:#fff;background:#000;border-color:#000}html[data-contrast=high] #archgen #layer-list .layer-row{color:#000;background:#fff;border:2px solid #000}html[data-contrast=high] #archgen #layer-list .layer-row[aria-selected=true]{color:#fff;background:#000;border-color:#000}html[data-contrast=high] #archgen #layer-list .layer-row[aria-selected=true] .grip{color:#fff}html[data-contrast=high] #archgen #layer-list .kind-generator .kind,html[data-contrast=high] #archgen #layer-list .kind-svg .kind,html[data-contrast=high] #archgen #layer-list .kind-image .kind{color:#000;background:#fff;border:2px solid #000}html[data-contrast=high] #archgen #layer-list .kind-stored .kind{color:#000;background:#fff;border:2px dashed #000}html[data-contrast=high] #archgen #layer-list .layer-row[aria-selected=true] .kind{color:#fff;background:#000;border-color:#fff}html[data-contrast=high] #archgen #layer-list .layer-row.drop-target{border-style:dashed;border-color:#04c}html[data-contrast=high] #archgen #layer-list .layer-row input.rename,html[data-contrast=high] #archgen #layer-list button.eye,html[data-contrast=high] #archgen .icon-toggle{color:#000;background:#fff;border:2px solid #000}html[data-contrast=high] #archgen #layer-list button.eye[aria-pressed=true],html[data-contrast=high] #archgen .icon-toggle[aria-pressed=true]{color:#fff;background:#000;border-color:#000}html[data-contrast=high] #archgen #layer-list button.eye[aria-pressed=false],html[data-contrast=high] #archgen .eye-toggle[aria-pressed=false]{color:#000;background:#fff;border:2px dashed #000}html[data-contrast=high] #archgen #layer-list .layer-row[aria-selected=true] button.eye[aria-pressed=true]{color:#000;background:#fff;border-color:#fff}html[data-contrast=high] #archgen #layer-list .layer-row[aria-selected=true] button.eye[aria-pressed=false]{color:#fff;background:#000;border-color:#fff}html[data-contrast=high] #chooser{border:2px solid #000}html[data-contrast=high] #canvas [stroke=\#456e43]{stroke:#04c!important}html[data-contrast=high] #canvas [fill=\#456e43]{fill:#04c!important}html[data-contrast=high] #canvas [stroke=\#9cac96]{stroke:#000!important}html[data-contrast=high] #canvas [stroke=\#517752],html[data-contrast=high] #canvas [stroke=\#668459],html[data-contrast=high] #canvas [stroke=\#294831]{stroke:#000!important;stroke-width:2.5px!important}html[data-contrast=high] #canvas.free-handles rect[data-handle=c1],html[data-contrast=high] #canvas.free-handles rect[data-handle=c2]{fill:#ffd400;stroke:#000}html[data-contrast=high] #ag-view path[data-pick][stroke=\#289caa]{stroke:#04c!important;stroke-width:6px!important}html[data-contrast=high] #ag-view [fill=\#bf6b38]{fill:#000!important}html[data-contrast=high] #ag-view rect[data-node]{fill:#ffd400!important;stroke:#000!important;stroke-width:2px!important}html[data-contrast=high] #ag-view circle[data-center]{fill:#ffd400!important;stroke:#000!important}#layer-list .layer-row .lock{text-align:center;width:20px;font-size:13px;line-height:1}#archgen .quick-choice button[aria-pressed=false]{color:#244836;background:#e7ece7}#archgen .quick-choice button[aria-pressed=true]{color:#fff;background:#244836}#archgen .lock-toggle[aria-pressed=false]{color:#244836;background:#e7ece7;border-color:#e7ece7}#archgen .lock-toggle svg{display:block;width:18px!important;height:18px!important;max-height:18px!important}#layer-list .layer-row .lock svg{width:14px;height:14px;margin:0 auto;display:block}#layer-list .layer-row[aria-selected=true] .lock{color:#fff}#archgen .local-toggle[aria-pressed=false]{color:#244836;background:#e7ece7;border-color:#e7ece7}#archgen .local-toggle svg{display:block;width:18px!important;height:18px!important;max-height:18px!important}#layer-list .layer-row.local-hidden .name{opacity:.55;-webkit-text-decoration:line-through dotted;text-decoration:line-through dotted}#layer-list .layer-row.local-hidden button.eye{outline-offset:-2px;outline:2px dashed #244836}#archgen #layer-list button.eye[aria-pressed=false],#archgen .eye-toggle[aria-pressed=false]{color:#244836;background:#e7ece7;border-color:#e7ece7}#layer-list .layer-row.local-shown button.eye{outline-offset:-2px;color:#244836;outline:2px dashed #244836}#layer-list .layer-row.local-shown .name{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#layer-list .kind-reference .kind{color:#7a4e12;letter-spacing:-.3px;background:#f1e3cf;border:1px solid #cbb694;font-size:10px;font-weight:800}html[data-contrast=high] #archgen #layer-list .kind-reference .kind{color:#000;background:#fff;border:2px solid #000}.repin-preview{max-height:16rem;overflow:hidden}.repin-preview>svg{width:100%;height:auto;max-height:16rem;display:block}.editor-host>#archgen{border-radius:0;height:auto;padding:0;position:absolute;inset:0;overflow:hidden}.editor-host #archgen .stage{height:100%}.editor-host #archgen #ag-toolbox{max-height:calc(100% - 24px);position:absolute;top:12px;left:12px}.editor-host #archgen #ag-tool-body{max-height:none}.editor-host #archgen #ag-view{height:100%}.editor-host #archgen #chooser{position:absolute}.editor-host svg{display:block}@media (width<=620px){.editor-host #archgen #ag-toolbox{max-height:62%;top:auto;bottom:8px}}
