:root{--alpha-black-dim12: #0000001f;--alpha-black-dim20: #00000033;--alpha-black-dim5: #0000000d;--alpha-black-dim50: #00000080;--alpha-black-dim70: #000000b3;--alpha-black-dim8: #00000014;--alpha-white-dim10: #ffffff1a;--alpha-white-dim12: #ffffff1f;--alpha-white-dim50: #ffffff80;--alpha-white-dim70: #ffffffb3;--alpha-white-dim8: #ffffff14;--blue-blue01: #f6f7ff;--blue-blue02: #e9eaff;--blue-blue03: #a7b1ff;--blue-blue04: #8793ff;--blue-blue05: #5d6cfa;--blue-blue06: #444ae8;--blue-blue07: #232bc1;--blue-blue08: #0e0ea6;--blue-blue09: #010260;--blue-blue10: #000045;--fontfamilies-pretendard: Pretendard;--fontsize-0: 10px;--fontsize-1: 11px;--fontsize-10: 28px;--fontsize-11: 32px;--fontsize-12: 40px;--fontsize-13: 48px;--fontsize-14: 56px;--fontsize-2: 12px;--fontsize-3: 13px;--fontsize-4: 14px;--fontsize-5: 15px;--fontsize-6: 16px;--fontsize-7: 18px;--fontsize-8: 20px;--fontsize-9: 24px;--fontweights-pretendard-0: Bold;--fontweights-pretendard-1: SemiBold;--fontweights-pretendard-2: Medium;--fontweights-pretendard-3: Regular;--grayscale-black: #000000;--grayscale-gray00: #f2f4f7;--grayscale-gray01: #e6eaf0;--grayscale-gray02: #d3d7de;--grayscale-gray03: #bdc2c9;--grayscale-gray04: #898f95;--grayscale-gray05: #7d8389;--grayscale-gray06: #676e74;--grayscale-gray07: #565d63;--grayscale-gray08: #353d43;--grayscale-gray09: #282d32;--grayscale-gray10: #181c20;--grayscale-gray11: #0f1217;--grayscale-gray12: #05070e;--grayscale-white: #ffffff;--green-green01: #97ffcf;--green-green02: #2aeea8;--green-green03: #24dd9c;--green-green04: #1cc38a;--green-green05: #00af79;--green-green06: #009966;--green-green07: #008454;--green-green08: #006f43;--green-green09: #005b32;--green-green10: #004822;--green-green11: #003513;--green-green12: #002305;--letterspacing-0: 0%;--lineheights-0: 120%;--lineheights-1: 120%;--lineheights-10: 150%;--lineheights-11: 150%;--lineheights-12: 150%;--lineheights-13: 150%;--lineheights-14: 150%;--lineheights-15: 150%;--lineheights-16: 150%;--lineheights-17: 150%;--lineheights-18: 150%;--lineheights-19: 100%;--lineheights-2: 130%;--lineheights-20: 100%;--lineheights-21: 100%;--lineheights-22: 100%;--lineheights-23: 100%;--lineheights-24: 100%;--lineheights-25: 100%;--lineheights-3: 130%;--lineheights-4: 130%;--lineheights-5: 130%;--lineheights-6: 140%;--lineheights-7: 140%;--lineheights-8: 150%;--lineheights-9: 150%;--orange-orange01: #ffdbab;--orange-orange02: #ffc181;--orange-orange03: #ffab5c;--orange-orange04: #fb8200;--orange-orange05: #fa7500;--orange-orange06: #c95c00;--orange-orange07: #b04900;--orange-orange08: #983600;--orange-orange09: #802300;--orange-orange10: #690e00;--orange-orange11: #530000;--orange-orange12: #3d0000;--paragraphindent-0: 0px;--paragraphspacing-0: 0;--radius-12: 12px;--radius-16: 16px;--radius-24: 24px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-full: 999px;--radius-none: 0;--radius-background-body: 24px;--radius-background-card: 8px;--radius-background-sheet: 8px;--radius-button-lg: 6px;--radius-button-md: 4px;--radius-button-sm: 4px;--radius-button-xl: 6px;--radius-checkbox: 4px;--radius-chip: 4px;--radius-dropdown-lg: 6px;--radius-dropdown-md: 4px;--radius-input-lg: 6px;--radius-input-sm: 4px;--radius-modal: 16px;--radius-overflow-menu: 4px;--radius-overflow-menu-list: 4px;--radius-profile: 999px;--radius-slider: 999px;--radius-tag: 999px;--radius-thumbnail-lg: 8px;--radius-thumbnail-md: 6px;--radius-thumbnail-sm: 4px;--radius-thumbnail-xl: 12px;--radius-toast: 6px;--radius-toggle: 999px;--radius-tooltip: 6px;--red-red01: #ffcec9;--red-red02: #ffb1ad;--red-red03: #ff9492;--red-red04: #ff7474;--red-red05: #ff4550;--red-red06: #e32f3f;--red-red07: #c8152e;--red-red08: #ad001d;--red-red09: #93000b;--red-red10: #7a0000;--red-red11: #610000;--red-red12: #490000;--spacing-12: 12px;--spacing-16: 16px;--spacing-2: 2px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-4: 4px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--spacing-8: 8px;--spacing-80: 80px;--spacing-96: 96px;--spacing-gap-lg: 8px;--spacing-gap-md: 4px;--spacing-gap-sm: 2px;--spacing-gap-xl: 12px;--spacing-layout-lg: 48px;--spacing-layout-md: 32px;--spacing-layout-sm: 24px;--spacing-layout-xl: 64px;--spacing-layout-xs: 12px;--spacing-layout-xxl: 96px;--spacing-margin-lg: 32px;--spacing-margin-md: 24px;--spacing-margin-sm: 16px;--spacing-margin-xl: 48px;--spacing-padding-lg: 16px;--spacing-padding-md: 12px;--spacing-padding-sm: 8px;--spacing-padding-xl: 20px;--spacing-padding-xs: 4px;--stroke-icon-12px: 1px;--stroke-icon-16px: 1.25px;--stroke-icon-24px: 1.5px;--textcase-none: none;--textdecoration-none: none}[data-theme=light]{--color-border-accent: #444ae8;--color-border-default: #bdc2c9;--color-border-dim: #0000001f;--color-border-fail: #e32f3f;--color-border-light: #e6eaf0;--color-border-selected: #7d8389;--color-border-success: #00af79;--color-border-warning: #fa7500;--color-button-alert-default: #e32f3f;--color-button-alert-disabled: #ffcec9;--color-button-alert-hover: #ff4550;--color-button-alert-pressed: #ad001d;--color-button-primary-default: #444ae8;--color-button-primary-disabled: #a7b1ff;--color-button-primary-hover: #5d6cfa;--color-button-primary-pressed: #0e0ea6;--color-button-secondary-default: #d3d7de;--color-button-secondary-disabled: #d3d7de;--color-button-secondary-hover: #bdc2c9;--color-button-secondary-pressed: #7d8389;--color-button-text-focused: #a7b1ff;--color-button-text-hover: #0000001f;--color-button-text-pressed: #00000033;--color-canvas-contrast: #f2f4f7;--color-canvas-default: #ffffff;--color-canvas-dim: #000000b3;--color-canvas-white: #ffffff;--color-checkbox-accent: #5d6cfa;--color-checkbox-disabled: #353d43;--color-icon-accent: #444ae8;--color-icon-black: #05070e;--color-icon-button-disabled: #898f95;--color-icon-button-secondary: #353d43;--color-icon-disabled: #bdc2c9;--color-icon-failed: #ff4550;--color-icon-inverse: #ffffff;--color-icon-primary: #181c20;--color-icon-secondary: #565d63;--color-icon-success: #00af79;--color-icon-tertiary: #7d8389;--color-icon-warning: #fa7500;--color-icon-white: #ffffff;--color-modal: #ffffff;--color-opacity-opacity1: #ffffffb3;--color-primary: #444ae8;--color-shadow-card: #00000033;--color-shadow-popup: #00000080;--color-shadow-shadow1: #00000014;--color-shadow-shadow2: #0000001f;--color-surface-01: #ffffff;--color-surface-02: #f2f4f7;--color-surface-03: #e6eaf0;--color-surface-04: #d3d7de;--color-surface-05: #898f95;--color-surface-accent01: #e9eaff;--color-surface-accent02: #8793ff;--color-surface-accent03: #444ae8;--color-surface-black: #000000;--color-surface-dim50-gnb: #0000001f;--color-surface-dim70: #00000033;--color-text-accent: #444ae8;--color-text-black: #181c20;--color-text-button-disabled: #898f95;--color-text-button-secondary: #353d43;--color-text-disabled: #bdc2c9;--color-text-failed: #e32f3f;--color-text-inverse: #ffffff;--color-text-placeholder: #7d8389;--color-text-primary: #181c20;--color-text-secondary: #565d63;--color-text-success: #00af79;--color-text-warning: #fa7500;--color-text-white: #ffffff;--shadow-comment: 0 0 20px 0 #0000001f;--shadow-dropdown: 0 2px 2px 0 #00000014;--shadow-mini-modal: 0 0 4px 0 #00000014;--shadow-notification: 0 4px 4px 0 #0000001f;--shadow-overflow-menu: 0 0 4px 0 #00000014;--shadow-panel-right: 0 2px 4px 0 #0000001f;--shadow-prompt-generator: 0 2px 10px 0 #0000001f;--shadow-toast: 0 4px 4px 0 #00000014;--shadow-tutorial: 0 2px 8px 0 #00000014}[data-theme=dark]{--color-border-accent: #5d6cfa;--color-border-default: #353d43;--color-border-dim: #ffffff1a;--color-border-fail: #ff7474;--color-border-light: #181c20;--color-border-selected: #d3d7de;--color-border-success: #2aeea8;--color-border-warning: #ffab5c;--color-button-alert-default: #ff4550;--color-button-alert-disabled: #7a0000;--color-button-alert-hover: #e32f3f;--color-button-alert-pressed: #ad001d;--color-button-primary-default: #5d6cfa;--color-button-primary-disabled: #000045;--color-button-primary-hover: #444ae8;--color-button-primary-pressed: #0e0ea6;--color-button-secondary-default: #282d32;--color-button-secondary-disabled: #282d32;--color-button-secondary-hover: #353d43;--color-button-secondary-pressed: #565d63;--color-button-text-focused: #5d6cfa;--color-button-text-hover: #00000080;--color-button-text-pressed: #000000b3;--color-canvas-contrast: #181c20;--color-canvas-default: #05070e;--color-canvas-dim: #000000b3;--color-canvas-white: #ffffff;--color-checkbox-accent: #5d6cfa;--color-checkbox-disabled: #353d43;--color-icon-accent: #5d6cfa;--color-icon-black: #05070e;--color-icon-button-disabled: #898f95;--color-icon-button-secondary: #d3d7de;--color-icon-disabled: #353d43;--color-icon-failed: #ff7474;--color-icon-inverse: #181c20;--color-icon-primary: #f2f4f7;--color-icon-secondary: #d3d7de;--color-icon-success: #2aeea8;--color-icon-tertiary: #898f95;--color-icon-warning: #ffab5c;--color-icon-white: #ffffff;--color-modal: #181c20;--color-opacity-opacity1: #000000b3;--color-primary: #444ae8;--color-shadow-card: #00000033;--color-shadow-popup: #00000080;--color-shadow-shadow1: #00000080;--color-shadow-shadow2: #000000b3;--color-surface-01: #05070e;--color-surface-02: #0f1217;--color-surface-03: #181c20;--color-surface-04: #282d32;--color-surface-05: #565d63;--color-surface-accent01: #000045;--color-surface-accent02: #0e0ea6;--color-surface-accent03: #5d6cfa;--color-surface-black: #000000;--color-surface-dim50-gnb: #00000080;--color-surface-dim70: #000000b3;--color-text-accent: #5d6cfa;--color-text-black: #181c20;--color-text-button-disabled: #898f95;--color-text-button-secondary: #d3d7de;--color-text-disabled: #353d43;--color-text-failed: #ff7474;--color-text-inverse: #181c20;--color-text-placeholder: #898f95;--color-text-primary: #e6eaf0;--color-text-secondary: #d3d7de;--color-text-success: #2aeea8;--color-text-warning: #ffab5c;--color-text-white: #ffffff;--shadow-comment: 0 0 20px 0 #000000b3;--shadow-dropdown: 0 2px 2px 0 #00000080;--shadow-mini-modal: 0 0 4px 0 #00000080;--shadow-notification: 0 4px 4px 0 #000000b3;--shadow-overflow-menu: 0 0 4px 0 #00000080;--shadow-panel-right: 0 2px 4px 0 #000000b3;--shadow-prompt-generator: 0 2px 10px 0 #000000b3;--shadow-toast: 0 4px 4px 0 #00000080;--shadow-tutorial: 0 2px 8px 0 #00000080}:root{--sans: Pretendard, "Pretendard Variable", -apple-system, "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--gnb-h: 48px;color-scheme:dark}html,body,#root{height:100%}body{margin:0;background:var(--color-surface-01);color:var(--color-text-primary);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.layout{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;height:var(--gnb-h);flex:0 0 var(--gnb-h);display:flex;align-items:center;gap:36px;padding:0 24px;background:var(--color-surface-01);border-bottom:1px solid var(--color-border-default)}.topbar .brand{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-primary)}.topbar .brand svg{height:21px;width:auto;display:block}.topbar .brand b{font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--color-text-secondary)}.topbar nav{display:flex;align-items:center;gap:16px}.topbar nav a{height:32px;padding:0 12px;display:inline-flex;align-items:center;border-radius:var(--radius-button-md);font-weight:400;color:var(--color-text-secondary);white-space:nowrap}.topbar nav a:hover{background:var(--color-button-text-hover);color:var(--color-text-primary)}.topbar nav a.on{font-weight:500;color:var(--color-text-primary)}.topbar .spacer{margin-left:auto}.topbar .divider{width:1px;height:21px;flex:none;background:var(--color-border-default)}.topbar .who{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--color-surface-accent03);color:var(--color-text-white);font-size:12px;font-weight:600}.content{flex:1;min-height:0;width:100%;max-width:1120px;margin:0 auto;padding:32px 24px 48px}.content--full{max-width:none;padding:0}.layout--wide{height:100vh;height:100dvh;overflow:hidden}.layout--wide .content{display:flex;flex-direction:column;overflow:auto}.layout--wide .content>*{flex:1;min-height:0}.page-head{margin-bottom:24px}.page-head h1{margin:0 0 6px;font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary)}.page-head p{margin:0;color:var(--color-text-secondary);font-size:13.5px}.page-head code{padding:1px 5px;border-radius:4px;background:var(--color-surface-03);color:var(--color-text-primary);font-size:12.5px}.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}.card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--color-border-default);border-radius:var(--radius-background-card);background:var(--color-surface-02);transition:border-color .15s,background-color .15s}.card:hover{border-color:var(--color-border-selected);background:var(--color-surface-03)}.card h3{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary)}.card p{margin:0;font-size:13px;line-height:1.6;color:var(--color-text-secondary)}.page-head~* input,.cards input,.card input,input:not([class]),textarea:not([class]),select:not([class]){padding:8px 11px;background:var(--color-surface-03);border:1px solid var(--color-border-default);border-radius:var(--radius-input-sm, 6px);color:var(--color-text-primary);font:inherit}input:not([class]):focus,textarea:not([class]):focus,select:not([class]):focus{outline:none;border-color:var(--color-border-accent)}button{font:inherit;cursor:pointer}.card button:not([class]),.btn{padding:8px 14px;border:1px solid transparent;border-radius:var(--radius-button-md);background:var(--color-button-primary-default);color:var(--color-text-white);font-weight:500}.card button:not([class]):hover:not(:disabled),.btn:hover:not(:disabled){background:var(--color-button-primary-hover)}.card button:not([class]):disabled,.btn:disabled{background:var(--color-button-secondary-disabled);color:var(--color-text-button-disabled);cursor:default}.ws{display:flex;flex-direction:column;gap:20px}.ws-head{display:flex;align-items:center;gap:10px}.ws-head h1{margin:0;font:600 20px/28px var(--sans);color:var(--color-text-primary);letter-spacing:-.01em}.ws-count{font:500 12px/1 var(--sans);color:var(--color-text-tertiary, #898f95);padding:4px 8px;border-radius:var(--radius-tag, 4px);background:var(--color-surface-03)}.ws-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ws-search{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;min-width:280px;border:1px solid var(--color-border-default);border-radius:var(--radius-input-lg, 8px);background:var(--color-surface-02);color:var(--color-text-tertiary, #898f95)}.ws-search:focus-within{border-color:var(--color-border-selected)}.ws-input{flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--color-text-primary);font:400 13px/1 var(--sans)}.ws-input:focus{outline:none}.ws-input::placeholder{color:var(--color-text-placeholder)}.ws-chips{display:flex;gap:8px;flex-wrap:wrap}.ws-chip{height:24px;padding:0 10px;border:1px solid var(--color-border-default);border-radius:var(--radius-chip, 4px);background:var(--color-surface-02);color:var(--color-text-secondary);font:500 12px/1 var(--sans)}.ws-chip:hover{border-color:var(--color-border-selected);color:var(--color-text-primary)}.ws-chip.on{background:var(--color-surface-accent03);border-color:transparent;color:var(--color-text-white)}.ws-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(268px,300px))}.ws-card{display:flex;flex-direction:column;gap:12px}.ws-thumb{height:180px;display:grid;place-items:center;overflow:hidden;background:var(--color-surface-02);border:1px solid var(--color-border-default);border-radius:var(--radius-background-card, 8px);color:var(--color-icon-tertiary, #565d63);transition:border-color .15s}.ws-card:hover .ws-thumb{border-color:var(--color-border-selected)}.ws-thumb img{width:100%;height:100%;object-fit:cover}.ws-thumb svg{width:56px;height:auto;opacity:.5}.ws-meta{display:flex;flex-direction:column;gap:6px}.ws-cat{font:500 11px/11px var(--sans);color:var(--color-text-tertiary, #898f95)}.ws-title{font:500 14px/18px var(--sans);color:var(--color-text-primary)}.ws-desc{font:400 12px/1.55 var(--sans);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ws-empty{grid-column:1/-1;color:var(--color-text-secondary);margin:8px 0}