@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+JP:wght@400;450;500;550;600;650;700&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#272522;background:#f2efe8;font-synthesis:none;font-size:13px;--blue:#706C66;--line:#E8E3DA;--muted:#706C66;--soft:#F2EFE8;--text:#272522}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button,a,input,textarea,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue)}button{background:none;border:0}svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}button{transition:background .15s,color .15s}button:hover:not(:disabled){background-color:#f2efe8}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{height:76px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);gap:22px}.brand{font-size:32px;font-weight:650;letter-spacing:-1.7px;display:flex;align-items:center;gap:9px}.brand-dot{margin-left:-9px;color:var(--blue)}.brand-symbol{width:25px;height:25px;border:7px solid var(--blue);border-radius:50%;display:block;position:relative}.brand-symbol:after{content:"";width:7px;height:7px;background:#f2efe8;position:absolute;right:-7px;top:-6px;transform:rotate(-35deg)}.header-divider{width:1px;height:22px;background:var(--line)}.studio-label{font-size:13px;color:#706c66}.early-label{font-size:10px;border:1px solid #E8E3DA;border-radius:5px;color:#706c66;padding:3px 7px;margin-left:-10px}.header-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.header-actions #save-status{font-size:11px;color:#706c66;margin-right:14px;display:flex;align-items:center;gap:6px}#save-status i,.live-dot,.sample-dot{width:5px;height:5px;border-radius:50%;background:#706c66;display:inline-block}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #E8E3DA;border-radius:8px;padding:10px 15px;background:#f2efe8;font-weight:500;font-size:12px}.button.primary{color:#f2efe8;background:var(--blue);border-color:var(--blue);box-shadow:0 2px 3px #706c6618}.button.primary:hover{background:#706c66}.button.subtle{border-color:transparent}.icon-button{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#706c66;padding:7px}.icon-button svg{width:18px;height:18px}.icon-button.active{color:var(--blue);background:#f2efe8}.full{width:100%}.studio{height:calc(100dvh - 108px);min-height:650px;display:grid;grid-template-columns:320px minmax(300px,1fr) 290px}.chat-panel{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}.panel-heading{height:68px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-heading h2{font-size:12px;font-weight:550;display:flex;align-items:center;gap:9px}.panel-heading h2 svg{color:var(--blue);width:17px}.conversation{padding:18px 24px 16px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#E8E3DA transparent}.intro{padding:14px 0 26px}.intro-mark{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:13px;background:#f2efe8;color:var(--blue);margin-bottom:23px}.intro-mark svg{width:23px;height:23px}.intro h1{font-size:27px;line-height:1.7;letter-spacing:.02em;font-weight:550}.intro p{font-size:12px;line-height:2;color:#706c66;margin-top:16px}.sample-note{display:flex;align-items:center;gap:7px;color:#706c66;font-size:10px;padding:16px 0 22px;border-top:1px solid var(--line)}.sample-dot{background:#706c66}.message{padding:0 0 25px;font-size:12px;line-height:1.95;overflow-wrap:anywhere}.message-name{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.03em;font-weight:600;margin-bottom:9px;color:#706c66}.mini-mark{background:#706c66;border-radius:6px;color:#f2efe8;font-size:18px;font-weight:600;width:23px;height:23px;line-height:20px;text-align:center}.message p{color:#706c66}.message.user{background:#f2efe8;padding:13px 15px;border-radius:12px;margin:0 0 22px 20px}.message.user .message-name{margin-bottom:4px}.message.user p{color:#272522}.message.error p{color:#706c66}.model-chip{display:flex;gap:6px;align-items:center;border:1px solid #E8E3DA;border-radius:7px;padding:10px 8px;margin-top:16px;color:#706c66;font-size:10px;background:#f2efe8}.model-chip svg{width:15px;height:15px}.model-chip span{margin-left:auto;color:#706c66;font-size:9px}.composer-area{padding:16px 19px 15px}.suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.suggestions button{font-size:10px;border:1px solid #E8E3DA;border-radius:6px;padding:7px 8px;color:#706c66;background:#f2efe8}.suggestions button:hover{color:var(--blue);border-color:#d8d3ca}#chat-form{border:1px solid #E8E3DA;border-radius:12px;padding:12px;background:#f2efe8;box-shadow:0 3px 12px #27252205}#chat-form:focus-within{border-color:#706c66;box-shadow:0 0 0 3px #706c6608}#prompt{width:100%;resize:none;border:0;background:none;outline:none;font-size:12px;line-height:1.8;padding:0;min-height:70px;color:var(--text)}#prompt::placeholder{color:#706c66}.composer-bottom{display:flex;align-items:center;justify-content:space-between}.mode-button{display:flex;align-items:center;gap:5px;font-size:10px;color:#706c66;padding:5px 0}.status-dot{width:5px;height:5px;background:#706c66;border-radius:50%}.send-button{background:var(--blue);color:#f2efe8;width:31px;height:31px;border-radius:8px}.send-button:hover:not(:disabled){background:#706c66}.send-button svg{width:17px;height:17px}.composer-hint{font-size:9px;color:#706c66;margin-top:10px}.composer-hint span{float:right}.workspace{background:#f2efe8;position:relative;overflow:hidden;display:flex;flex-direction:column}.workspace-heading{position:absolute;top:27px;left:30px;right:25px;z-index:2;display:flex;justify-content:space-between;pointer-events:none}.workspace-heading>*{pointer-events:auto}.breadcrumb{font-size:10px;color:#706c66;display:flex;gap:9px;align-items:center;margin-bottom:12px}.breadcrumb>span:first-child{color:#d8d3ca}.workspace-heading h2{font-size:20px;font-weight:550;letter-spacing:.025em;display:inline-block}.revision-label{font-size:9px;color:#706c66;background:#e8e3da;padding:4px 7px;border-radius:5px;display:block;width:max-content;margin-top:10px}.history-actions{display:flex;gap:4px}.history-actions .icon-button{color:#706c66;background:#f2efe8a3;border:1px solid #E8E3DA}.history-actions .icon-button:disabled{opacity:.3}#viewport{position:absolute;inset:15px 0 24px}#viewport canvas{width:100%;height:100%;display:block;touch-action:none}.viewport-corner{position:absolute;top:137px;left:30px;font-size:9px;color:#706c66;display:flex;align-items:center;gap:6px;pointer-events:none}.live-dot{background:#706c66}.height-handle{position:absolute;width:25px;height:25px;background:#f2efe8b8;border:1px solid #D8D3CA;border-radius:7px;color:#706c66;line-height:22px;cursor:ns-resize;touch-action:none;white-space:nowrap;min-width:25px;width:auto;transform:translate(-50%);z-index:3;padding:0 5px;font-size:15px}.height-handle:disabled{opacity:.25}.model-caption{position:absolute;bottom:132px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;color:#706c66;font-size:10px;pointer-events:none}.caption-divider{width:1px;height:9px;background:#d8d3ca}.view-toolbar{position:absolute;bottom:63px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#f2efe8ed;box-shadow:0 4px 18px #27252210;border:1px solid #E8E3DA;border-radius:11px;padding:7px;white-space:nowrap}.view-buttons{display:flex;gap:2px;padding:0 3px}.view-buttons button{font-size:10px;padding:8px 10px;border-radius:6px;color:#706c66}.view-buttons button.active{color:#706c66;background:#f2efe8}.toolbar-divider{width:1px;height:18px;background:#e8e3da;margin:0 3px}.workspace-footer{position:absolute;bottom:18px;left:27px;right:27px;display:flex;justify-content:space-between;color:#706c66;font-size:9px}.workspace-footer>span>span{padding:0 6px}.axis-label{position:absolute;bottom:125px;right:25px;font-size:10px;color:#706c66;line-height:1.7;pointer-events:none}.axis-label b{display:block;text-align:center;color:#706c66;font-weight:500}.axis-label em{font-style:normal;color:#706c66}.axis-label>span{color:#706c66}.viewer-error{position:absolute;top:45%;left:15%;right:15%;line-height:2;color:#706c66}#busy-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:10px;color:#706c66;background:#f2efe870;backdrop-filter:blur(2px)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid #D8D3CA;border-top-color:#706c66;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.properties{display:flex;flex-direction:column;border-left:1px solid var(--line);min-height:0}.property-tabs{display:flex;border-bottom:1px solid var(--line);height:58px;flex-shrink:0;padding:0 18px;gap:18px}.property-tabs button{height:58px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#706c66;border-bottom:2px solid transparent;padding:0 4px}.property-tabs svg{width:15px;height:15px}.property-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}#property-content{overflow-y:auto;flex:1;padding:24px 23px;scrollbar-width:thin;scrollbar-color:#E8E3DA transparent}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title h3{font-size:12px;font-weight:550}.section-title>span{font-size:9px;color:#706c66}.section-description{font-size:10px;line-height:1.9;margin-top:8px;color:#706c66}.parameter-list{margin-top:23px;display:flex;flex-direction:column;gap:20px}.parameter-heading{display:flex;align-items:center;gap:4px}.parameter-heading>label{font-size:11px;color:#706c66;flex:1}.lock-button{width:22px;height:24px;padding:4px;color:#d8d3ca}.lock-button svg{width:13px;height:13px}.lock-button.is-locked{color:var(--blue)}.number-wrap{height:29px;display:flex;align-items:center;border:1px solid #E8E3DA;border-radius:5px;padding:0 6px;width:83px;background:#f2efe8}.number-wrap input{width:100%;min-width:0;font-size:11px;text-align:right;border:0;outline:none;background:none;color:#272522;appearance:textfield;-moz-appearance:textfield}.number-wrap input::-webkit-inner-spin-button{appearance:none}.number-wrap span{font-size:9px;color:#706c66;margin-left:5px}.number-wrap:focus-within{border-color:#706c66}.parameter input[type=range]{width:100%;appearance:none;height:3px;display:block;background:linear-gradient(to right,#D8D3CA var(--fill),#E8E3DA var(--fill));margin:12px 0 0;cursor:pointer;border-radius:4px}.parameter input[type=range]::-webkit-slider-thumb{appearance:none;background:#f2efe8;width:10px;height:10px;border:2px solid #706C66;border-radius:50%;box-shadow:0 1px 3px #706c6620}.parameter input[type=range]::-moz-range-thumb{background:#f2efe8;width:7px;height:7px;border:2px solid #706C66;border-radius:50%}.parameter.locked input[type=range]{opacity:.45}.pattern-row{display:flex;align-items:center;justify-content:space-between;margin:24px 0 0;font-size:11px;color:#706c66}.pattern-row select{border:1px solid #E8E3DA;border-radius:5px;padding:5px 8px;background:#f2efe8;color:#706c66;font-size:10px}.finish-section{border-top:1px solid var(--line);padding-top:23px;margin-top:27px}.swatches{display:flex;gap:12px;margin:17px 0 13px}.swatch{width:29px;height:29px;border-radius:50%;background:var(--swatch);border:2px solid #F2EFE8;outline:1px solid #E8E3DA;display:flex;justify-content:center;align-items:center;color:#f2efe8;padding:5px}.swatch.selected{outline:2px solid #706C66;outline-offset:2px}.swatch:hover:not(:disabled){background:var(--swatch);transform:scale(1.07)}.swatch svg{width:15px;height:15px}.muted{font-size:9px;color:#706c66;line-height:1.9}.graph-details{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:10px;color:#706c66}.graph-details summary{cursor:pointer;display:flex;align-items:center;gap:7px;list-style:none}.graph-details summary>span{margin-left:auto;color:#706c66;font-size:9px}.graph-details svg{width:14px;height:14px}.graph-details ol{list-style:none;padding:0 0 0 9px;margin:18px 0;border-left:1px solid #E8E3DA}.graph-details li{margin:0 0 15px 8px;position:relative}.graph-details li:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#706c66;left:-20px;top:5px}.graph-details small{display:block;color:#706c66;font-size:8px;margin-top:4px}.graph-details code{font-family:inherit;font-size:9px;line-height:2;color:#706c66}.analysis-note{background:#f2efe8;border:1px solid #E8E3DA;border-radius:8px;padding:12px;margin-top:24px;font-size:9px;color:#706c66;line-height:1.9}.analysis-note>div{font-size:10px;display:flex;align-items:center;gap:5px;color:#706c66;margin-bottom:6px}.analysis-note svg{width:13px;height:13px}.analysis-note p+p{margin-top:5px}.analysis-note>span{display:block;margin-top:9px;font-size:9px;color:#706c66}.property-footer{padding:15px 16px;border-top:1px solid var(--line);font-size:9px;display:flex;gap:5px;align-items:center;justify-content:center;color:#706c66}.property-footer svg{width:12px;height:12px;color:#706c66}.timeline{padding-top:22px;position:relative}.revision{display:block;border-left:1px solid #E8E3DA;padding:5px 8px 22px 17px;width:100%;text-align:left;position:relative;margin-left:3px}.revision.selected{background:#f2efe8;border-radius:0 7px 7px 0}.timeline-point{width:7px;height:7px;position:absolute;left:-4px;top:12px;background:#e8e3da;border:2px solid #F2EFE8;border-radius:50%;outline:1px solid #E8E3DA}.revision.selected .timeline-point{background:var(--blue);outline-color:#d8d3ca}.revision-top{font-size:10px;color:#706c66;display:flex;justify-content:space-between}.revision-top time{font-size:9px;color:#706c66}.revision strong{font-size:11px;line-height:1.7;display:block;font-weight:450;padding:8px 0;overflow-wrap:anywhere}.revision>span:last-child{font-size:9px;color:#706c66}.timeline+.button{margin-top:20px}.app-footer{height:32px;display:flex;gap:20px;align-items:center;padding:0 25px;border-top:1px solid var(--line);font-size:9px;color:#706c66}.app-footer>span:first-child{letter-spacing:.04em}.app-footer>span:nth-child(2){margin-left:auto;font-size:9px;color:#d8d3ca}.app-footer button{font-size:9px;display:flex;align-items:center;gap:5px;color:#706c66;padding:3px}.app-footer svg{width:12px;height:12px}dialog{width:min(620px,calc(100vw - 32px));border:1px solid #E8E3DA;box-shadow:0 25px 100px #27252230;border-radius:18px;padding:28px;color:var(--text);max-height:85dvh}dialog::backdrop{background:#27252240;backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-heading h2{font-size:22px;font-weight:550}.modal-description{font-size:12px;color:#706c66;line-height:1.9;margin-bottom:24px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 25px}.template{background:#f2efe8;text-align:left;border:1px solid #E8E3DA;border-radius:10px;padding:14px}.template strong{display:block;font-size:12px;font-weight:550;margin-top:10px}.template small{display:block;font-size:9px;color:#706c66;margin-top:7px;line-height:1.7}.template-art{height:100px;display:flex;align-items:center;justify-content:center}.template-art span{width:45px;height:76px;background:linear-gradient(100deg,#d8d3ca,#706c66);border-radius:13px 13px 20px 20px;box-shadow:12px 8px 20px #706c6620;position:relative}.template-art.vase span:before{content:"";position:absolute;top:0;left:0;width:100%;height:9px;background:#706c66;border:3px solid #D8D3CA;border-radius:50%}.template-art.lamp span{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);height:66px;width:70px;border-radius:6px;background:linear-gradient(100deg,#d8d3ca,#706c66)}.template-art.box span{height:55px;width:70px;border-radius:3px;transform:skewY(-8deg);background:linear-gradient(90deg,#d8d3ca 70%,#706c66 70%)}.template-art.sphere span{height:65px;width:65px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d8d3ca,#706c66)}.template-art.shelf span{height:73px;width:78px;border:5px solid #D8D3CA;border-top:0;border-bottom:0;background:repeating-linear-gradient(0deg,transparent 0 23px,#D8D3CA 23px 28px);border-radius:0}.export-options{display:grid;gap:10px;margin-bottom:20px}.export-options button{display:flex;align-items:center;gap:16px;border:1px solid #E8E3DA;border-radius:10px;padding:18px;text-align:left}.export-options button>span{font-size:11px;color:var(--blue);background:#f2efe8;border-radius:6px;padding:12px;width:57px;text-align:center}.export-options strong{display:block;font-size:12px;font-weight:550}.export-options small{display:block;font-size:10px;color:#706c66;margin-top:6px}.export-options svg{margin-left:auto;color:#706c66}.help-content p{font-size:12px;line-height:2;color:#706c66;margin-top:20px}.help-content strong{display:block;color:#272522;font-weight:550;margin-bottom:4px}#toast{position:fixed;bottom:45px;left:50%;transform:translate(-50%);max-width:min(600px,90vw);padding:13px 20px;color:#f2efe8;background:#272522;box-shadow:0 5px 30px #27252220;border-radius:9px;font-size:12px;line-height:1.8;z-index:20}@media(min-width:1600px){.studio{grid-template-columns:360px minmax(300px,1fr) 310px}.conversation{padding-left:30px;padding-right:30px}.intro{padding-top:36px}.intro h1{font-size:30px}.parameter-list{gap:22px}.model-caption{bottom:150px}}@media(max-width:1180px){.studio{grid-template-columns:275px minmax(280px,1fr) 255px}.app-header{padding:0 20px;gap:16px}.header-actions #save-status{display:none}.conversation{padding-left:19px;padding-right:19px}.intro h1{font-size:24px}.composer-area{padding:12px}#property-content{padding:22px 17px}.workspace-heading{left:22px}.view-toolbar{gap:0}.view-buttons button{padding:8px}.view-toolbar .icon-button{width:29px}.property-tabs{gap:12px;padding:0 14px}}@media(max-width:900px){.studio{grid-template-columns:260px minmax(280px,1fr);height:auto;min-height:0}.chat-panel{height:calc(100dvh - 108px);min-height:640px}.workspace{min-height:640px}.properties{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}#property-content{max-height:500px}.parameter-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px}.finish-section{max-width:400px}.property-footer{display:none}.app-footer{position:relative}.early-label{display:none}.workspace-heading h2{font-size:18px}.graph-details,.analysis-note{max-width:500px}.header-actions{gap:6px}.studio-label{font-size:11px}}@media(max-width:600px){.app-header{height:64px;padding:0 16px;gap:12px}.brand{font-size:27px}.brand-symbol{width:22px;height:22px;border-width:6px}.header-divider,.studio-label{display:none}.header-actions .button{font-size:10px;padding:8px 10px}.header-actions .button svg{width:15px;height:15px}.studio{display:flex;flex-direction:column}.workspace{order:0;height:520px;min-height:520px}.chat-panel{order:1;height:520px;min-height:0;border-right:0;border-top:1px solid var(--line)}.properties{order:2}.workspace-heading{top:20px;left:20px}.workspace-heading h2{font-size:18px}.viewport-corner{top:110px;left:20px}.model-caption{bottom:105px}.view-toolbar{bottom:48px}.workspace-footer{bottom:13px;left:20px;right:20px}.panel-heading{height:50px}.conversation{padding-top:0}.intro{padding:12px 0 16px}.intro-mark{display:none}.intro h1{font-size:20px;line-height:1.6}.intro h1 br{display:none}.intro p{font-size:11px;line-height:1.8;margin-top:10px}.intro p br{display:none}.sample-note{padding:12px 0}.message{font-size:11px;padding-bottom:15px}.composer-area{padding:12px 18px}.composer-hint{display:none}#prompt{min-height:45px;height:45px}.suggestions{margin-bottom:8px}.parameter-list{grid-template-columns:repeat(2,1fr);gap:23px}.template-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:20px}.modal-heading h2{font-size:18px}.app-footer{padding:0 16px;gap:10px}.app-footer>span:nth-child(2){display:none}.app-footer button{margin-left:auto}.height-handle{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}