.arch-page{--arch-ink:#eae9df;--arch-muted:#9ba99f;--arch-line:#34463d;--arch-lime:#d6e7a0;max-width:1460px;margin:0 auto;padding:0 44px;color:var(--arch-ink);font-family:Arial,Helvetica,sans-serif;background:#111d19;min-height:100vh;overflow:hidden}body:has(.arch-page){background:#111d19}.arch-page *{box-sizing:border-box}.arch-page a{color:inherit;text-decoration:none}.arch-page button,.arch-page input,.arch-page select,.arch-page textarea{font:inherit}.arch-page button{cursor:pointer;transition:background .18s,border-color .18s,color .18s}.arch-page button:disabled{opacity:.4;cursor:default}.arch-canvas:focus-visible,.arch-page a:focus-visible,.arch-page button:focus-visible,.arch-page input:focus-visible,.arch-page select:focus-visible,.arch-page textarea:focus-visible{outline:2px solid var(--arch-lime);outline-offset:4px}.arch-page h2,.arch-page h3,.arch-page p{margin:0}.arch-page label{margin:0;color:inherit;font-size:inherit;letter-spacing:0}.arch-page input[type=checkbox]{accent-color:var(--arch-lime);width:15px;height:15px;flex-shrink:0}.arch-page .brand{color:#e8e9de;font-size:20px;font-weight:700;letter-spacing:-.7px}.arch-page .brand span{color:var(--arch-lime)}.arch-page .arch-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--arch-line);padding:0;background:transparent}.arch-header nav{display:flex;gap:34px;align-items:center;font-size:12px;color:#b3c0b6}.arch-header nav a:last-child{border:1px solid #52634c;border-radius:5px;padding:11px 16px;color:var(--arch-lime)}.arch-header nav a span{margin-left:20px}.arch-hero{padding:46px 0 34px}.arch-eyebrow{font-size:9px;color:var(--arch-lime);letter-spacing:2px;display:block;font-weight:600}.arch-hero .arch-eyebrow{display:flex;align-items:center;gap:10px}.arch-hero .arch-eyebrow>span{width:6px;height:6px;background:var(--arch-lime);border-radius:50%}.arch-page h1{font-size:clamp(44px,5.5vw,76px);line-height:1.02;letter-spacing:-3px;font-weight:400;margin:23px 0 22px;color:var(--arch-ink)}.arch-page h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400;color:var(--arch-lime);font-style:italic}.arch-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.arch-hero-bottom p{font-size:13px;line-height:1.8;color:#a3b2a8}.arch-text-link{font-size:12px;white-space:nowrap;border-bottom:1px solid #738164;padding-bottom:10px;min-width:185px;display:flex;justify-content:space-between;gap:25px;color:var(--arch-lime)!important}.arch-experience{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-gap:22px;gap:22px;scroll-margin-top:20px}.arch-stage{min-width:0;border:1px solid #566350;border-radius:12px;overflow:hidden;background:#dbe0d6;display:flex;flex-direction:column;position:relative}.arch-viewer-toolbar{height:44px;flex-shrink:0;padding:0 19px;display:flex;align-items:center;justify-content:space-between;background:#e7e9df;color:#465446;border-bottom:1px solid #c5cfc0;font-size:9px;letter-spacing:1.2px;z-index:1}.arch-viewer-toolbar>span{display:flex;align-items:center;gap:8px}.arch-viewer-toolbar i{height:5px;width:5px;background:#6f854d;border-radius:50%}.arch-viewer-toolbar button{border:0;background:transparent;color:#41513c;font-size:14px;display:flex;align-items:center;gap:7px;padding:7px}.arch-viewer-toolbar button span{font-size:10px;letter-spacing:0}.arch-canvas{position:relative;flex:1 1;min-height:540px;isolation:isolate;outline:none;overflow:hidden;touch-action:none}.arch-canvas>canvas{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:-1}.arch-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#dbe0d6;color:#43513f;font-size:13px;padding:30px;text-align:center}.arch-loading>span{height:18px;width:18px;border:2px solid #a4b494;border-top-color:#4b6441;border-radius:50%;animation:arch-spin 1s linear infinite}@keyframes arch-spin{to{transform:rotate(1turn)}}.arch-compass{position:absolute;top:24px;right:22px;font-size:35px;text-align:center;color:#647359;pointer-events:none;line-height:1}.arch-compass span{display:block;font-size:9px;line-height:1.5;font-weight:700}.arch-canvas-hint{position:absolute;bottom:14px;left:12px;right:12px;text-align:center;font-size:9px;color:#3c4c3c;pointer-events:none;padding:7px 12px;max-width:max-content;margin:auto;background:#e8ebdfd9;border-radius:4px}.arch-stage-bottom{min-height:85px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e7e9df;border-top:1px solid #c5cfc0;padding:18px 21px;color:#263a2c}.arch-stage-bottom>div:first-child{min-width:0}.arch-stage-bottom>div>span{display:block;font-size:8px;letter-spacing:1.4px;color:#6f7c63;margin-bottom:7px}.arch-stage-bottom strong{display:block;font-size:17px;letter-spacing:-.4px;font-weight:500;overflow-wrap:anywhere}.arch-view-switch{display:flex;gap:3px;background:#d2d9c9;padding:4px;border-radius:6px;flex-shrink:0}.arch-view-switch button{background:transparent;border:0;border-radius:4px;padding:10px 12px;font-size:10px;color:#596849;white-space:nowrap}.arch-view-switch button.active{background:#fafbf2;box-shadow:0 1px 3px #314a2715;color:#314329}.arch-stage:-webkit-full-screen{border:0;border-radius:0;height:100dvh;width:100vw}.arch-stage:fullscreen{border:0;border-radius:0;height:100dvh;width:100vw}.arch-stage:-webkit-full-screen .arch-canvas{min-height:0}.arch-stage:fullscreen .arch-canvas{min-height:0}.arch-walk-pad{position:absolute;bottom:55px;right:20px;display:grid;grid-template-columns:repeat(3,36px);grid-gap:4px;gap:4px}.arch-walk-pad button{background:#1e352ce6;color:#e5eddc;border:1px solid #819b71;border-radius:6px;width:36px;height:36px;font-size:18px;touch-action:none}.arch-walk-pad button:first-child{grid-column:2}.arch-walk-pad button:nth-child(2){grid-column:1}.arch-walk-pad button:active{background:#7c925a}.arch-sidebar{padding:6px 0;min-width:0}.arch-sidebar-heading h2{font-size:20px;letter-spacing:-.6px;font-weight:400;margin:13px 0 22px}.arch-example-list{display:grid;grid-gap:10px;gap:10px}.arch-example{display:block;width:100%;text-align:left;border:1px solid #3b4a3f;background:#19271f;color:var(--arch-ink);padding:18px;border-radius:8px}.arch-example.selected{border-color:#a9be7e;background:#293724}.arch-example-top{display:flex;justify-content:space-between;align-items:center;color:#a4b193;font-size:8px;letter-spacing:1.4px;margin-bottom:13px}.arch-example-arrow{font-size:18px;color:#b8c88e}.arch-example strong{display:block;font-size:17px;font-weight:500;letter-spacing:-.4px}.arch-example p{font-size:10px;line-height:1.7;color:#9faf9f;margin:9px 0 16px}.arch-example-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:8px;color:#c5d3b5}.arch-example-meta span+span{border-left:1px solid #536346;padding-left:10px}.arch-room-list{padding:21px 0 17px;border-bottom:1px solid var(--arch-line)}.arch-room-list h3{font-size:11px;font-weight:400;color:#aebcac;margin-bottom:11px}.arch-room-list>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.arch-room-list button{padding:8px 5px;border:0;background:transparent;color:#e0e5d4;display:flex;align-items:center;gap:7px;text-align:left;font-size:10px;border-radius:4px}.arch-room-list button:hover{background:#293a2b}.arch-room-list button span{color:#a1b77d}.arch-room-list p{font-size:10px;color:#97a28d}.arch-view-options{display:flex;flex-direction:column;gap:12px;padding:18px 0}.arch-view-options label{display:flex;justify-content:flex-start;align-items:center;gap:8px;font-size:10px;color:#b3c1ab;cursor:pointer}.arch-page .arch-help{font-size:10px;line-height:1.8;color:#95a58f;margin:12px 0 0}.arch-primary,.arch-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;font-size:11px!important;padding:13px 15px}.arch-primary{border:1px solid var(--arch-lime);background:var(--arch-lime);color:#25341f;font-weight:600!important;justify-content:space-between;margin-top:18px}.arch-primary:hover:not(:disabled){background:#e4f2b9}.arch-secondary{border:1px solid #52664d;background:#243424;color:#d7e3bc}.arch-secondary:hover:not(:disabled){background:#36492f}.arch-feature-row{display:flex;justify-content:space-between;gap:15px;padding:25px 3px 32px;border-bottom:1px solid var(--arch-line);margin-bottom:46px;color:#a8b79d;font-size:11px}.arch-feature-row b{color:#66795c;font-size:9px;margin-right:10px;font-weight:400}.arch-project{scroll-margin-top:25px}.arch-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.arch-section-heading h2{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(26px,3vw,38px);letter-spacing:-1px;line-height:1.15;margin-top:14px}.arch-local{font-size:9px;color:#97aa88;white-space:nowrap}.arch-project-intro{font-size:12px;color:#a4b19b;line-height:1.8;max-width:720px;padding:19px 0 25px}.arch-import-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:22px}.arch-page .arch-drop{position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:9px;padding:24px 24px 24px 75px;min-height:112px;border:1px dashed #70845b;border-radius:8px;background:#1a2a20;cursor:pointer}.arch-drop strong{font-weight:500;font-size:13px}.arch-drop>span:last-of-type{color:#94a78a;font-size:10px;line-height:1.5}.arch-drop .arch-upload-icon{position:absolute;left:25px;top:37px;font-size:28px;color:#c0d59e}.arch-drop input,.arch-photo-add input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.arch-drop:focus-within,.arch-photo-add:focus-within{outline:2px solid var(--arch-lime);outline-offset:3px}.arch-drop:hover{background:#263724}.arch-editor-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-gap:22px;gap:22px}.arch-reference-panel,.arch-trace-panel{padding:23px;background:#18271e;border:1px solid #3c4c3b;border-radius:9px;min-width:0}.arch-panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.arch-panel-top h3{display:flex;align-items:center;gap:12px;font-size:11px;color:#a8bb8f;font-weight:400}.arch-panel-top h3 span{font-size:15px;color:#e1e6d6}.arch-panel-top>span{font-size:10px;color:#8b9e7d}.arch-dimensions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.arch-dimensions label{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;font-size:9px;color:#a7b69a}.arch-dimensions input{width:100%;min-width:0;padding:10px 8px;background:#0f2017;color:#edf1e3;border:1px solid #526749;border-radius:4px;font-size:12px}.arch-trace-empty{height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:13px;background:#132219;border:1px solid #344a33;border-radius:6px;margin-top:22px;padding:20px;color:#9eaf90;font-size:12px}.arch-trace-empty>span{font-size:42px;color:#7b9466}.arch-trace-empty small{font-size:10px;line-height:1.7;color:#758d6b}.arch-trace-scroll{margin-top:15px;max-height:540px;overflow:auto;border:1px solid #65715c;border-radius:5px;background:#ecede5}.arch-trace{display:block;width:100%;cursor:crosshair;touch-action:manipulation}.arch-trace image{pointer-events:none;opacity:.85}.arch-trace line{stroke:#56851b;stroke-width:5;stroke-linecap:round}.arch-trace circle,.arch-trace line{vector-effect:non-scaling-stroke;pointer-events:none}.arch-trace circle{fill:#e8fdc1;stroke:#346415;stroke-width:2}.arch-trace .arch-pending line{stroke:#f0a23b;stroke-dasharray:7 5;stroke-width:3}.arch-trace .arch-pending circle{fill:#ffd59a;stroke:#ad6b13}.arch-trace-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.arch-trace-actions label{display:flex;justify-content:flex-start;align-items:center;gap:6px;font-size:10px;color:#a9be95;margin-right:auto}.arch-trace-actions button{padding:7px 8px;color:#c8d8b6;background:#20321f;border:1px solid #455d3c;border-radius:4px;font-size:9px}.arch-page .arch-photo-add{display:flex;position:relative;align-items:center;justify-content:center;padding:13px;border:1px dashed #74895e;border-radius:5px;color:#c3d7a8;cursor:pointer;margin-top:17px;font-size:11px}.arch-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:9px;gap:9px;margin-top:14px}.arch-photo{position:relative;background:#122017;border:1px solid #455c3b;border-radius:6px;overflow:hidden}.arch-photo img{width:100%;height:90px;object-fit:cover;display:block}.arch-photo>button{position:absolute;top:4px;right:4px;border:1px solid #a2b58d70;background:#14241ee8;color:#e7f2da;border-radius:4px;width:22px;height:22px;display:grid;place-items:center;font-size:15px}.arch-photo select{width:100%;background:#1f331f;color:#d2e0c0;border:0;padding:7px 4px;font-size:9px}.arch-reference-empty{font-size:12px;line-height:1.9;padding:25px 12px;color:#9bad90;text-align:center}.arch-reference-empty small{font-size:10px;color:#71886a}.arch-page .arch-notes{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#becdad;margin:19px 0}.arch-notes textarea{resize:vertical;background:#112117;border:1px solid #4c6541;color:#e6efd9;border-radius:5px;width:100%;padding:12px;font-size:11px;line-height:1.7;min-height:105px}.arch-notes textarea::placeholder{color:#6f8963}.arch-workflow{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:26px 22px;margin-top:25px;background:#20301f;border:1px solid #3c5232;border-radius:7px}.arch-workflow>span{display:flex;align-items:center;gap:10px;font-size:10px;color:#bccdab}.arch-workflow b{font-size:10px;font-weight:400;background:#354d29;color:#c7dda7;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;flex-shrink:0}.arch-workflow i{font-style:normal;color:#5f7b4d}.arch-page .arch-privacy{text-align:center;margin-top:16px;color:#7b916f;font-size:9px}.arch-message{padding:13px 17px;margin-top:16px!important;border:1px solid #718b52;background:#253c22;border-radius:6px;color:#d1e6ba;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.arch-error{background:#3b2c22;color:#f0cfad;border-color:#87623b}.arch-page .arch-footer{margin-top:60px;padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--arch-line);font-size:10px;color:#8a9f7f;text-align:left}.arch-footer .brand{font-size:16px}.arch-footer>a:last-child{color:#c5d5b0}.architecture-entry{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;padding:18px 22px;border:1px solid #5f7651;border-radius:10px;background:#1e3025;color:#e3edd6;text-decoration:none}.architecture-entry>span:first-child{font-size:25px;color:#bfd494}.architecture-entry>span:nth-child(2){flex:1 1}.architecture-entry strong{display:block;font-size:14px;font-weight:500}.architecture-entry small{display:block;color:#9fb18e;font-size:11px;margin-top:6px;line-height:1.5}.architecture-entry>span:last-child{font-size:22px;color:#bfd494}@media(min-width:1600px){.arch-canvas{min-height:650px}}@media(max-width:1100px){.arch-page{padding:0 26px}.arch-experience{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.arch-canvas{min-height:570px}.arch-sidebar-heading h2{font-size:18px}.arch-example{padding:14px}.arch-example-meta{gap:7px}.arch-example-meta span+span{padding-left:7px}.arch-stage-bottom{padding:16px 12px;gap:10px}.arch-stage-bottom strong{font-size:14px}.arch-view-switch button{padding:9px 8px;font-size:9px}.arch-local{display:none}.arch-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.arch-workflow{padding:20px 14px;gap:10px}.arch-workflow>span{font-size:9px;gap:6px}}@media(max-width:800px){.arch-experience{grid-template-columns:1fr}.arch-canvas{min-height:510px}.arch-sidebar{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 20px;gap:0 20px}.arch-example-list,.arch-sidebar-heading{grid-column:1/-1}.arch-sidebar-heading{padding-top:14px}.arch-sidebar-heading h2{margin-bottom:17px}.arch-example-list{grid-template-columns:1fr 1fr}.arch-room-list{border-bottom:0}.arch-view-options{padding-top:40px}.arch-sidebar>.arch-secondary{align-self:start}.arch-sidebar>.arch-help{margin-top:0}.arch-feature-row{font-size:10px;padding-top:24px;margin-bottom:34px}.arch-editor-grid{grid-template-columns:1fr}.arch-dimensions{grid-template-columns:repeat(4,minmax(0,1fr))}.arch-workflow{flex-wrap:wrap;justify-content:center}.arch-workflow>span{font-size:10px}.arch-workflow i{display:none}.arch-photo img{height:130px}.arch-trace-scroll{max-height:650px}}@media(max-width:540px){.arch-page{padding:0 16px}.arch-page .arch-header{height:70px}.arch-header nav{gap:15px;font-size:10px}.arch-header nav a:last-child{padding:9px 10px}.arch-header nav a span{margin-left:10px}.arch-page .brand{font-size:17px}.arch-hero{padding:34px 0 25px}.arch-page h1{font-size:46px;letter-spacing:-2px;margin:22px 0}.arch-hero-bottom{display:block}.arch-hero-bottom p{font-size:11px}.arch-text-link{margin-top:20px;max-width:190px;font-size:11px}.arch-canvas{min-height:365px}.arch-viewer-toolbar{padding:0 12px;font-size:8px}.arch-stage-bottom{padding:14px;flex-wrap:wrap}.arch-stage-bottom>div:first-child{flex:1 1 100%}.arch-view-switch{width:100%}.arch-view-switch button{flex:1 1;padding:10px;font-size:10px}.arch-sidebar{gap:0 12px}.arch-example-list{gap:9px}.arch-example{padding:12px}.arch-example-top{font-size:7px;letter-spacing:.7px;margin-bottom:10px}.arch-example strong{font-size:14px}.arch-example p{font-size:9px;line-height:1.6;min-height:45px}.arch-example-meta{font-size:8px;gap:7px}.arch-example-meta span+span{border:0;padding:0}.arch-room-list>div{grid-template-columns:1fr}.arch-view-options{padding-top:43px}.arch-room-list button{font-size:10px}.arch-feature-row{flex-direction:column;gap:14px}.arch-section-heading h2{font-size:28px}.arch-project-intro{font-size:11px}.arch-import-grid{grid-template-columns:1fr;gap:12px}.arch-page .arch-drop{min-height:100px;padding-left:65px}.arch-drop .arch-upload-icon{left:20px;top:32px}.arch-reference-panel,.arch-trace-panel{padding:17px}.arch-dimensions,.arch-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arch-photo img{height:105px}.arch-workflow{display:grid;grid-template-columns:1fr;justify-items:start;grid-gap:14px;gap:14px}.arch-page .arch-footer{flex-wrap:wrap;margin-top:40px;font-size:9px}.arch-footer>span{flex:1 1 100%;order:2}.arch-walk-pad{right:12px}.arch-canvas-hint{font-size:8px;max-width:90%}.architecture-entry{padding:15px}.architecture-entry strong{font-size:12px}.architecture-entry small{font-size:10px}}.arch-sample-plan{display:flex;align-items:center;gap:20px;border:0;border-bottom:1px solid #536c43;padding:0 0 8px;margin:0 0 24px;background:transparent;color:#bfd3a0;font-size:11px!important;text-align:left;line-height:1.6}.arch-sample-plan span{font-size:16px}.arch-render-modes{border:0;border-top:1px solid var(--arch-line);margin:0;padding:16px 0 0;min-width:0}.arch-render-modes legend{padding:0 9px 0 0;font-size:10px;color:#becdad}.arch-render-modes>div{display:flex;gap:4px;padding:4px;background:#122219;border:1px solid #40543a;border-radius:6px}.arch-render-modes button{flex:1 1;min-width:0;padding:10px 5px;font-size:10px;border:0;background:transparent;color:#9aaf89;border-radius:4px}.arch-render-modes button.active{background:#d6e7a0;color:#293a22}.arch-render-modes p{font-size:9px;color:#94a78b;line-height:1.7;margin-top:10px}.arch-raytrace-status{position:absolute;left:18px;top:18px;max-width:260px;padding:12px 14px;background:#17291de8;border:1px solid #8eaa6570;color:#e1edcf;border-radius:7px;pointer-events:none;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.arch-raytrace-status>span{display:block;font-size:8px;letter-spacing:1.5px;color:#bad98d}.arch-raytrace-status strong{display:block;font-size:11px;font-weight:400;line-height:1.6;margin-top:6px}.arch-raytrace-status small{display:block;font-size:9px;color:#a8bc97;margin-top:6px}.arch-raytrace-status.unavailable{max-width:310px;background:#392f23e8;border-color:#9a774b}.arch-raytrace-status.unavailable>span{color:#efcb96}@media(max-width:800px){.arch-render-modes{grid-column:1/-1;margin-top:6px}.arch-sidebar .arch-view-options{padding-top:18px}}@media(max-width:540px){.arch-raytrace-status{left:10px;top:10px;max-width:200px;padding:10px}.arch-raytrace-status strong{font-size:10px}}.arch-export-buttons{display:grid;grid-gap:8px;gap:8px}@media(max-width:800px){.arch-export-buttons{align-self:start}}@media(prefers-reduced-motion:reduce){.arch-page button{transition:none}.arch-loading>span{animation:none}}.arch-vivant-reference{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:center;grid-gap:36px;gap:36px;padding:30px;margin-bottom:48px;border:1px solid #43573b;border-radius:12px;background:#1b2a20;scroll-margin-top:24px}.arch-vivant-reference h2{font-family:Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-.8px;margin:18px 0}.arch-vivant-reference p{font-size:12px;color:#a7b99a;line-height:1.85;margin-bottom:16px}.arch-vivant-reference .arch-secondary{width:auto;margin-top:24px}.arch-vivant-reference figure{margin:0;min-width:0}.arch-vivant-reference img{display:block;width:100%;background:#edf0e5;border:1px solid #52664a;border-radius:7px}.arch-vivant-reference figcaption{font-size:10px;color:#9caf90;text-align:center;margin-top:12px}.arch-example-list .arch-example:first-child.selected{background:#35442b;border-color:#c4d997}.arch-room-list>div{max-height:235px;overflow-y:auto;scrollbar-width:thin}.arch-view-switch{flex-wrap:wrap}.arch-view-switch button{font-size:9px;padding:10px 9px}@media(max-width:1100px){.arch-vivant-reference{gap:22px;padding:24px}.arch-stage-bottom{flex-wrap:wrap}.arch-stage-bottom>div:first-child{flex:1 1 100%}.arch-view-switch{width:100%}.arch-view-switch button{flex:1 1}}@media(max-width:800px){.arch-vivant-reference{grid-template-columns:1fr;gap:24px}.arch-vivant-reference h2{font-size:30px}.arch-example-list{grid-template-columns:repeat(3,minmax(0,1fr))}.arch-example-meta{display:block;line-height:1.8}.arch-example-meta span{display:block}.arch-example-meta span+span{border-left:0;padding-left:0}.arch-room-list>div{max-height:250px}}@media(max-width:540px){.arch-vivant-reference{padding:18px;gap:18px}.arch-vivant-reference h2{font-size:27px}.arch-example-list{grid-template-columns:1fr 1fr}.arch-example-list .arch-example:first-child{grid-column:1/-1}.arch-example-list .arch-example:first-child p{min-height:0}.arch-example-list .arch-example:first-child .arch-example-meta{display:flex}.arch-view-switch button{padding:10px 7px;font-size:9px}}