:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111318;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #1557ff;--accent-soft: #eef3ff;--text: #111318;--muted: #686f7b;--border: #dfe3ea;--soft-border: #edf0f4;--drawer-width: 620px;--header-height: 50px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{min-width:320px;background:#fff;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;background:#fff}body.drawer-open{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8eaeff;outline-offset:2px}a{color:inherit}.app-shell{min-height:100dvh;overflow:visible;background:#fff}.site-header{position:sticky;top:0;z-index:30;height:var(--header-height);display:grid;grid-template-columns:150px 1fr auto;align-items:center;padding:0 18px;border-bottom:1px solid var(--border);background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{border:0;background:transparent;padding:5px 0;font-size:16px;font-weight:790;letter-spacing:-.35px;text-align:left;cursor:pointer}.site-header nav{height:100%;display:flex;align-items:center;gap:28px}.site-header nav button{position:relative;height:100%;padding:0;border:0;color:#555d69;background:transparent;font-size:12px;font-weight:680;cursor:pointer}.site-header nav button:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--text);transition:right .18s ease}.site-header nav button.active{color:var(--text)}.site-header nav button.active:after{right:0}.collection-button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border:0;border-radius:8px;color:#fff;background:#111318;font-size:11px;font-weight:740;cursor:pointer}.collection-button span{min-width:18px;height:18px;display:inline-grid;place-items:center;border-radius:6px;color:#111318;background:#fff;font-size:10px}.mobile-register-button{display:none}.main-content{width:min(1220px,calc(100% - 64px));min-height:calc(100dvh - var(--header-height));height:auto;margin:0 auto;overflow:visible;padding:24px 0 100px;transition:width .22s ease,margin .22s ease}.main-content.with-drawer{width:calc(100% - var(--drawer-width) - 48px);margin-left:24px;margin-right:calc(var(--drawer-width) + 24px);padding-top:18px}body.drawer-open .app-shell{height:100dvh;overflow:hidden}body.drawer-open .main-content.with-drawer{height:calc(100dvh - var(--header-height));min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.main-content.with-drawer .browse-heading,.main-content.with-drawer .search-discovery{display:none}.main-content.with-drawer .search-area{position:sticky;top:0;z-index:12;margin-top:0;padding-top:6px;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.main-content.with-drawer .main-search{min-height:52px}.browse-heading h1{max-width:760px;margin:0;font-size:clamp(28px,3vw,38px);line-height:1.12;letter-spacing:-1.7px;font-weight:790}.browse-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog-status{flex:none;margin-bottom:5px;padding:7px 10px;border:1px solid #cfd9ec;border-radius:999px;color:#345178;background:#f4f7fc;font-size:11px;font-weight:730}.catalog-status--loading{color:#777f8a;background:#f7f8fa}.catalog-status--error{border-color:#f0c5ca;color:#b72b3b;background:#fff5f6}.browse-heading p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.search-area{margin-top:18px}.main-search{min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:7px 8px 7px 17px;border:1px solid #aeb7c5;border-radius:15px;color:#505864;background:#fff;box-shadow:0 10px 30px #121f370f;transition:border-color .16s,box-shadow .16s}.main-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #1557ff1a}.main-search input{width:100%;height:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:15px}.main-search input::placeholder{color:#8b929d}.main-search button{border:0;color:#6a7280;background:transparent;font-size:12px;font-weight:650;cursor:pointer}.main-search .search-clear{padding:9px 7px}.main-search .search-submit{min-height:46px;padding:0 18px;border-radius:11px;color:#fff;background:#111318;box-shadow:0 9px 20px #11131829;font-weight:760}.main-search .search-submit:hover{background:#252932}.search-label-short{display:none}.main-search kbd{min-width:27px;height:27px;display:grid;place-items:center;border:1px solid #dfe3ea;border-radius:6px;color:#767e8a;background:#fafbfc;font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.filter-row{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--soft-border)}.category-list{display:flex;gap:9px;flex-wrap:wrap}.category-list button{min-height:36px;padding:0 15px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:13px;font-weight:650;cursor:pointer;transition:.16s ease}.category-list button:hover{border-color:#aab1bd}.category-list button.active{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 6px 16px #1557ff2e}.result-tools{display:flex;align-items:center;gap:16px;color:#7a818c;font-size:13px;white-space:nowrap}.result-tools strong{color:var(--text)}.sort-select{position:relative;min-width:96px;height:38px;display:flex;align-items:center}.sort-select select{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 34px 0 13px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:#fff;font-size:13px;font-weight:650;cursor:pointer}.sort-select svg{position:absolute;right:11px;pointer-events:none}.search-discovery{margin-top:24px;overflow:hidden;border:1px solid #ccd8ef;border-radius:16px;background:linear-gradient(135deg,#f7f9ff,#fff 52%,#f8fbff);box-shadow:0 12px 32px #223e740f}.discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px}.discovery-copy{min-width:0}.discovery-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#1557d9;font-size:11px;font-weight:780}.discovery-copy h2{margin:7px 0 5px;font-size:20px;letter-spacing:-.55px}.discovery-copy p{max-width:650px;margin:0;color:#68717e;font-size:12px;line-height:1.6}.discovery-actions{display:flex;gap:9px;flex:none}.live-status{flex:none;padding:8px 11px;border:1px solid #ccd8ee;border-radius:999px;color:#28539d;background:#fff;font-size:11px;font-weight:780}.live-status--loading:before{content:"";width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%;background:#1557ff;animation:live-pulse .9s ease-in-out infinite alternate}.live-status--error,.live-status--empty{color:#777f8a}@keyframes live-pulse{to{opacity:.28;transform:scale(.7)}}.codepen-search-link,.web-search-link{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:10px;font-size:12px;font-weight:720;text-decoration:none}.codepen-search-link{border:1px solid #111318;color:#fff;background:#111318;box-shadow:0 8px 18px #11131821}.web-search-link{border:1px solid #d4dbe8;color:#495363;background:#fff}.translated-query{min-height:46px;display:flex;align-items:center;gap:10px;padding:9px 22px;border-top:1px solid #e1e7f2;border-bottom:1px solid #e1e7f2;color:#758091;background:#ffffffad}.translated-query span{font-size:10px;font-weight:750;text-transform:uppercase}.translated-query strong{padding:5px 8px;border-radius:6px;color:#1749b5;background:#eaf0ff;font:650 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.translated-query small{font-size:11px}.visual-only-rule{display:flex;gap:8px;flex-wrap:wrap;padding:14px 22px;border-bottom:1px solid #e1e7f2;background:#f9fbff}.visual-only-rule span{padding:6px 8px;border:1px solid #dce4f1;border-radius:7px;color:#536177;background:#fff;font-size:9px;font-weight:700}.automation-pipeline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:15px 22px;border-bottom:1px solid #e1e7f2;background:#f9fbff}.automation-pipeline span{padding:7px 10px;border:1px solid #d6e0f3;border-radius:8px;color:#355170;background:#fff;font-size:10px;font-weight:740}.automation-pipeline b{color:#98a5b8;font-size:12px}.automatic-search-state{min-height:76px;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:1px solid #e1e7f2;color:#68768a;background:#ffffffb3;font-size:11px}.automatic-search-state i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:search-dot .9s ease-in-out infinite alternate}.automatic-search-state i:nth-child(2){animation-delay:.15s}.automatic-search-state i:nth-child(3){animation-delay:.3s}.automatic-search-state span{margin-left:6px}.automatic-search-summary{display:grid;gap:5px;padding:15px 22px;border-bottom:1px solid #e1e7f2;color:#436453;background:#f4fbf7}.automatic-search-summary strong{font-size:12px}.automatic-search-summary span{color:#61746a;font-size:10px;line-height:1.5}.automatic-search-summary--empty{color:#596477;background:#f7f9fc}.automatic-search-summary--error{color:#9a3e46;background:#fff5f6}.source-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:14px 22px;border-bottom:1px solid #e1e7f2;background:#ffffff85}.source-shortcuts a{min-width:0;min-height:55px;position:relative;display:grid;align-content:center;gap:3px;padding:8px 28px 8px 10px;border:1px solid #dce2ec;border-radius:10px;background:#fff;text-decoration:none;transition:border-color .16s,transform .16s}.source-shortcuts a:hover{border-color:#9eb0d2;transform:translateY(-1px)}.source-shortcuts strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.source-shortcuts span{overflow:hidden;color:#818997;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.source-shortcuts svg{position:absolute;top:9px;right:9px;width:13px;color:#8993a3}.live-results{display:grid;gap:9px;padding:18px 22px 20px;border-bottom:1px solid #e1e7f2}.live-result-card{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid #dde3ed;border-radius:12px;background:#fff;box-shadow:0 3px 12px #20304e09}.result-source{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:#17191f;font-size:13px;font-weight:820}.result-source--npm{background:#c9343b}.result-main{min-width:0}.result-title-row{display:flex;align-items:center;gap:7px;color:#707987;font-size:9px;font-weight:700}.result-title-row span{color:#234d98}.result-title-row small{padding-left:7px;border-left:1px solid #dfe4ec;font-size:9px}.result-main h3{overflow:hidden;margin:4px 0 3px;font-size:13px;letter-spacing:-.25px;text-overflow:ellipsis;white-space:nowrap}.result-main p{overflow:hidden;margin:0;color:#6f7783;font-size:10px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.result-tags{display:flex;gap:5px;margin-top:7px;overflow:hidden}.result-tags span{flex:none;padding:3px 5px;border-radius:5px;color:#6e7682;background:#f3f5f7;font-size:9px}.result-actions{display:flex;align-items:center;gap:7px}.result-actions a,.result-actions button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #d8dee8;border-radius:8px;background:#fff;font-size:10px;font-weight:730;text-decoration:none;cursor:pointer}.result-actions button{border-color:#111318;color:#fff;background:#111318}.result-actions .result-preview-button{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 7px 14px #1557ff29}.result-actions button:disabled{border-color:#d7dce4;color:#7f8792;background:#eef0f3;cursor:default}.result-actions svg{width:13px}.search-loading{min-height:92px;display:flex;align-items:center;justify-content:center;gap:6px;color:#717b89;font-size:11px}.search-loading i{width:7px;height:7px;border-radius:50%;background:#1557ff;animation:search-dot .9s ease-in-out infinite alternate}.search-loading i:nth-child(2){animation-delay:.15s}.search-loading i:nth-child(3){animation-delay:.3s}.search-loading span{margin-left:5px}@keyframes search-dot{to{opacity:.2;transform:translateY(-4px)}}.live-empty{min-height:84px;display:grid;place-content:center;gap:6px;text-align:center}.live-empty strong{font-size:12px}.live-empty span{color:#78818e;font-size:10px}.live-search-note{margin:0;padding:8px 10px;border-radius:8px;color:#8b4c24;background:#fff8eb;font-size:10px}.codepen-capture{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px 0}.codepen-capture div{display:grid;gap:4px}.codepen-capture strong{font-size:12px}.codepen-capture span{color:#77808c;font-size:10px}.codepen-capture a{min-height:38px;display:inline-flex;align-items:center;gap:6px;flex:none;padding:0 12px;border:1px solid #111318;border-radius:9px;color:#fff;background:#111318;font-size:10px;font-weight:730;text-decoration:none}.codepen-capture svg{width:13px}.discovery-import{display:grid;grid-template-columns:minmax(240px,1fr) 132px auto;align-items:end;gap:10px;padding:18px 22px 20px}.discovery-import label{min-width:0;display:grid;gap:7px;color:#555f6d;font-size:11px;font-weight:720}.discovery-import input,.discovery-import select{width:100%;height:44px;padding:0 12px;border:1px solid #d4dbe7;border-radius:9px;outline:0;color:var(--text);background:#fff;font-size:13px}.discovery-import input:focus,.discovery-import select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1557ff1a}.discovery-import-button{height:44px;padding:0 16px;border:1px solid var(--accent);border-radius:9px;color:#fff;background:var(--accent);font-size:12px;font-weight:740;cursor:pointer;box-shadow:0 8px 18px #1557ff2e}.discovery-import-button:disabled{border-color:#d9dde5;color:#9198a2;background:#eceef2;box-shadow:none;cursor:default}.discovery-error{grid-column:1 / -1;margin:0;color:#c62f3e;font-size:11px}.discovery-detected{grid-column:1 / -1;margin:0;color:#176a42;font-size:11px;font-weight:700}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-top:24px}.effect-card{overflow:hidden;min-width:0;border:1px solid var(--border);border-radius:16px;background:#fff;content-visibility:auto;contain-intrinsic-size:570px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.effect-card:hover{transform:translateY(-3px);border-color:#b8bec9;box-shadow:0 18px 38px #121a2b14}.effect-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.effect-card__preview{position:relative;width:100%;height:clamp(360px,32vw,420px);display:block;overflow:hidden;padding:0;border:0;border-bottom:1px solid var(--soft-border);background:#f7f8fa}.effect-card__preview .preview-stage{pointer-events:auto}.imported-badge{position:absolute;top:12px;left:12px;z-index:5;padding:6px 8px;border:1px solid rgb(255 255 255 / .72);border-radius:7px;color:#fff;background:#1557ffe6;box-shadow:0 6px 18px #0c2c7738;font-size:10px;font-weight:750;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.discovered-badge{background:#111318e0}.remove-imported{position:absolute;top:10px;right:10px;z-index:6;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgb(255 255 255 / .7);border-radius:8px;color:#fff;background:#111318c7;font-size:18px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.remove-imported:hover{background:#cf3342}.preview-action{position:absolute;right:12px;bottom:12px;z-index:5;padding:8px 11px;border:0;border-radius:8px;color:#fff;background:#111318d6;font-size:11px;font-weight:700;opacity:0;transform:translateY(5px);transition:.16s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.effect-card__preview:hover .preview-action,.preview-action:focus-visible{opacity:1;transform:none}.effect-card__body{padding:10px 12px 11px}.effect-card__title-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.text-button{overflow:hidden;padding:0;border:0;background:transparent;font-size:13px;font-weight:750;letter-spacing:-.2px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.save-button{width:28px;height:28px;display:grid;place-items:center;flex:none;border:0;border-radius:8px;color:#606874;background:transparent;cursor:pointer}.save-button svg{width:15px;height:15px}.save-button:hover{background:#f1f3f6}.save-button.is-saved{color:var(--accent);background:var(--accent-soft)}.effect-card__korean{margin:1px 0 7px;color:#79818d;font-size:10px}.creator-row{display:flex;align-items:center;gap:5px;color:#66707b;font-size:10px}.creator-avatar{width:18px;height:18px;display:grid;place-items:center;border:1px solid #dfe3e8;border-radius:50%;color:#fff;background:#171a20;font-size:8px;font-weight:800}.source-dot{color:#b0b5bd}.tag-row{display:flex;gap:4px;margin-top:7px;overflow:hidden}.tag-row span{padding:3px 5px;border-radius:5px;color:#6f7681;background:#f4f5f7;font-size:8px;white-space:nowrap}.preview-stage{width:100%;height:100%;position:relative;display:grid;place-items:center;overflow:hidden;background:#fbfcfd}.preview-stage--dark{background:#111318}.codepen-stage{display:block;background:#f3f6fb}.codepen-stage iframe{width:100%;height:calc(100% + 82px);border:0;transform:translateY(-50px)}.uiverse-stage{background:#edf1f6}.uiverse-stage iframe{width:100%;height:100%;border:0;background:transparent}.external-embed-stage{background:#eef2f7}.external-embed-stage iframe{width:100%;height:100%;border:0;background:#fff}.magnetic-stage:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 10px,rgb(255 255 255 / .035) 11px 12px)}.magnetic-demo{position:relative;z-index:1;display:inline-flex;align-items:center;gap:28px;padding:14px 22px;border:1px solid #3a3e46;border-radius:999px;color:#fff;background:linear-gradient(#191b20,#101115);box-shadow:inset 0 1px #ffffff1f,0 18px 28px #00000052;font-size:14px;transition:transform .14s ease-out}.kinetic-stage{background:#fff}.kinetic-demo{display:flex;align-items:center;gap:24px}.kinetic-demo button{position:relative;padding:10px 0;border:0;color:#5d6570;background:transparent;font-size:12px;cursor:pointer}.kinetic-demo button:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;border-radius:3px;background:var(--accent);transition:right .22s cubic-bezier(.2,.8,.2,1)}.kinetic-demo button.active{color:var(--text)}.kinetic-demo button.active:after{right:0}.elastic-stage{background:radial-gradient(circle at 50% 64%,#725cff1c,transparent 38%),#fff}.elastic-demo{width:72%;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #d7dbe3;border-radius:999px;color:#4e5663;background:#fff;box-shadow:0 10px 30px #4f43c714;transition:width .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.elastic-demo:focus-within{width:84%;box-shadow:0 18px 34px #6250eb2e}.elastic-demo input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:12px}.morph-stage{background:linear-gradient(90deg,#fff 55%,#fafbfc)}.morph-demo{position:relative;z-index:2;width:62px;height:62px;border:1px solid #dfe3ea;border-radius:50%;background:#fff;box-shadow:0 13px 24px #191f2b1f;cursor:pointer}.morph-demo i{width:20px;height:2px;display:block;margin:6px auto;border-radius:3px;background:#111318;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.morph-demo.open i:first-child{transform:translateY(4px) rotate(45deg)}.morph-demo.open i:last-child{transform:translateY(-4px) rotate(-45deg)}.morph-trail{position:absolute;left:50%;width:0;height:80px;background:radial-gradient(ellipse,#1557ff25,transparent 70%);transition:width .26s ease}.morph-trail.visible{width:220px}.aurora-stage{background:radial-gradient(circle at 82% 78%,#00e5ff25,transparent 28%),radial-gradient(circle at 18% 0,#7c3cff2e,transparent 36%),#10121c}.aurora-haze{position:absolute;width:230px;height:120px;border-radius:50%;background:linear-gradient(90deg,#008cff,#c02aff);filter:blur(45px);opacity:.45;animation:haze 5s ease-in-out infinite alternate}.aurora-demo{position:relative;z-index:1;display:flex;gap:24px;padding:14px 21px;border:1px solid rgb(255 255 255 / .35);border-radius:999px;color:#fff;background:linear-gradient(100deg,#0879ff,#6c31ff,#d51bc0,#0879ff);background-size:250%;box-shadow:0 0 30px #6b37ff99,inset 0 1px #fff6;font-size:13px;animation:aurora-flow 4s linear infinite}@keyframes aurora-flow{to{background-position:250% 0}}@keyframes haze{to{transform:translate(32px) scale(1.15)}}.confirm-stage{background:#fbfcfd}.confirm-demo{position:relative;z-index:1;display:flex;align-items:center;gap:30px;padding:10px 10px 10px 16px;border:1px solid #e1e4ea;border-radius:14px;background:#fff;box-shadow:0 17px 24px #1c222f1f;font-size:12px}.confirm-demo:before,.confirm-demo:after{content:"";position:absolute;z-index:-1;left:8px;right:8px;height:100%;border:1px solid #e7e9ed;border-radius:inherit;background:#f8f9fa}.confirm-demo:before{top:7px}.confirm-demo:after{top:13px;left:15px;right:15px;background:#f1f3f5}.confirm-demo button{padding:9px 12px;border:0;border-radius:9px;color:#fff;background:#f23d45;font-size:11px;font-weight:700;cursor:pointer}.confirm-demo.done button{background:#15171c}.segment-stage{background:radial-gradient(circle at center,#eaf2ff,transparent 45%),#fbfcfe}.segment-demo{display:flex;padding:5px;border:1px solid #d8dce4;border-radius:14px;background:#f2f4f7;box-shadow:0 13px 24px #1320381a}.segment-demo button{width:54px;height:44px;border:0;border-radius:10px;color:#4a5260;background:transparent;font-size:20px;cursor:pointer;transition:.18s ease}.segment-demo button.active{color:#fff;background:#1671ff;box-shadow:0 8px 16px #1663dc40;transform:translateY(-1px)}.scroll-stage{background:#fff}.scroll-demo{width:72%;color:#9299a4;font-size:10px;text-align:center}.scroll-demo:before{content:"";display:block;height:3px;border-radius:5px;background:linear-gradient(90deg,#e6e9ee 0,#e6e9ee 44%,#1557ff 44%,#1557ff 48%,#e6e9ee 48%)}.scroll-demo i{width:8px;height:8px;display:block;margin:-5px 0 12px 44%;border:2px solid white;border-radius:50%;background:#1557ff;box-shadow:0 0 0 3px #dce6ff;animation:scroll-point 2.4s ease-in-out infinite alternate}@keyframes scroll-point{to{margin-left:76%}}.orbit-stage{gap:15px;align-content:center;background:radial-gradient(circle,#edf3ff,transparent 45%),#fff;color:#7d8591;font-size:11px}.orbit-demo{position:relative;width:76px;height:76px;animation:orbit-rotate 2.6s linear infinite}.orbit-demo:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #dbe4f7;border-radius:50%}.orbit-demo i{position:absolute;left:33px;top:1px;width:10px;height:10px;border-radius:50%;background:#1557ff;transform-origin:5px 37px}.orbit-demo i:nth-child(2){opacity:.55;transform:rotate(120deg)}.orbit-demo i:nth-child(3){opacity:.25;transform:rotate(240deg)}@keyframes orbit-rotate{to{rotate:360deg}}.detail-drawer{position:fixed;z-index:40;top:var(--header-height);right:0;bottom:0;width:var(--drawer-width);display:grid;grid-template-rows:64px minmax(0,1fr) 60px;border-left:1px solid var(--border);background:#fff;box-shadow:-18px 0 50px #141c2b0f}.drawer-header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 16px;border-bottom:1px solid var(--border);background:#fff}.drawer-heading{min-width:0;display:grid;gap:3px}.drawer-heading span{overflow:hidden;color:#7b838f;font-size:10px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.drawer-heading strong{min-width:0;overflow:hidden;color:var(--text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.drawer-header-actions{flex:none;display:flex;align-items:center;gap:2px}.drawer-header-actions .icon-button{width:34px;height:34px;color:#505966;text-decoration:none}.drawer-save-action.is-saved{color:#fff;background:#111318}.drawer-save-action.is-saved:hover{background:#282c33}.drawer-remove-action{height:30px;margin-right:2px;padding:0 7px;border:0;color:#b83240;background:transparent;font-size:10px;font-weight:700;cursor:pointer}.drawer-remove-action:hover{text-decoration:underline}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;cursor:pointer}.icon-button:hover{background:#f2f4f6}.detail-scroll{min-height:0;overflow:hidden;background:#fff}.detail-workbench{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:minmax(340px,1.65fr) minmax(220px,.9fr)}.preview-workspace{min-width:0;min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr);overflow:hidden;border-bottom:1px solid var(--border);background:#f6f7f9}.detail-preview{min-height:0;display:grid;place-items:center;overflow:hidden;padding:14px;background:#f6f7f9}.detail-preview__frame{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.detail-preview__viewport{position:absolute;left:50%;top:50%;overflow:hidden;border:1px solid #d7dce3;border-radius:6px;background:#fff;box-shadow:0 5px 16px #19233412;transform:translate(-50%,-50%) scale(var(--preview-scale));transform-origin:center;transition:transform .22s ease}.device-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--soft-border);color:#737c88;background:#fff;font-size:10px}.device-switcher{display:flex;gap:6px}.device-switcher button{width:34px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;color:#6e7681;background:transparent;cursor:pointer}.device-switcher button:hover{background:#f2f4f6}.device-switcher button.active{border-color:#cfd5dd;color:#111318;background:#fff;box-shadow:0 1px 3px #19233414}.device-switcher button[aria-label="모바일 가로"] svg{transform:rotate(90deg)}.source-viewer--workspace{min-width:0;min-height:0;display:grid;grid-template-rows:44px minmax(0,1fr);overflow:hidden;background:#fff}.source-viewer-header{display:flex;align-items:center;justify-content:space-between;padding-right:12px;border-bottom:1px solid var(--soft-border)}.code-copy-button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;color:#68717e;background:transparent;cursor:pointer}.code-copy-button:hover{color:var(--accent);background:var(--accent-soft)}.source-tabs{height:100%;display:flex;align-items:end;gap:26px;padding:0 18px}.source-tabs button{position:relative;height:100%;padding:0;border:0;color:#68717e;background:transparent;font-size:12px;font-weight:650;cursor:pointer}.source-tabs button:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--accent);transition:right .16s}.source-tabs button.active{color:var(--text)}.source-tabs button.active:after{right:0}.code-panel{min-width:0;min-height:0;overflow:hidden;background:#f8f9fb}.code-panel pre{width:100%;height:100%;min-height:0;margin:0;overflow:auto;padding:13px 14px;color:#233e8e;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;scrollbar-gutter:stable}.code-panel iframe{width:100%;height:100%;border:0;background:#fff}.code-panel .codepen-source-frame{height:calc(100% + 96px);transform:translateY(-48px)}.drawer-footer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border);background:#fff}.drawer-footer .secondary-action,.drawer-footer .primary-action{min-width:0;min-height:42px}.drawer-footer .primary-action{border-color:#111318;background:#111318;box-shadow:none}.secondary-action,.primary-action{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:720;text-decoration:none;cursor:pointer}.secondary-action{border:1px solid var(--border);color:#262c35;background:#fff}.primary-action{border:1px solid var(--accent);color:#fff;background:var(--accent);box-shadow:0 8px 18px #1557ff2e}.primary-action:disabled{border-color:#c8cdd5;color:#7b838f;background:#eef0f3;box-shadow:none;cursor:default}.copy-fallback-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;padding:20px}.copy-fallback-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#0a0f1885;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.copy-fallback-dialog{position:relative;width:min(620px,100%);max-height:calc(100dvh - 40px);display:grid;grid-template-rows:auto auto minmax(180px,1fr) auto;gap:14px;overflow:hidden;padding:20px;border:1px solid #d9dee6;border-radius:18px;background:#fff;box-shadow:0 30px 90px #080e1947}.copy-fallback-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px}.copy-fallback-dialog header div{display:grid;gap:3px}.copy-fallback-dialog header span{color:#8a5c19;font-size:10px;font-weight:760}.copy-fallback-dialog h2{margin:0;font-size:20px;letter-spacing:-.5px}.copy-fallback-dialog>p{margin:0;color:#626b77;font-size:12px;line-height:1.6}.copy-fallback-dialog>p strong{color:#111318}.copy-fallback-dialog textarea{width:100%;min-height:230px;resize:none;padding:14px;border:1px solid #cfd6e1;border-radius:11px;outline:0;color:#253c7d;background:#f8f9fb;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.copy-fallback-dialog textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1557ff1a;background:#fff}.copy-fallback-dialog footer{display:grid;grid-template-columns:1fr 1fr;gap:9px}.copy-fallback-dialog footer button{min-height:42px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:12px;font-weight:730;cursor:pointer}.copy-fallback-dialog footer .copy-fallback-close{border-color:#111318;color:#fff;background:#111318}.submitted-links{padding:24px 0 4px;border-bottom:1px solid var(--soft-border)}.section-title-row{display:flex;align-items:center;gap:9px}.section-title-row h2{margin:0;font-size:17px}.section-title-row span{min-width:23px;height:23px;display:grid;place-items:center;border-radius:7px;color:#5d6571;background:#f0f2f5;font-size:11px}.link-rail{display:flex;gap:10px;padding:14px 0 18px;overflow-x:auto}.source-link-card{position:relative;min-width:280px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;border:1px solid var(--border);border-radius:12px;overflow:hidden}.source-link-card:hover{border-color:var(--accent)}.source-link-card a{min-width:0;padding:13px 8px 13px 14px;text-decoration:none}.source-link-card button{width:40px;align-self:stretch;border:0;color:#747c87;background:transparent;font-size:18px;cursor:pointer}.source-link-card button:hover{color:#c52d3b;background:#fff2f3}.source-link-card .preview-saved-source{width:auto;padding:0 11px;color:var(--accent);border-left:1px solid var(--soft-border);border-right:1px solid var(--soft-border);font-size:11px;font-weight:750}.source-link-card .preview-saved-source:hover{color:var(--accent);background:var(--accent-soft)}.link-rail span,.link-rail small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-rail span{font-size:13px;font-weight:700}.link-rail small{margin-top:5px;color:#7e8692;font-size:11px}.empty-state{display:grid;justify-items:center;padding:84px 24px;text-align:center}.empty-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:#8a929e;font-size:28px}.empty-state h2{margin:20px 0 6px;font-size:20px}.empty-state p{margin:0;color:var(--muted);font-size:14px}.empty-state button{margin-top:22px;padding:11px 16px;border:0;border-radius:10px;color:#fff;background:#111318;font-size:13px;font-weight:700;cursor:pointer}.load-more{display:grid;justify-items:center;gap:12px;padding:34px 0 4px;color:#747d89;font-size:12px}.load-more p{margin:0}.load-more button{min-height:44px;padding:0 20px;border:1px solid #cfd5de;border-radius:10px;color:#252c35;background:#fff;font-size:13px;font-weight:730;cursor:pointer;box-shadow:0 8px 20px #1923340f}.load-more button:hover{border-color:var(--accent);color:var(--accent)}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#1113186b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.source-dialog{position:relative;width:min(480px,100%);padding:24px;border:1px solid #dfe3ea;border-radius:20px;background:#fff;box-shadow:0 24px 80px #070c1633}.source-dialog header{display:flex;align-items:start;justify-content:space-between}.source-dialog header p{margin:0 0 4px;color:#7c8490;font-size:11px;font-weight:700}.source-dialog h2{margin:0;font-size:24px;letter-spacing:-.7px}.dialog-description{margin:12px 0 22px;color:#68717d;font-size:13px;line-height:1.6}.source-dialog form,.source-dialog label{display:grid;gap:9px}.source-dialog form{gap:16px}.source-dialog label{color:#4c5561;font-size:12px;font-weight:700}.source-dialog label>small{margin-left:4px;color:#9299a3;font-weight:600}.source-dialog input,.source-dialog select{width:100%;height:46px;padding:0 13px;border:1px solid var(--border);border-radius:10px;outline:0;color:var(--text);background:#fff;font-size:14px}.source-dialog input:focus,.source-dialog select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1557ff1a}.source-detection{display:grid;gap:3px;margin-top:-5px;padding:11px 12px;border:1px solid var(--soft-border);border-radius:10px;color:#6e7682;background:#f7f8fa}.source-detection span{font-size:12px;font-weight:750}.source-detection small{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.source-detection.is-codepen{border-color:#cbd9ff;color:#174bbf;background:#f2f6ff}.field-error{margin:-5px 0 0;color:#d72c3b;font-size:12px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.resource-preview-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.resource-preview-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#1118277a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default}.resource-preview-drawer{position:absolute;inset:0 0 0 auto;width:min(820px,calc(100vw - 80px));display:grid;grid-template-rows:68px minmax(0,1fr) 74px;border-left:1px solid #dfe4eb;background:#fff;box-shadow:-32px 0 70px #0d172833}.resource-preview-header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;border-bottom:1px solid var(--soft-border)}.resource-preview-header div{min-width:0;display:grid;gap:3px}.resource-preview-header span{color:#6e7784;font-size:10px;font-weight:750}.resource-preview-header strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.resource-preview-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#f6f8fb}.resource-template-stage{padding:22px;border-bottom:1px solid #e3e7ed}.template-browser-bar{min-height:48px;display:flex;align-items:center;gap:7px;padding:0 10px 0 15px;border:1px solid #d7dce4;border-bottom:0;border-radius:15px 15px 0 0;background:#f1f3f6}.template-browser-bar>i{width:8px;height:8px;flex:none;border-radius:50%;background:#c1c6ce}.template-browser-bar>i:first-child{background:#ff6b63}.template-browser-bar>i:nth-child(2){background:#f5bd4f}.template-browser-bar>i:nth-child(3){background:#62c554}.template-browser-bar>span{min-width:0;overflow:hidden;margin:0 8px;color:#78818e;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.resource-device-switcher{display:flex;gap:5px;margin-left:auto}.resource-device-switcher button{width:32px;height:31px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:#5f6875;background:transparent;cursor:pointer}.resource-device-switcher button.active{border-color:#b9c9eb;color:var(--accent);background:#fff;box-shadow:0 3px 9px #1b315914}.template-browser-canvas{height:440px;overflow:auto;padding:18px;border:1px solid #d7dce4;border-radius:0 0 15px 15px;background:#dfe4ec}.template-preview-width{width:min(100%,var(--resource-preview-width));height:100%;margin:0 auto;overflow:hidden;border:1px solid #c9d0da;border-radius:10px;background:#fff;box-shadow:0 15px 38px #15223726;transition:width .2s ease}.template-preview-width iframe{width:100%;height:100%;border:0;background:#fff}.resource-information-preview{height:100%;display:grid;place-items:center;align-content:center;padding:36px;text-align:center;background:radial-gradient(circle at 50% 25%,#ecf3ff 0,transparent 38%),#fff}.resource-information-mark{width:62px;height:62px;display:grid;place-items:center;margin-bottom:14px;border-radius:18px;color:#fff;background:#17191f;box-shadow:0 14px 28px #1113182e;font-size:21px;font-weight:850}.resource-information-mark--npm{background:#c9343b}.resource-information-mark--web{background:var(--accent)}.resource-information-preview small{color:#5775ac;font-size:10px;font-weight:750}.resource-information-preview h2{max-width:580px;margin:8px 0;font-size:24px;letter-spacing:-.7px}.resource-information-preview p{max-width:540px;margin:0;color:#636d79;font-size:12px;line-height:1.65}.resource-information-preview div{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:14px}.resource-information-preview div span{padding:5px 7px;border-radius:6px;color:#647083;background:#f0f3f7;font-size:9px}.resource-information-preview>strong{margin-top:20px;color:#8a929d;font-size:10px;font-weight:650}.preview-frame-note{margin:9px 2px 0;color:#7d8692;font-size:10px;line-height:1.5}.resource-preview-info{padding:24px;border-bottom:1px solid #e3e7ed;background:#fff}.resource-preview-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.resource-preview-title-row div{min-width:0}.resource-preview-title-row div>span{color:#62708a;font-size:10px;font-weight:700}.resource-preview-title-row h2{margin:5px 0 0;font-size:23px;letter-spacing:-.65px}.resource-preview-kind{flex:none;padding:7px 9px;border:1px solid #c9d7f0;border-radius:999px;color:#315caa;background:#f2f6fd;font-size:10px;font-weight:750}.resource-preview-info>p{margin:15px 0 18px;color:#626c78;font-size:12px;line-height:1.65}.resource-preview-info dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.resource-preview-info dl div{min-width:0;display:grid;gap:4px;padding:11px;border:1px solid #e2e6ec;border-radius:10px;background:#fafbfc}.resource-preview-info dt{color:#858d98;font-size:9px;font-weight:650}.resource-preview-info dd{overflow:hidden;margin:0;font-size:11px;font-weight:740;text-overflow:ellipsis;white-space:nowrap}.resource-readme{padding:24px;background:#fff}.resource-readme>div span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.08em}.resource-readme h2{margin:4px 0 14px;font-size:18px}.resource-readme pre{max-height:420px;overflow:auto;margin:0;padding:17px;border:1px solid #e0e5ec;border-radius:12px;color:#39414d;background:#f8f9fb;white-space:pre-wrap;word-break:break-word}.resource-readme code{font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.readme-state{min-height:90px;display:grid;place-items:center;margin:0;border:1px dashed #d7dce4;border-radius:12px;color:#7a838f;background:#fafbfc;font-size:11px}.resource-preview-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 18px;border-top:1px solid var(--soft-border);background:#fff}.resource-preview-footer button,.resource-preview-footer a{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;font-size:12px;font-weight:750;text-decoration:none}.resource-preview-footer button{border:1px solid #d7dce4;background:#fff;cursor:pointer}.resource-preview-footer button:disabled{color:#7a838e;background:#f1f3f6;cursor:default}.resource-preview-footer a{color:#fff;background:#111318}.toast{position:fixed;z-index:100;left:50%;bottom:24px;max-width:min(420px,calc(100% - 32px));padding:12px 16px;border-radius:10px;color:#fff;background:#111318;box-shadow:0 12px 36px #0003;font-size:13px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.18s ease}.toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:1179px){:root{--drawer-width: 48vw}.main-content{width:calc(100% - 48px)}.main-content.with-drawer{width:calc(52vw - 48px);margin-left:24px;margin-right:48vw}.main-content.with-drawer .gallery{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{align-items:flex-start;flex-direction:column;padding:16px 0}.result-tools{width:100%;justify-content:space-between}.discovery-heading{align-items:flex-start;flex-direction:column}.source-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.live-result-card{grid-template-columns:38px minmax(0,1fr)}.result-actions{grid-column:2}.resource-preview-drawer{width:min(760px,calc(100vw - 40px))}.discovery-import{grid-template-columns:minmax(0,1fr) 132px}.discovery-import-button{grid-column:1 / -1}}@media(max-width:759px){:root{--drawer-width: 100vw;--header-height: 52px}.site-header{height:var(--header-height);grid-template-columns:1fr auto auto;gap:7px;padding:0 12px}.site-header nav{display:none}.brand{font-size:16px}.mobile-register-button{min-height:32px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:11px;font-weight:720;cursor:pointer}.collection-button{min-height:32px}.main-content,.main-content.with-drawer{width:calc(100% - 24px);margin:0 auto;padding:18px 0 70px}.main-content.with-drawer .browse-heading{display:block}.main-content.with-drawer .search-area{position:static;margin-top:26px;padding-top:0;-webkit-backdrop-filter:none;backdrop-filter:none}.browse-heading h1{font-size:27px;letter-spacing:-1.2px}.browse-title-row{display:block}.catalog-status{display:none}.browse-heading p{margin-top:6px;font-size:12px}.search-area{margin-top:14px}.main-search{min-height:56px;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding-left:13px}.main-search kbd,.main-search .search-clear{display:none}.main-search .search-submit{min-height:42px;padding:0 12px}.search-label-long{display:none}.search-label-short{display:inline}.filter-row{gap:14px}.category-list{width:100%;flex-wrap:wrap;overflow:visible;padding-bottom:0}.category-list button{flex:0 0 auto;min-height:34px;padding:0 12px}.gallery{grid-template-columns:1fr;gap:16px}.search-discovery{margin-top:18px;border-radius:14px}.discovery-heading{gap:18px;padding:18px}.discovery-copy h2{font-size:18px}.discovery-actions{width:100%}.live-status{align-self:flex-start}.codepen-search-link,.web-search-link{flex:1;padding:0 10px}.translated-query{align-items:flex-start;flex-wrap:wrap;padding:11px 18px}.translated-query small{width:100%;line-height:1.5}.automation-pipeline{gap:6px;padding:12px 18px}.automation-pipeline span{flex:1 1 calc(50% - 16px);text-align:center}.automation-pipeline b{display:none}.automatic-search-summary{padding:14px 18px}.source-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 16px}.live-results{padding:14px 16px 16px}.live-result-card{grid-template-columns:34px minmax(0,1fr);align-items:start;padding:11px}.result-source{width:34px;height:34px}.result-title-row{flex-wrap:wrap}.result-main p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.result-actions{grid-column:1 / -1}.result-actions a,.result-actions button{flex:1}.result-actions .result-preview-button{flex:2}.codepen-capture{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 18px 0}.discovery-import{grid-template-columns:1fr;padding:16px 18px 18px}.discovery-import-button{grid-column:auto}.effect-card__preview{height:clamp(340px,96vw,420px)}.detail-drawer{top:0;width:100vw;grid-template-rows:60px minmax(0,1fr) auto}.drawer-header{padding:0 8px 0 14px}.drawer-heading{gap:2px}.drawer-heading span{max-width:36vw}.detail-scroll{overflow-y:auto;padding:0;background:#fff;overscroll-behavior:contain}.detail-workbench{height:auto;display:block}.preview-workspace{display:grid;grid-template-rows:48px auto;overflow:visible}.detail-preview{height:min(52dvh,440px);display:block;padding:14px}.detail-preview__frame{height:100%;max-height:none}.device-toolbar{padding-left:14px;padding-right:14px}.source-viewer--workspace{grid-template-rows:48px minmax(330px,auto)}.source-viewer--workspace .code-panel{min-height:330px}.source-viewer--workspace .code-panel pre{min-height:330px;padding:18px 16px;font-size:11px}.source-viewer--workspace .code-panel iframe{height:380px}.source-viewer--workspace .code-panel .codepen-source-frame{height:476px}.drawer-footer{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px}.drawer-footer .secondary-action,.drawer-footer .primary-action{min-width:0;min-height:42px}.copy-fallback-layer{padding:10px}.copy-fallback-dialog{max-height:calc(100dvh - 20px);padding:16px;border-radius:14px}.copy-fallback-dialog h2{font-size:18px}.copy-fallback-dialog textarea{min-height:260px}.source-dialog{padding:20px}.resource-preview-drawer{width:100vw;grid-template-rows:60px minmax(0,1fr) 68px}.resource-preview-header{padding:0 16px}.resource-template-stage{padding:12px}.template-browser-bar{padding-left:10px}.template-browser-bar>span{display:none}.template-browser-canvas{height:390px;padding:10px}.resource-information-preview{padding:22px}.resource-information-preview h2{font-size:20px}.resource-preview-info,.resource-readme{padding:18px 16px}.resource-preview-title-row{align-items:flex-start;flex-direction:column;gap:10px}.resource-preview-info dl{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-preview-footer{padding:9px 10px}}@media(max-width:900px)and (orientation:landscape){.main-content,.main-content.with-drawer{width:calc(100% - 32px)}.browse-heading h1{font-size:26px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.effect-card__preview{height:300px}.category-list{flex-wrap:wrap;overflow:visible}.detail-preview__frame{max-height:calc(100dvh - 180px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}