html body dialog.visual-dialog{position:fixed!important;inset:0!important;margin:auto!important;width:min(720px,calc(100vw - 40px))!important;max-width:calc(100vw - 40px)!important;height:auto!important;max-height:88dvh!important;padding:0!important;border:1px solid #ffffffc4!important;border-radius:30px!important;background:#f7f6f2!important;color:#30342f!important;box-shadow:0 24px 90px #20251d33!important;font:16px/1.8 system-ui,sans-serif!important;overflow:hidden!important;box-sizing:border-box!important}
html body dialog.visual-dialog[open]{display:flex!important;flex-direction:column!important}html body dialog.visual-dialog::backdrop{background:#292d293b;backdrop-filter:blur(8px)}html body dialog.visual-report{width:min(940px,calc(100vw - 40px))!important}
html body .visual-dialog>header{display:flex!important;align-items:center;justify-content:space-between;padding:24px 32px!important;border-bottom:1px solid #d5d5ce!important;flex:none!important;background:transparent!important}html body .visual-dialog h2{font:30px/1.3 'Noto Serif SC','SimSun',serif!important;margin:0!important;color:#30342f!important}
html body .visual-dialog button{appearance:none;border:1px solid #d8d8d1!important;border-radius:100px!important;padding:12px 24px!important;background:#fff8!important;color:#30342f!important;font:15px/1.4 system-ui!important;cursor:pointer;box-shadow:none!important}html body .visual-dialog button[data-close]{width:42px;height:42px;padding:0!important;font-size:28px!important;border:0!important}html body .visual-dialog .visual-primary,html body .drawing-footer-analysis{background:#252923!important;color:#fff!important;border:0!important;border-radius:100px!important;padding:14px 28px!important;font:16px/1.4 system-ui!important}html body .visual-dialog button:disabled{opacity:.55;cursor:wait}
html body .visual-dialog .visual-body{padding:26px 32px!important;overflow:auto!important;min-height:0!important;overscroll-behavior:contain}html body .visual-dialog>footer{display:flex!important;gap:12px;justify-content:center!important;flex:none;padding:20px 32px!important;border-top:1px solid #d5d5ce!important;background:transparent!important}
html body .visual-dialog .visual-lead{font-size:17px!important;line-height:1.8!important;margin:0 0 18px!important}html body .visual-dialog .visual-note,.visual-report-meta{color:#74786f;font-size:13px!important;line-height:1.8!important;margin:0 0 24px!important}html body .visual-dialog .visual-question{display:block!important;margin:24px 0!important;color:#30342f!important}html body .visual-dialog .visual-question>span{display:flex!important;gap:12px;align-items:baseline;font-size:16px!important;margin-bottom:12px}.visual-question small{color:#8c927f;font:12px system-ui}
html body .visual-dialog textarea{display:block!important;pointer-events:auto!important;user-select:text!important;width:100%!important;box-sizing:border-box!important;background:#fff9!important;border:1px solid #d4d6cc!important;border-radius:16px!important;color:#30342f!important;padding:14px 16px!important;resize:vertical;font:15px/1.8 system-ui!important;outline:none!important}html body .visual-dialog textarea:focus{border-color:#7c8b73!important;box-shadow:0 0 0 3px #7c8b7318!important}html body .visual-dialog article p{font:16px/1.95 system-ui!important;margin:0 0 22px!important}html body .visual-dialog article h3{font:23px/1.5 'SimSun',serif!important;margin:32px 0 18px!important;padding-bottom:12px;border-bottom:1px solid #deded6}
.visual-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:28px 0}.visual-images figure{margin:0}.visual-images img{width:100%;border-radius:14px}.visual-images figcaption{font-size:13px;color:#757b70;text-align:center}.visual-facts{white-space:pre-wrap;font:14px/1.8 system-ui!important}.visual-steps{padding-left:22px;line-height:2.2}.drawing-workspace>.drawing-footer-analysis{display:block;margin:18px auto}.spatial-experience>footer .drawing-footer-analysis{position:absolute;left:50%;transform:translateX(-50%)}
@media(max-width:600px){html body .visual-dialog>header,html body .visual-dialog .visual-body,html body .visual-dialog>footer{padding:18px 20px!important}html body .visual-dialog h2{font-size:25px!important}.spatial-experience>footer .drawing-footer-analysis{position:static;transform:none;font-size:12px!important;padding:12px!important}}

.drawing-hub-group{margin-bottom:32px}.drawing-hub-group>h3{font:24px/1.4 SimSun,serif;margin:0 0 10px}.drawing-hub-group>p{font:13px/1.7 system-ui;color:#73776f;margin:0 0 18px}.drawing-hub-group .drawing-entry-card{min-height:180px!important}

html body .visual-dialog>header,html body .visual-dialog>footer{position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;min-height:0!important;flex-direction:row!important;align-items:center!important;background:#f7f6f2!important}html body .visual-dialog .visual-body{flex:1 1 auto!important}html body .visual-dialog>footer{z-index:1!important;box-shadow:none!important}

html body .drawing-guidance-button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px!important}html body .drawing-guidance-button span{font:10px/1.2 system-ui!important}html body .drawing-guidance-button svg{width:23px!important;height:23px!important}
html body dialog.visual-questionnaire{height:min(820px,92dvh)!important;max-height:92dvh!important}
html body .visual-questionnaire .visual-body{display:flex;flex-direction:column;gap:10px;padding:16px 24px!important;overflow:hidden!important}
html body .visual-work-preview{margin:0!important;flex:none;height:clamp(140px,28dvh,280px);display:flex;flex-direction:column;align-items:center;min-height:0;background:#eeede6;border-radius:16px;padding:8px;box-sizing:border-box}
html body .visual-work-preview img{width:100%;height:calc(100% - 22px);object-fit:contain;border-radius:8px}
html body .visual-work-preview figcaption{font:12px/22px system-ui;color:#757b70}
html body .visual-preview-views{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
html body .visual-preview-views:empty{display:none}
html body .visual-preview-views button{font-size:12px!important;padding:4px 10px!important}
html body .visual-preview-views button[aria-pressed=true]{background:#30342f!important;color:white!important}
html body .visual-answer-step{flex:1;min-height:0;overflow:auto}
html body .visual-question-progress{font:12px/1.5 system-ui;color:#858b7b}
html body .visual-questionnaire .visual-question{margin:10px 0!important}
html body .visual-questionnaire .visual-question>span{margin-bottom:8px}
html body .visual-questionnaire .visual-note{margin:8px 0!important;font-size:12px!important}
html body .visual-questionnaire>header{padding:16px 24px!important}
html body .visual-questionnaire>footer{padding:12px 20px!important;gap:8px}
html body .visual-questionnaire [hidden]{display:none!important}
@media(max-width:600px){html body dialog.visual-questionnaire{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;border-radius:22px!important}html body .visual-questionnaire .visual-body{padding:12px 16px!important;gap:8px}html body .visual-questionnaire>header{padding:12px 16px!important}html body .visual-questionnaire h2{font-size:23px!important}html body .visual-work-preview{height:clamp(120px,25dvh,210px)}html body .visual-questionnaire>footer button{padding:10px 14px!important;font-size:13px!important}html body .visual-questionnaire textarea{padding:10px 12px!important}html body .visual-questionnaire .visual-question>span{font-size:15px!important}}
/* Strong image bounds also apply inside the surrounding platform theme. */
html body dialog.visual-questionnaire{height:auto!important;max-height:86dvh!important;width:min(680px,calc(100vw - 24px))!important}
html body dialog.visual-questionnaire .visual-body{flex:0 1 auto!important;min-width:0!important;overflow-x:hidden!important;padding:16px 24px!important}
html body dialog.visual-questionnaire .visual-work-preview{width:100%!important;max-width:100%!important;height:160px!important;min-height:160px!important;max-height:160px!important;flex:0 0 160px!important;margin:0!important;padding:8px!important;overflow:hidden!important}
html body dialog.visual-questionnaire .visual-work-preview img{display:block!important;min-width:0!important;max-width:100%!important;width:100%!important;height:122px!important;min-height:0!important;max-height:122px!important;object-fit:contain!important;aspect-ratio:auto!important;margin:0!important}
html body dialog.visual-questionnaire .visual-answer-step{flex:0 1 auto!important;min-width:0!important;max-height:calc(86dvh - 330px)!important;overflow:auto!important;overflow-x:hidden!important}
html body dialog.visual-questionnaire textarea{min-height:88px!important;max-height:140px!important;resize:vertical!important}
html body .drawing-guidance-button{min-width:52px!important;white-space:nowrap!important}html body .drawing-guidance-button span{white-space:nowrap!important;font-size:10px!important}
@media(max-width:600px){html body dialog.visual-questionnaire .visual-work-preview{height:120px!important;min-height:120px!important;max-height:120px!important;flex-basis:120px!important}html body dialog.visual-questionnaire .visual-work-preview img{height:82px!important;max-height:82px!important}html body dialog.visual-questionnaire .visual-answer-step{max-height:calc(86dvh - 275px)!important}}
html body .visual-report .visual-body{padding:24px 32px!important;overflow-x:hidden!important}
html body .visual-report-meta{font:12px/1.6 system-ui!important;letter-spacing:.08em;color:#858878;margin-bottom:18px}
html body .visual-report-highlight{padding:20px 24px;border-radius:18px;background:#e9eadf;border:1px solid #d5d9c9;margin-bottom:20px}
html body .visual-report-highlight>small{display:block;font:12px/1.5 system-ui;letter-spacing:.15em;color:#67735f;margin-bottom:10px}
html body .visual-report-highlight p{font:16px/1.85 system-ui!important;margin:8px 0!important}
html body .visual-report-index{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 22px!important;padding:0!important;position:static!important;background:none!important}
html body .visual-report-index button{font:12px/1.4 system-ui!important;padding:6px 12px!important}
html body .visual-report-sections>section{padding:20px 24px;margin:0 0 16px;border:1px solid #e1e0d6;border-radius:18px;background:#ffffff70;scroll-margin-top:16px}
html body .visual-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}
html body .visual-section-heading>small{font:12px/1 system-ui;color:#939b82}
html body .visual-report .visual-section-heading h3{font:22px/1.45 SimSun,serif!important;border:0!important;margin:0!important;padding:0!important}
html body .visual-report article p{font:15px/1.9 system-ui!important;margin:0 0 12px!important}
html body .visual-report article strong{color:#435740!important;font-weight:650!important}
html body .visual-report-record{padding:16px 4px;color:#747a6b;font:13px/1.7 system-ui}
html body .visual-report .visual-images img{max-height:160px!important;object-fit:contain!important;background:#fff8}
@media(max-width:600px){html body .visual-report .visual-body{padding:16px!important}html body .visual-report-highlight,html body .visual-report-sections>section{padding:16px}html body .visual-report .visual-section-heading h3{font-size:19px!important}}
html body dialog.visual-dialog{height:fit-content!important}

/* Creation and work inquiry share the spatial dialog scale. */
html body dialog.visual-dialog h2{font-size:21px!important;font-weight:400!important}html body .visual-dialog>header{padding:16px 24px!important}html body .visual-dialog button[data-close]{width:38px;height:38px;font-size:26px!important}
html body dialog.visual-questionnaire{width:min(1180px,calc(100vw - 64px))!important;max-width:calc(100vw - 32px)!important;height:min(900px,calc(100dvh - 64px))!important;max-height:calc(100dvh - 32px)!important}
html body dialog.visual-questionnaire .visual-body{flex:1 1 auto!important;min-height:0!important;gap:14px}html body dialog.visual-questionnaire .visual-answer-step{flex:1!important;max-height:none!important;overflow:auto!important;scrollbar-width:none}html body .visual-dialog .visual-body{scrollbar-width:none}html body .visual-dialog .visual-body::-webkit-scrollbar,html body .visual-answer-step::-webkit-scrollbar{display:none}
html body dialog.visual-questionnaire .visual-work-preview{height:clamp(140px,25dvh,220px)!important;min-height:0!important;max-height:220px!important;flex:0 0 clamp(140px,25dvh,220px)!important}
html body dialog.visual-questionnaire .visual-work-preview img{height:calc(100% - 22px)!important;max-height:none!important;cursor:zoom-in}html body dialog.visual-questionnaire textarea{min-height:110px!important;max-height:180px!important}html body .visual-dialog>footer button{font-size:14px!important;padding:9px 18px!important}
html body dialog.visual-image-zoom{width:min(1180px,calc(100vw - 24px))!important;height:min(900px,94dvh)!important;max-height:94dvh!important}html body dialog.visual-image-zoom .visual-body{padding:16px!important;min-height:0!important;display:flex;align-items:center;justify-content:center;overflow:hidden!important}html body .visual-image-zoom img{width:100%;height:100%;min-height:0;object-fit:contain;cursor:zoom-out}
html body dialog.visual-analysis-loading{width:min(460px,calc(100vw - 32px))!important;height:auto!important;overflow:hidden!important}html body .visual-analysis-loading .visual-body{padding:32px 24px!important;overflow:hidden!important;text-align:center}html body .visual-analysis-loading .visual-loading-title{font-size:16px;margin:24px 0 8px}html body .visual-analysis-loading .visual-note{margin:0!important}html body .visual-analysis-loading [data-close]{display:none!important}
.visual-loading-orbit{width:88px;height:88px;position:relative;margin:auto}.visual-loading-orbit i{position:absolute;inset:0;border:1px solid #788e7050;border-top-color:#536e4c;border-radius:50%;animation:visual-orbit 2.8s linear infinite}.visual-loading-orbit i:nth-child(2){inset:12px;animation-direction:reverse;animation-duration:2.1s}.visual-loading-orbit i:nth-child(3){inset:27px;background:#7f9b7b30;animation:visual-breathe 2s ease-in-out infinite}@keyframes visual-orbit{to{transform:rotate(360deg)}}@keyframes visual-breathe{50%{transform:scale(.7);opacity:.5}}
@media(max-width:600px){html body dialog.visual-questionnaire{width:calc(100vw - 20px)!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important}html body dialog.visual-questionnaire h2{font-size:18px!important}html body dialog.visual-questionnaire .visual-work-preview{height:clamp(170px,32dvh,300px)!important;max-height:300px!important;flex-basis:clamp(170px,32dvh,300px)!important}html body dialog.visual-questionnaire .visual-body{gap:10px!important}html body dialog.visual-questionnaire>footer button{padding:8px 12px!important;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.visual-loading-orbit i{animation:none}}

html body dialog.visual-analysis-loading{height:320px!important;max-height:calc(100dvh - 32px)!important}html body dialog.visual-analysis-loading .visual-body{flex:none!important}html body dialog.visual-dialog:not(.visual-questionnaire):not(.visual-image-zoom):not(.visual-report):not(.visual-analysis-loading){height:fit-content!important}

.drawing-sequence{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;margin:0 0 12px;border:1px solid #d8ddd2;border-radius:12px;background:#f4f5ecaa;color:#394d35;font:12px/1.5 system-ui}.drawing-sequence>div:first-child{display:flex;gap:12px;align-items:center;min-width:0}.drawing-sequence strong{font-weight:600;white-space:nowrap}.drawing-sequence-actions{display:flex;gap:6px;flex:none}.drawing-sequence button{padding:6px 10px;border-radius:16px;border:1px solid #677b5730;background:#fff8;font:12px system-ui;color:#394d35;cursor:pointer}.drawing-sequence button:disabled{opacity:.4}.drawing-sequence button[data-landscape-next]{background:#43593d;color:#fff}
@media(max-width:650px){.drawing-sequence{align-items:flex-start;gap:8px;padding:8px 10px;font-size:11px}.drawing-sequence>div:first-child{flex-direction:column;gap:3px;align-items:flex-start}.drawing-sequence-actions{flex-direction:column}.drawing-sequence button{font-size:10px;padding:5px 8px}}

/* Keep every inquiry action on the same scale, including the primary action. */
html body dialog.visual-dialog.visual-questionnaire>footer button{box-sizing:border-box!important;height:40px!important;min-height:40px!important;min-width:96px!important;padding:0 18px!important;font:14px/1.4 system-ui!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
html body dialog.visual-dialog.visual-questionnaire>footer button[hidden]{display:none!important}
@media(max-width:600px){html body dialog.visual-dialog.visual-questionnaire>footer button{height:36px!important;min-height:36px!important;min-width:76px!important;padding:0 12px!important;font-size:12px!important}}

/* One scroll region keeps every question reachable on short phone screens. */
@media(max-width:600px){
 html body dialog.visual-questionnaire .visual-body{display:block!important;overflow-y:auto!important}
 html body dialog.visual-questionnaire .visual-work-preview{height:clamp(170px,30dvh,280px)!important;margin-bottom:12px!important}
 html body dialog.visual-questionnaire .visual-preview-views{margin-bottom:12px!important}
 html body dialog.visual-questionnaire .visual-answer-step{overflow:visible!important;flex:none!important}
}