.web-auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#f8f6fd;font-size:14px;color:#3e3554}.web-welcome{padding:12vh 10vw;background:radial-gradient(ellipse at 20% 20%,#e8defd,transparent 65%),linear-gradient(150deg,#f9f6ff,#eee8ff);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.web-logo{width:64px;height:64px;border-radius:20px;background:#7055ed;color:#fff;display:grid;place-items:center;font-size:40px;font-weight:700;box-shadow:0 10px 30px #7055ed35;margin-bottom:28px}.web-welcome small{color:#8875a6}.web-welcome h1{font-size:clamp(26px,3.2vw,44px);letter-spacing:-1px;line-height:1.5;margin:16px 0}.web-welcome p{color:#8d819d;line-height:2}.web-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.web-tags span{padding:7px 11px;background:#ffffffa0;border:1px solid #fff;border-radius:20px;font-size:12px;color:#8a72b1}.web-login{width:100%;max-width:520px;margin:auto;padding:40px}.web-login h2{font-size:23px;color:#54416f;margin:22px 0 12px}.web-login p{line-height:1.85;color:#93869e;font-size:13px}.web-login label{display:block;font-size:13px;margin:16px 0 10px}.web-login textarea,.web-login input:not([type=file]){display:block;width:100%;margin-top:8px;font-size:16px;min-height:44px;border-radius:10px;background:#fff}.web-login textarea{min-height:90px;word-break:break-all;font-size:13px}.web-login button{min-height:44px;border-radius:9px;font-size:14px}.web-login-tabs{display:flex;background:#ece6f9;padding:5px;border-radius:12px}.web-login-tabs button{flex:1;border:0;background:transparent;color:#9a88af}.web-login-tabs .active{background:#fff;color:#7753c1;box-shadow:0 2px 10px #54416f12}.web-login .web-enter{width:100%;margin:14px 0 10px;min-height:48px}.web-login details{margin:24px 0;padding:16px;background:#f0ebf9;border-radius:12px}.web-login footer{font-size:12px;line-height:1.9;color:#a69bac;margin-top:28px}.web-login .web-auth-message{padding:12px;border-radius:10px;background:#f0eafb;color:#8059a7;white-space:pre-wrap;overflow-wrap:anywhere}.web-import{color:#8b66bc;cursor:pointer}.web-topbar{height:38px;display:flex;align-items:center;gap:12px;padding:0 20px;background:#efe9fc;color:#8a72af;border-bottom:1px solid #e4dafa;font-size:11px}.web-topbar>b{font-size:13px;color:#6c48a7}.web-topbar span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.web-topbar button{padding:3px 7px;font-size:10px;background:transparent}.web-offline{position:fixed;top:38px;left:0;right:0;z-index:1000;text-align:center;background:#fff0cf;padding:8px}.web-bottom,.web-menu-shade{display:none}html[data-platform=web] .app-shell{height:calc(100dvh - 38px)}html[data-platform=web] .mobile-camera{display:none}@media(max-width:760px){html[data-platform=web]{font-size:14px}html[data-platform=web] body{overflow-x:hidden}html[data-platform=web] input:not([type=checkbox]):not([type=range]),html[data-platform=web] textarea,html[data-platform=web] select{font-size:16px}html[data-platform=web] button{touch-action:manipulation}html[data-platform=web] .app-shell{min-width:0;min-height:0;height:calc(100dvh - 96px - env(safe-area-inset-bottom));width:100%;max-width:100vw}html[data-platform=web] .app-main{min-width:0}html[data-platform=web] .app-header{height:52px;padding:0 12px;gap:4px}html[data-platform=web] .workspace-title{width:auto;min-width:0;flex:1}html[data-platform=web] .workspace-title input{font-size:14px;width:100%;min-width:0}html[data-platform=web] .search-input{display:none}html[data-platform=web] .header-actions{gap:0}html[data-platform=web] .header-actions button{padding:8px 5px}html[data-platform=web] .app-rail{display:none}html[data-platform=web] body[data-nav=open] .app-rail{display:flex;position:fixed;top:38px;bottom:calc(58px + env(safe-area-inset-bottom));left:0;width:calc(100vw - 85px);max-width:310px;overflow-y:auto;align-items:stretch;padding:16px;z-index:1001;border-right:0;box-shadow:12px 0 45px #3e27682b}html[data-platform=web] .app-rail .brand{align-items:center}html[data-platform=web] .rail-tool{width:100%;flex-direction:row;justify-content:flex-start;padding:13px 16px;gap:14px}html[data-platform=web] .rail-tool span{font-size:14px}html[data-platform=web] .rail-tool.all-tools{margin:10px 0}html[data-platform=web] .rail-bottom{margin-top:20px}.web-menu-shade{display:block;position:fixed;top:38px;right:0;bottom:58px;left:0;background:#33204b55;border:0;z-index:1000;border-radius:0}html[data-platform=web] .workbench{min-width:0;width:100%;overflow:hidden}html[data-platform=web] .studio-panel{width:100%!important;min-width:0;border:0}html[data-platform=web] .studio-board{width:100%;min-width:0;padding:10px}html[data-platform=web] body[data-pane=design] .workbench:has(.studio-panel:not(.hidden))>.studio-board{display:none}html[data-platform=web] body[data-pane=results] .workbench>.studio-panel{display:none}html[data-platform=web] .controls-head{padding:13px 16px}html[data-platform=web] .controls-scroll{padding:0 16px 18px;overscroll-behavior:contain}html[data-platform=web] .simple-controls .controls-head b{font-size:17px}html[data-platform=web] .simple-controls textarea{font-size:15px}html[data-platform=web] .form-field>span,html[data-platform=web] .step-title b{font-size:13px}html[data-platform=web] .generate-dock{padding-bottom:12px}html[data-platform=web] .generate-button{min-height:47px}html[data-platform=web] .reference-caption b{font-size:13px}html[data-platform=web] .reference-caption small{font-size:11px}html[data-platform=web] .reference-empty{min-height:115px}html[data-platform=web] .mobile-camera{display:inline-flex!important;padding:7px 10px;margin:4px;border:1px solid #d9ceef;border-radius:8px;color:#8061af;font-size:12px!important}.web-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:stretch;background:#fff;border-top:1px solid #e7def4;padding:5px 8px calc(5px + env(safe-area-inset-bottom));height:calc(58px + env(safe-area-inset-bottom));z-index:1003;gap:5px}.web-bottom button{flex:1;border:0;flex-direction:column;font-size:13px;color:#a092ae;padding:4px;background:transparent}.web-bottom button.active{color:#7653c5;background:#f3eefc;border-radius:10px}.web-topbar{padding:0 10px;gap:6px}.web-topbar>b{font-size:12px}.web-topbar>span{font-size:10px}.web-auth{grid-template-columns:1fr;min-height:100dvh}.web-welcome{padding:34px 25px 24px;display:block}.web-logo{width:44px;height:44px;font-size:28px;border-radius:14px;float:left;margin:0 14px 10px 0}.web-welcome h1{font-size:27px;margin:14px 0 8px;clear:both}.web-welcome small{line-height:44px;font-size:11px}.web-welcome p{margin:0;font-size:13px}.web-tags{margin-top:13px;gap:6px}.web-tags span{font-size:11px;padding:5px 10px}.web-login{padding:24px 22px 38px;margin:0 auto}.web-login textarea{font-size:14px;min-height:77px}.web-login h2{font-size:21px}html[data-platform=web] .modal-backdrop{padding:10px!important;align-items:flex-start;overflow:auto;padding-top:max(10px,env(safe-area-inset-top))!important;z-index:2000}html[data-platform=web] .settings-modal,html[data-platform=web] .access-card,html[data-platform=web] .toolbox-modal,html[data-platform=web] .help-modal,html[data-platform=web] .compare-modal{width:100%!important;min-width:0;max-height:calc(100dvh - 20px)!important;margin:0;overflow:auto;border-radius:15px}html[data-platform=web] .settings-tabs{overflow-x:auto;flex-wrap:nowrap}html[data-platform=web] .settings-tabs button{flex-shrink:0}html[data-platform=web] .form-row{flex-wrap:wrap}html[data-platform=web] .form-row>*{min-width:140px}html[data-platform=web] .model-gallery,html[data-platform=web] .toolbox-grid,html[data-platform=web] .design-ideas-grid,html[data-platform=web] .fabric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-platform=web] .result-grid{grid-template-columns:1fr!important}html[data-platform=web] .result-card{width:100%;min-width:0}html[data-platform=web] .result-image{height:auto;max-height:50dvh;min-height:180px}html[data-platform=web] .result-image img{max-height:50dvh;object-fit:contain}html[data-platform=web] .board-context{font-size:10px;gap:5px}html[data-platform=web] .results-workspace{padding:0}html[data-platform=web] .welcome-board{padding:20px 0;max-width:100%;margin:0}html[data-platform=web] .welcome-board h1{font-size:27px}html[data-platform=web] .analysis-page,html[data-platform=web] .cad-page,html[data-platform=web] .workflow-page,html[data-platform=web] .creative-page,html[data-platform=web] .fabric-page,html[data-platform=web] .library-page{padding:14px;width:100%;min-width:0;overflow:auto}html[data-platform=web] .analysis-layout,html[data-platform=web] .cad-layout,html[data-platform=web] .workflow-layout,html[data-platform=web] .creative-layout,html[data-platform=web] .fabric-layout,html[data-platform=web] .library-layout{display:flex;flex-direction:column;gap:14px;min-width:0}html[data-platform=web] .cad-preview,html[data-platform=web] .workflow-preview{min-height:300px}html[data-platform=web] .image-preview{z-index:2500}html[data-platform=web] .image-preview header small{font-size:10px}html[data-platform=web] .preview-toolbar{gap:2px}html[data-platform=web] .preview-toolbar button{padding:7px}html[data-platform=web] .image-preview footer{overflow-x:auto;flex-wrap:wrap;font-size:11px}html[data-platform=web] .toast{bottom:calc(70px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:none;transform:none}html[data-platform=web] .feature-checks{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-platform=web] .licensed-model-row,html[data-platform=web] .task-row{flex-wrap:wrap}html[data-platform=web] .factory-grid{grid-template-columns:1fr!important}}@media(max-width:760px){html[data-platform=web] .mobile-camera{position:absolute;left:4px;top:4px;z-index:2;background:#fffffff0;margin:0}}.web-diagnostics{max-width:680px}.web-diagnostics-body{padding:20px;overflow:auto}.web-diagnostics-body>p{color:#9789a4;line-height:1.8}.web-diagnostics-body section{margin-top:16px;padding:15px;border:1px solid #e9dff5;border-radius:10px}.web-diagnostics-body section>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.web-diagnostics-body section small{color:#9b8aaa;flex:1}.web-diagnostics-body section p{white-space:pre-line;line-height:1.8;font-size:12px}.success{color:#39835d}@media(max-width:760px){.web-topbar[data-admin=true]>span{display:none}.web-topbar[data-admin=true]>b{flex:1}.web-diagnostics-body{padding:14px}.web-diagnostics-body section small{width:100%;word-break:break-all}.grid-panel-fields,.grid-prompts{grid-template-columns:1fr!important}}