:root{color:#2d2a26;background:#f7f8fa;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{border:0;cursor:pointer;font:inherit}button:disabled{cursor:not-allowed;opacity:.5}.screen{background:#f7f8fa;margin:0 auto;max-width:430px;min-height:100vh;width:100%}.screen-header{align-items:flex-start;background:color-mix(in srgb,#f7f8fa 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;gap:12px;justify-content:space-between;padding:max(env(safe-area-inset-top),16px) 16px 12px;position:sticky;top:0;z-index:10}.studio-header{display:grid;grid-template-columns:38px minmax(0,1fr) 38px}.header-control-spacer,.header-content-spacer{min-height:38px}.screen-heading{min-width:0}.screen-heading h1,.detail-content h1,.completion-content h1{color:#2d2a26;font-size:25px;letter-spacing:-.05em;line-height:1.24;margin:3px 0 8px}.screen-description,.detail-description{color:#877f76;font-size:13px;font-weight:600;line-height:1.5;margin:0}.icon-button{align-items:center;background:#fff;border-radius:50%;box-shadow:0 1px 3px #2d2a2610;color:#2d2a26;display:inline-flex;flex:0 0 auto;font-size:28px;height:38px;justify-content:center;line-height:1;padding:0;width:38px}.icon-button:active{transform:scale(.9)}.category-chips{display:flex;gap:8px;overflow-x:auto;padding:6px 16px 10px;scrollbar-width:none}.category-chips::-webkit-scrollbar{display:none}.category-chip,.chip-skeleton{border-radius:999px;flex:0 0 auto;min-height:37px}.category-chip{background:#fff;box-shadow:inset 0 0 0 1px #e6e8ef;color:#6b6159;font-size:13px;font-weight:700;padding:9px 16px;transition:background-color .15s,color .15s}.category-chip.active{background:#2d2a26;box-shadow:none;color:#fff}.chip-skeleton{animation:pulse 1.4s ease-in-out infinite;background:#e9ebf0;width:76px}.catalog-grid{display:grid;gap:20px 12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px calc(max(env(safe-area-inset-bottom),16px) + 24px)}.catalog-card{background:transparent;color:#2d2a26;display:grid;gap:8px;min-width:0;padding:0;text-align:left}.catalog-card:active .catalog-image{transform:scale(.96)}.catalog-card>span{overflow:hidden;padding:0 1px;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750}.catalog-image{aspect-ratio:1;background:#e9ebf0;border-radius:16px;box-shadow:0 1px 3px #2d2a2610;overflow:hidden;position:relative;transition:transform .2s;width:100%}.catalog-image img{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.image-shimmer{animation:shimmer 1.25s linear infinite;background:linear-gradient(100deg,#e9ebf0 20%,#f7f8fa,#e9ebf0 70%);background-size:200% 100%;inset:0;position:absolute}.image-fallback{align-items:center;color:#aaa49c;display:flex;font-size:12px;font-weight:700;inset:0;justify-content:center;padding:16px;position:absolute;text-align:center}.catalog-skeleton{display:grid;gap:9px}.catalog-skeleton span,.catalog-skeleton i{animation:pulse 1.4s ease-in-out infinite;background:#e9ebf0;border-radius:16px;display:block}.catalog-skeleton span{aspect-ratio:1}.catalog-skeleton i{border-radius:4px;height:13px;width:68%}.empty-catalog{align-items:center;color:#6b6159;display:flex;flex-direction:column;font-size:14px;font-weight:650;gap:8px;grid-column:1 / -1;padding:64px 20px;text-align:center}.empty-catalog span{font-size:40px}.empty-catalog p{margin:0}.error{color:#a05d5d;font-size:13px;font-weight:700;margin:4px 16px 0}.detail-screen{background:#f7f8fa;min-height:100vh}.detail-hero{background:linear-gradient(145deg,#ded9ef,#f5ecf2);min-height:43vh;padding:28px 32px}.detail-hero .catalog-image{box-shadow:0 12px 34px #2d2a2620;margin:0 auto;max-width:330px}.detail-hero .catalog-image img{object-fit:contain}.detail-content{background:#f7f8fa;border-radius:24px 24px 0 0;margin-top:-20px;min-height:55vh;padding:24px 16px calc(max(env(safe-area-inset-bottom),16px) + 18px);position:relative}.source-picker-card{background:#fff;border:1px solid #e6e8ef;border-radius:18px;display:grid;gap:12px;margin-top:24px;padding:16px}.source-picker-card h2{font-size:15px;margin:0 0 5px}.source-picker-card p{color:#877f76;font-size:12px;font-weight:600;line-height:1.45;margin:0}.primary-button,.secondary-button{border-radius:14px;font-size:14px;font-weight:800;min-height:50px;padding:12px 16px;width:100%}.primary-button{background:#2d2a26;color:#fff}.secondary-button{background:#f0edf7;color:#5e468b}.generation-button{margin-top:14px}.source-image-preview{background:#fff;border:1px solid #e6e8ef;border-radius:18px;margin:16px auto 0;max-width:160px;overflow:hidden;padding:8px}.source-image-preview img{display:block;height:128px;object-fit:contain;width:100%}.completion-screen{display:flex;flex-direction:column}.completion-content{align-items:center;display:flex;flex:1;flex-direction:column;gap:12px;justify-content:center;padding:40px 28px max(env(safe-area-inset-bottom),36px);text-align:center}.completion-description{color:#877f76;font-size:14px;font-weight:600;line-height:1.5;margin:0 0 4px}.completion-style-preview{margin:8px auto 0;max-width:220px;width:min(62vw,220px)}.completion-style-preview .catalog-image{box-shadow:0 14px 32px #2d2a2620}.completion-content .primary-button{margin-top:10px;max-width:260px}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}