.catalog-studio{height:100dvh;overflow:hidden}.studio-shell{display:grid;grid-template-columns:215px minmax(300px,1fr) 365px;height:calc(100dvh - 83px);min-height:0;padding:0}.item-rail{background:#fff;padding:25px 15px;overflow:auto;border-right:1px solid var(--line)}#itemList{margin:20px 0}#itemList button,.item-tabs button{display:flex;gap:9px;align-items:center;width:100%;border:1px solid var(--line);border-radius:9px;padding:13px;background:white;margin-bottom:8px;text-align:left;font-size:13px}#itemList button.active,.item-tabs button.active{border-color:#8ca86c;background:#edf4df}#itemList span,.item-tabs span{font-size:11px;margin-left:auto;color:#69854c}#railAdd{border:1px dashed #a1af8d;background:transparent;padding:13px;width:100%;border-radius:8px}.source-note{font-size:12px;color:#829074;line-height:1.7;margin-top:25px}.canvas{min-height:0}.canvas-top{padding:25px 24px 0}.detail-button{border:1px solid #cdd7bf;background:transparent;border-radius:20px;padding:8px 12px;font-size:12px}.catalog-studio h1{font-size:25px}.catalog-studio .view-switch{position:static;margin-top:18px}.catalog-studio .scene{min-height:0;overflow:hidden;flex:1}.catalog-stage{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;max-height:100%;width:100%;padding:20px}.catalog-product{width:240px;position:relative;display:flex;flex-direction:column;align-items:center;max-height:100%}.package-photo{object-fit:contain;width:100%;height:280px;mix-blend-mode:multiply}.identity-card{width:170px;border-radius:6px;background:var(--product-color);padding:14px 16px;box-shadow:0 12px 20px #27362315;margin-top:-45px;position:relative;color:#2d4238}.identity-card strong{font-family:Manrope,Arial,sans-serif;font-size:23px;display:block;overflow-wrap:anywhere}.identity-card span{display:block;font-size:12px;margin-top:7px}.identity-card small{display:block;font-size:10px;margin-top:8px}.identity-card.bold{background:#2d4238;color:var(--product-color)}.identity-card.type strong{font-family:Georgia,serif;font-style:italic}.box-intent{font-size:11px;margin-top:9px;color:#748064}.package-pending{height:240px;width:220px;border:1px dashed #a7b296;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center}.package-pending span{font-size:12px;margin-top:16px;color:#829074}.canvas-caption{text-align:center;font-size:12px;padding:10px 15px 18px;color:#7a886d}.item-tabs{display:none}.catalog-studio .mobile-tray{position:static;display:flex;flex-direction:column;padding:22px 18px;height:auto;min-height:0;border-radius:0;overflow:auto;border-left:1px solid var(--line);max-width:none}.catalog-studio .tray-heading h2{font-size:17px;max-width:85%;margin:0}.catalog-studio .tray-heading button{flex-shrink:0}#categoryTabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin:18px 0 12px;flex-shrink:0}#categoryTabs button{border:0;white-space:nowrap;background:#edf1e4;border-radius:20px;padding:10px 12px;font-size:13px}#categoryTabs button.active{background:#2f4538;color:white}#optionCards{display:flex;overflow-x:auto;gap:8px;padding:2px 0 10px;scrollbar-width:thin;flex-shrink:0;min-height:130px}.catalog-studio .drag-card{min-width:140px;width:140px;height:146px;min-height:0;padding:10px;touch-action:none;justify-content:flex-start;gap:7px}.drag-card strong{font-size:12px;line-height:1.25;font-weight:500;max-height:46px;overflow:hidden;flex-shrink:0}.drag-card img{width:45px;height:53px;object-fit:contain;mix-blend-mode:multiply}.drag-card small{font-size:11px;line-height:1.3;color:#859179;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.option-symbol{font-size:21px;height:30px;flex-shrink:0}.colour-dot{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:1px solid #86987530}.option-empty{font-size:13px;color:#819173;line-height:1.6}.brand-field{display:block;font-size:13px;width:100%;padding:8px}.brand-field input{font-size:16px;margin-top:10px}#selectedChips{display:flex;gap:5px;overflow-x:auto;margin:8px 0;min-height:28px;flex-shrink:0;scrollbar-width:none}#selectedChips>*{border:0;background:#e9efdd;padding:6px 9px;border-radius:18px;font-size:11px;white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis}.catalog-studio .companion-heading{margin-top:22px;flex-shrink:0;font-size:14px}.companion-heading button{font-size:12px;border:0;background:none;text-decoration:underline}.catalog-studio #companionGallery{flex-shrink:0}.catalog-studio .companion-card{min-width:205px;max-width:205px;height:75px}.companion-card strong{white-space:normal;font-size:13px}.catalog-studio .tray-footer{margin:15px 0;gap:8px}.tray-footer>span{font-size:12px!important}.catalog-studio .studio-actions{margin-top:auto;padding-top:20px}.studio-actions button{min-height:46px}.collection-stage{flex-wrap:wrap;overflow:auto;max-height:100%;align-items:flex-start;gap:16px;padding:20px}.collection-product{width:150px}.collection-product .package-photo{height:155px}.collection-product .identity-card{width:135px;margin-top:-18px;padding:10px}.collection-product .identity-card strong{font-size:18px}.collection-product .identity-card span{font-size:11px}.edit-item{border:1px solid #82966c;background:#fffef6;padding:9px;border-radius:7px;font-size:12px;margin-top:12px;width:100%}.catalog-pop .catalog-product{animation:reveal .4s ease}.catalog-studio .drop-ghost{padding:12px;text-align:center;font-size:12px;width:125px;height:95px}.catalog-studio dialog{width:min(560px,calc(100% - 24px));padding:25px}.catalog-studio dialog p{font-size:14px;line-height:1.6}.catalog-studio dialog h3{font-size:16px}.catalog-studio .inci{font-size:12px;line-height:1.7}.sample-item{border-bottom:1px solid var(--line);padding-bottom:20px}.sample-item>span{font-size:13px;color:#7b896d}.sample-item>button{border:1px solid #c5d2b4;background:#f4f7ee;border-radius:8px;padding:9px;margin:5px 8px 0 0;font-size:13px}#catalogFilter{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;margin:9px 0;font-size:14px;background:white}.catalog-result{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:16px 0}.catalog-result strong,.catalog-result small{display:block}.catalog-result small{font-size:12px;color:#7d8c6e;margin:5px 0}.catalog-result p{font-size:12px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}.catalog-result button{align-self:center;flex-shrink:0;padding:10px 13px;border:0;border-radius:8px;background:#dbeaBE}.catalog-studio #toast{bottom:25px}
@media(max-width:850px){.catalog-studio header{height:55px}.studio-shell{height:calc(100dvh - 55px);display:flex;flex-direction:column;padding:0;min-height:0}.item-rail{display:none}.catalog-studio .canvas{flex:1;min-height:190px}.catalog-studio .canvas-top{padding:12px 16px 0;align-items:center}.catalog-studio h1{font-size:20px;margin-top:4px}.catalog-studio .canvas-top .eyebrow{font-size:9px;display:block}.item-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 16px 0;flex-shrink:0}.item-tabs button{width:auto;white-space:nowrap;font-size:11px;padding:7px 10px;margin:0;flex-shrink:0}.item-tabs span{font-size:10px}.catalog-studio .view-switch{position:absolute;right:12px;top:106px;z-index:3;margin:0}.catalog-studio .view-switch button{font-size:10px;padding:7px 9px}.catalog-studio .scene{margin:0;min-height:0}.catalog-stage{padding:8px;height:100%}.catalog-product{height:100%;width:190px;justify-content:center}.package-photo{height:calc(100% - 38px);min-height:80px;max-height:240px;width:170px}.identity-card{width:145px;padding:9px 11px;margin-top:-33px}.identity-card strong{font-size:19px}.identity-card span{font-size:10px;margin-top:5px}.identity-card small{font-size:9px;margin-top:5px}.canvas-caption{font-size:10px;padding:2px 12px 9px}.catalog-studio .mobile-tray{height:355px;flex-shrink:0;position:relative;overflow:visible;border:0;border-radius:22px 22px 0 0;padding:12px 14px calc(9px + env(safe-area-inset-bottom));height:calc(355px + env(safe-area-inset-bottom));box-shadow:0 -5px 25px #3a4b3210}.catalog-studio .tray-heading h2{font-size:14px}.catalog-studio .tray-heading button{width:28px;height:28px}#categoryTabs{margin:9px 0 8px}#categoryTabs button{padding:7px 10px;font-size:12px}#optionCards{min-height:100px;height:100px;padding:0 0 5px}.catalog-studio .drag-card{min-width:128px;width:128px;height:95px;padding:7px;gap:4px}.drag-card img{height:32px}.drag-card strong{font-size:11px;max-height:39px}.drag-card small{display:none}.option-symbol{height:24px;font-size:20px}.colour-dot{height:25px;width:25px}#selectedChips{margin:5px 0;min-height:25px;height:25px}#selectedChips>*{padding:5px 8px;font-size:10px}.catalog-studio .companion-heading{margin:4px 0 6px;font-size:12px}.companion-heading button{font-size:12px}.catalog-studio .companion-card{height:54px;min-width:195px;max-width:195px;padding:8px}.companion-card strong{font-size:12px}.companion-card small{font-size:10px;margin-top:3px}.catalog-studio .tray-footer{margin:5px 0}.tray-footer>span{font-size:10px!important}.catalog-studio .studio-actions{padding-top:0;margin-top:4px;flex-shrink:0}.studio-actions button{padding:10px;min-height:42px;font-size:14px}.catalog-studio .halo{width:190px;height:190px}.catalog-studio #toast{bottom:calc(368px + env(safe-area-inset-bottom));max-width:95%;white-space:normal;text-align:center}.collection-stage{height:100%;overflow:auto;padding:9px;gap:14px;justify-content:flex-start;flex-wrap:nowrap;align-items:center}.collection-product{width:140px;min-width:140px;height:100%;max-height:270px}.collection-product .package-photo{height:calc(100% - 80px);min-height:45px;max-height:150px}.collection-product .identity-card{width:130px;min-height:65px}.collection-product .identity-card strong{font-size:16px}.edit-item{margin-top:5px;padding:7px;font-size:11px}.box-intent{font-size:10px;margin-top:5px}.package-pending{height:130px;width:170px;font-size:13px}.package-pending span{font-size:11px}.brand-field{padding:0;font-size:12px}.brand-field input{margin-top:7px}.catalog-studio .canvas-top{padding-right:16px}}
@media(max-width:850px) and (max-height:740px){.catalog-studio .canvas{min-height:185px}.catalog-studio .canvas-top .eyebrow{display:none}.catalog-studio h1{font-size:17px}.catalog-studio .view-switch{top:83px}.identity-card small{display:none}.identity-card{padding:6px 9px}.identity-card strong{font-size:16px}.catalog-studio .halo{width:120px;height:120px}.canvas-caption{display:none}.package-photo{max-height:125px}.catalog-studio .canvas-top{padding-top:7px}}
@media(max-width:850px) and (max-height:620px){.catalog-studio{overflow:auto}.studio-shell{height:auto;min-height:700px}.catalog-studio .canvas{height:310px;flex:auto}.catalog-studio .mobile-tray{position:relative;top:auto}.catalog-product{height:210px}.catalog-studio .package-photo{height:150px}}