.project-design-trigger{width:100%;font:inherit;text-align:left;cursor:pointer}.project-design-trigger:hover{background:#f6faff;border-color:#95bff5}.project-design-trigger:focus-visible{outline-offset:3px;outline:2px solid #086af1}.project-design-dialog{box-sizing:border-box;color:#172b47;background:#fff;border:1px solid #e5eaf2;border-radius:18px;width:min(1400px,100vw - 64px);max-width:calc(100vw - 64px);height:min(980px,100dvh - 64px);max-height:calc(100dvh - 64px);margin:auto;padding:0;font-family:inherit;overflow:hidden;box-shadow:0 28px 100px #071a484d}.project-design-dialog[open]{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.project-design-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a193a99}.project-design-dialog *{box-sizing:border-box}.project-design-header,.project-design-toolbar,.project-design-footer{min-width:0}.project-design-header{border-bottom:1px solid #edf0f5;align-items:center;gap:12px;padding:18px 24px;display:flex}.project-design-heading-icon{color:#146af0;background:#f0f6ff;border:1px solid #dce9ff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.project-design-heading{flex:1;min-width:0}.project-design-heading h2{color:#132542;margin:0;font-size:18px;font-weight:650;line-height:1.4}.project-design-heading p{color:#8491a5;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:12px;line-height:1.5;overflow:hidden}.project-design-preview-label{color:#8896aa;white-space:nowrap;border:1px solid #e6ebf3;border-radius:6px;padding:4px 9px;font-size:11px}.project-design-icon-button{color:#67768d;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.project-design-icon-button:hover:not(:disabled){color:#146af0;background:#edf3fb}.project-design-icon-button:disabled{opacity:.3;cursor:default}.project-design-dialog :is(button,a):focus-visible{outline-offset:2px;outline:2px solid #086af1}.project-design-toolbar{border-bottom:1px solid #e6eaf1;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.project-design-tabs{scrollbar-width:thin;background:#f5f7fb;border:1px solid #e7ecf4;border-radius:10px;gap:4px;min-width:0;padding:4px;display:flex;overflow-x:auto}.project-design-tabs button{color:#7f8ca0;min-height:32px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:8px;padding:5px 13px;font-size:12px;display:flex}.project-design-tabs button[aria-selected=true]{color:#1767e5;background:#fff;box-shadow:0 1px 4px #233f6520}.project-design-tabs small{color:#91a0b6;background:#e9eef7;border-radius:5px;place-items:center;min-width:18px;height:18px;font-size:10px;display:grid}.project-design-tabs [aria-selected=true] small{color:#3b7fe5;background:#edf4ff}.project-design-zoom{flex:none;align-items:center;gap:2px;display:flex}.project-design-fit{color:#63748f;min-width:46px;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 4px;font-size:11px}.project-design-fit:hover{background:#f1f5fa}.project-design-original{color:#71819a;border-left:1px solid #e7ecf4;align-items:center;gap:6px;margin-left:12px;padding:7px 0 7px 16px;font-size:11px;text-decoration:none;display:flex}.project-design-original:hover{color:#146af0}.project-design-body{grid-template-columns:152px minmax(0,1fr);min-width:0;min-height:0;display:grid}.project-design-thumbnails{scrollbar-width:thin;background:#fff;border-right:1px solid #e6eaf1;flex-direction:column;gap:16px;min-width:0;min-height:0;padding:20px 16px;display:flex;overflow:auto}.project-design-thumbnails button{min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:none;padding:0}.project-design-thumbnail-image{background:#f0f3f8;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:flex-start;width:100%;height:80px;padding:5px;display:flex;overflow:hidden}.project-design-thumbnail-image img{object-fit:cover;object-position:top;border-radius:3px;width:100%;height:100%;display:block}.project-design-thumbnails.is-mobile .project-design-thumbnail-image img{object-fit:contain;width:auto;max-width:100%}.project-design-thumbnails .is-selected .project-design-thumbnail-image{background:#eaf2ff;border-color:#3884fb}.project-design-thumbnail-title{color:#7e8ca2;white-space:nowrap;text-overflow:ellipsis;gap:6px;margin-top:8px;font-size:11px;line-height:1.5;display:flex;overflow:hidden}.project-design-thumbnail-title small{color:#a8b3c2;font-size:10px}.project-design-thumbnails .is-selected .project-design-thumbnail-title{color:#1669e5}.project-design-viewer{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.project-design-details{scrollbar-width:thin;overflow-wrap:anywhere;background:#fff;border-bottom:1px solid #e6eaf1;flex:none;max-height:min(180px,40%);padding:16px 24px;overflow:auto}.project-design-details h3{color:#243853;margin:0;font-size:16px;font-weight:600;line-height:1.5}.project-design-details p{color:#7a899f;white-space:pre-wrap;margin:6px 0 0;font-size:12px;line-height:1.8}.project-design-stage{overscroll-behavior:contain;scrollbar-width:thin;background-color:#f1f3f7;background-image:radial-gradient(#d5dce6 .8px,#0000 .8px);background-size:16px 16px;flex:1;min-width:0;min-height:0;overflow:auto}.project-design-canvas{flex-direction:column;align-items:center;min-height:100%;margin:0;display:flex}.project-design-image-frame{background:#fff;border:1px solid #e0e5ef;border-radius:9px;flex:none;margin:0;overflow:hidden;box-shadow:0 12px 32px #17345b12}.project-design-image-frame img{width:100%;height:auto;display:block}.project-design-stage.is-mobile .project-design-image-frame{border-radius:18px;box-shadow:0 14px 45px #17345b20}.project-design-footer{background:#fff;border-top:1px solid #e6eaf1;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 24px;display:flex}.project-design-current{align-items:center;gap:8px;min-width:0;display:flex}.project-design-current-dot{background:#2576ee;border-radius:50%;flex:none;width:5px;height:5px}.project-design-current strong{color:#5d6f88;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.project-design-keyboard-hint{color:#a4afbf;white-space:nowrap;margin-left:12px;font-size:10px}.project-design-touch-hint{color:#a4afbf;font-size:10px;display:none}.project-design-pagination{color:#4c617c;font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:10px;font-size:12px;display:flex}.project-design-pagination small{color:#a2aebf;font-size:12px}.project-design-empty{color:#8b99ad;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;min-height:220px;padding:32px;font-size:13px;display:flex}.project-design-empty svg{color:#a8b6ca}.project-design-empty p{margin:0}.project-design-empty a{color:#2474e8;text-decoration:none}@media (max-width:900px){.project-design-dialog{width:calc(100vw - 32px);max-width:calc(100vw - 32px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}.project-design-body{grid-template-columns:128px minmax(0,1fr)}.project-design-keyboard-hint{display:none}}@media (max-width:700px){.project-design-dialog{border:0;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh}.project-design-header{padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));gap:10px}.project-design-heading-icon{border-radius:9px;width:34px;height:34px}.project-design-heading h2{font-size:16px}.project-design-heading p{font-size:11px}.project-design-preview-label{padding:3px 6px;font-size:9px}.project-design-toolbar{gap:8px;padding:10px 12px}.project-design-tabs{border-radius:9px;gap:2px;padding:3px}.project-design-tabs button{gap:5px;min-height:32px;padding:5px 8px;font-size:11px}.project-design-tabs button svg{width:14px;height:14px}.project-design-tabs small{min-width:14px;height:16px;font-size:9px}.project-design-zoom{gap:0}.project-design-zoom .project-design-icon-button{width:29px;height:32px}.project-design-fit{min-width:37px;font-size:10px}.project-design-original{margin-left:3px;padding:7px 3px 7px 8px}.project-design-original span{display:none}.project-design-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.project-design-viewer{grid-row:1}.project-design-details{max-height:min(136px,40%);padding:12px 16px}.project-design-details h3{font-size:14px}.project-design-details p{margin-top:4px;font-size:12px;line-height:1.7}.project-design-thumbnails{border-top:1px solid #e6eaf1;border-right:0;flex-direction:row;grid-row:2;gap:12px;padding:12px 16px;overflow-x:auto}.project-design-thumbnails button{width:76px}.project-design-thumbnail-image{border-radius:6px;height:50px;padding:3px}.project-design-thumbnail-title{gap:4px;margin-top:5px;font-size:10px}.project-design-thumbnail-title small{font-size:9px}.project-design-footer{min-height:56px;padding:9px 12px;padding-bottom:max(9px,env(safe-area-inset-bottom));gap:8px}.project-design-current{flex-wrap:wrap;gap:4px 6px}.project-design-current strong{max-width:160px;font-size:11px}.project-design-touch-hint{flex-basis:100%;margin-left:11px;font-size:9px;display:block}.project-design-pagination{gap:4px;font-size:11px}.project-design-pagination small{font-size:11px}}@media (max-width:350px){.project-design-toolbar{gap:4px;padding:9px 8px}.project-design-tabs button{padding:5px 6px}.project-design-original{display:none}}