:root{--color-bg-page: #F4F6F8;--color-bg-surface: #FFFFFF;--color-bg-subtle: #EEF1F4;--color-brand-primary: #2F5E9E;--color-brand-primary-hover: #244A7D;--color-brand-primary-subtle: #E6EEF7;--color-brand-secondary: #FFCC00;--color-brand-secondary-subtle:#FFF6CC;--color-brand-accent: #E66A1A;--color-brand-accent-hover: #C95714;--color-brand-accent-subtle: #FFE7D6;--color-text-primary: #0D0D0D;--color-text-secondary: #4D4D4D;--color-text-placeholder: #9AABB5;--color-text-disabled: #B4BFCA;--color-text-inverse: #FBFCFD;--color-text-link: #2F5E9E;--color-text-link-hover: #DC1727;--color-text-on-accent: #0D0D0D;--color-border-default: #D6DCE3;--color-border-strong: #9AABB5;--color-border-focus: #2F5E9E;--color-border-subtle: #EEF1F4;--color-status-success: #357A42;--color-status-success-subtle: #ADE8BA;--color-status-warning: #A03A00;--color-status-warning-subtle: #F2A74C;--color-status-error: #C83B2E;--color-status-error-subtle: #FD9D92;--color-status-info: #2F5E9E;--color-status-info-subtle: #E6EEF7;--color-category-identity-main: #1A6B4A;--color-category-identity-subtle: #E0F4EC;--color-category-context-main: #7B3F8C;--color-category-context-subtle: #F0E8F5;--color-category-preference-main: #A02040;--color-category-preference-subtle: #FAE8EC;--color-category-exploration-main: #1B6B7A;--color-category-exploration-subtle: #E0F2F5}[data-theme=dark]{--color-bg-page: #0A0D0F;--color-bg-surface: #14191F;--color-bg-subtle: #323539;--color-brand-primary: #D1E2F2;--color-brand-primary-hover: #E6EEF7;--color-brand-primary-subtle: #1A376D;--color-brand-secondary: #FFCC00;--color-brand-secondary-subtle: #665200;--color-brand-accent: #F08838;--color-brand-accent-hover: #F6A666;--color-brand-accent-subtle: #F6A666;--color-text-primary: #F2F2F2;--color-text-secondary: #F2F2F2;--color-text-placeholder: #666666;--color-text-disabled: #4A5967;--color-text-inverse: #0D0D0D;--color-text-link: #8BACDA;--color-text-link-hover: #B1C8E7;--color-text-on-accent: #0D0D0D;--color-border-default: #444D57;--color-border-strong: #4A5967;--color-border-focus: #648DC9;--color-border-subtle: #323539;--color-status-success: #3F8A4D;--color-status-success-subtle: #1E4625;--color-status-warning: #FF6400;--color-status-warning-subtle: #6E2700;--color-status-error: #C83B2E;--color-status-error-subtle: #801E14;--color-status-info: #1A375D;--color-status-info-subtle: #1A375D;--color-category-identity-main: #E0F4EC;--color-category-identity-subtle: #1A6B4A;--color-category-context-main: #F0E8F5;--color-category-context-subtle: #7B3F8C;--color-category-preference-main: #FAE8EC;--color-category-preference-subtle: #A02040;--color-category-exploration-main: #E0F2F5;--color-category-exploration-subtle: #1B6B7A}:root{--spacing-0: 4px;--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 32px;--spacing-5: 48px;--spacing-6: 64px;--spacing-7: 80px;--spacing-8: 96px}:root{--font-size-display: 60px;--font-size-h1: 48px;--font-size-h2: 40px;--font-size-h3: 32px;--font-size-h4: 24px;--font-size-body-lg: 20px;--font-size-body-base: 16px;--font-size-body-sm: 14px;--font-size-label: 14px;--font-size-label-caps: 14px;--font-size-caption: 12px;--font-size-helper: 12px;--line-height-display: 88px;--line-height-h1: 72px;--line-height-h2: 64px;--line-height-h3: 48px;--line-height-h4: 40px;--line-height-body-lg: 32px;--line-height-body-base: 24px;--line-height-body-sm: 24px;--line-height-label: 24px;--line-height-caption: 16px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--letter-spacing-display: -1.5px;--letter-spacing-h1: -1px;--letter-spacing-h2: -.5px;--letter-spacing-h3: -.25px;--letter-spacing-h4: 0px;--letter-spacing-body-sm: .1px;--letter-spacing-label: .2px;--letter-spacing-caption: .2px;--letter-spacing-helper: .1px}:root{--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-small: 15px;--border-radius-large: 50px;--border-size-small: 1px;--border-size-medium: 1.5px;--border-size-large: 2px}:root{--top-bar-height: 64px;--page-wrapper-height: 85vh;--page-wrapper-padding: 5%}:root{--search-bar-width: 35vw;--search-bar-height: 7vh;--search-bar-img-size: 40px}:root{--pattern-box-size: 300px;--pattern-box-gap: 20px;--pattern-box-image-height: 224px}:root{--input-min-width: 200px;--input-field-width: 120px;--input-height: 40px;--input-large-min-width: 700px}:root{--layout-max-width: 1280px;--layout-max-patternpage-width: 1000px;--filter-bar-width: 280px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}a{color:var(--color-text-link);text-decoration:underline}a:hover{color:var(--color-brand-primary-hover)}a:active{color:var(--color-brand-primary);font-weight:var(--font-weight-semibold)}body{color:var(--color-text-primary);background:var(--color-bg-page);transition:color .5s,background-color .5s;line-height:var(--line-height-body-base);font-family:DM Sans,sans-serif;font-size:var(--font-size-body-base);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-display{font-size:var(--font-size-display);line-height:var(--line-height-display);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-display)}h1,.text-h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-h1)}h2,.text-h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-h2)}h3,.text-h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-h3)}h4,.text-h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-h4)}.text-body-lg{font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg)}.text-body{font-size:var(--font-size-body-base);line-height:var(--line-height-body-base)}.text-body-sm{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);letter-spacing:var(--letter-spacing-body-sm)}label,.text-label{font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-label)}.text-label-caps{font-size:var(--font-size-label-caps);line-height:var(--line-height-label);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.text-caption{font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption)}.text-helper{font-size:var(--font-size-helper);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-helper);font-style:italic}#app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-page)}.green{color:#00bd7e}.btn-base[data-v-c5ebba19]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);cursor:pointer;text-decoration:none;border:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.btn-base[data-v-c5ebba19]:active:not(.btn-disabled){transform:scale(.967)}.btn-large[data-v-c5ebba19]{gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-body-base)}.btn-disabled[data-v-c5ebba19]{opacity:.4;cursor:not-allowed}.btn-primary[data-v-c5ebba19]{background:var(--color-brand-primary);color:var(--color-text-inverse)}.btn-primary[data-v-c5ebba19]:hover:not(.btn-disabled){background:var(--color-brand-primary-hover)}.btn-secondary[data-v-c5ebba19]{background:var(--color-brand-accent);color:var(--color-text-on-accent)}.btn-secondary[data-v-c5ebba19]:hover:not(.btn-disabled){background:var(--color-brand-accent-hover)}.btn-outline[data-v-c5ebba19]{background:transparent;color:var(--color-brand-primary);border:var(--border-size-small) solid var(--color-brand-primary);background:var(--color-bg-surface)}.btn-outline[data-v-c5ebba19]:hover:not(.btn-disabled){background:var(--color-brand-primary-subtle)}.btn-underlined[data-v-c5ebba19]{background:transparent;color:var(--color-text-link);text-decoration:underline}.btn-underlined[data-v-c5ebba19]:hover:not(.btn-disabled){color:var(--color-brand-primary-hover)}.btn-underlined[data-v-c5ebba19]:focus{font-weight:var(--font-weight-semibold)}.btn-text[data-v-c5ebba19]{background:transparent;color:var(--color-text-link);text-decoration:none}.btn-text[data-v-c5ebba19]:hover:not(.btn-disabled){color:var(--color-brand-primary-hover);text-decoration:none}.btn-text[data-v-c5ebba19]:focus{color:var(--color-brand-primary);background-color:var(--color-bg-subtle);font-weight:var(--font-weight-semibold)}.text-label[data-v-c5ebba19]{display:inline-flex;align-items:center;gap:var(--spacing-1)}.nav-bar[data-v-1904a4d2]{width:100%;height:var(--top-bar-height);background:var(--color-bg-page);border-bottom:var(--border-size-medium) solid var(--color-border-default);display:flex;align-items:center;gap:var(--spacing-6);padding:0 var(--spacing-5);position:sticky;z-index:100}.nav-bar-title[data-v-1904a4d2]{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);text-decoration:none;letter-spacing:var(--letter-spacing-h4);white-space:nowrap;flex-shrink:0;font-family:"DM Serif Display",serif;color:var(--color-brand-primary)}.nav-bar-middle[data-v-1904a4d2]{justify-content:center;flex:1}.nav-bar-links[data-v-1904a4d2]{display:flex;flex-direction:row;justify-content:center;gap:var(--spacing-3)}.nav-bar-link[data-v-1904a4d2]{font-size:var(--font-size-body-base);text-decoration:none;white-space:nowrap;transition:color .2s;padding:var(--spacing-1) var(--spacing-3);flex:1;color:var(--color-brand-primary)}.nav-bar-link[data-v-1904a4d2]:hover,.nav-bar-link.router-link-active[data-v-1904a4d2]{color:var(--color-text-primary);text-decoration:underline}.nav-bar-buttons[data-v-1904a4d2]{display:flex;align-items:center;gap:var(--spacing-2)}.main-footer[data-v-55147f93]{background:var(--color-bg-page);border-top:var(--border-size-medium) solid var(--color-border-default)}.main-footer-content[data-v-55147f93]{display:flex;align-items:center;gap:var(--spacing-3);padding:0 var(--spacing-7)}.page-wrapper[data-v-71c6f9de]{display:flex;flex-direction:column;min-height:100vh}.main-content-wrapper[data-v-71c6f9de]{display:flex;flex-direction:column;width:var(--layout-max-width);max-width:var(--layout-max-width);margin-inline:auto;padding-inline:var(--gutter)}.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none!important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block!important}.slider-horizontal{height:var(--slider-height,6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height,16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-width,16px)}.slider-vertical{height:var(--slider-vertical-height,300px);width:var(--slider-height,6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width,16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-height,16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg,#d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius,9999px)}.slider-connect{background:var(--slider-connect-bg,#10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg,#fff);border:var(--slider-handle-border,0);border-radius:var(--slider-handle-radius,9999px);box-shadow:var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height,16px);width:var(--slider-handle-width,16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width,3px) var(--slider-handle-ring-color,rgba(16,185,129,.188)),var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active,.5px .5px 2px 1px rgba(0,0,0,.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled,#9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled,#9ca3af);border-color:var(--slider-tooltip-bg-disabled,#9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg,#10b981);border:1px solid var(--slider-tooltip-bg,#10b981);border-radius:var(--slider-tooltip-radius,5px);color:var(--slider-tooltip-color,#fff);display:block;font-size:var(--slider-tooltip-font-size,.875rem);font-weight:var(--slider-tooltip-font-weight,600);line-height:var(--slider-tooltip-line-height,1.25rem);min-width:var(--slider-tooltip-min-width,20px);padding:var(--slider-tooltip-py,2px) var(--slider-tooltip-px,6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px))*-1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}.tag-base[data-v-2e66d252]{height:28px;display:inline-flex;align-items:center;padding:12px 16px;background:var(--color-brand-primary-subtle);border:var(--border-size-small) solid var(--color-border-default);border-radius:100px;color:var(--color-text-secondary);white-space:nowrap}.tag-featured[data-v-2e66d252]{background:var(--color-brand-primary-subtle);border-color:var(--color-border-default);color:var(--color-brand-primary)}.tag-featured.tag-selected[data-v-2e66d252]{background:var(--color-brand-primary);border-color:var(--color-border-strong);color:var(--color-text-inverse)}.tag-identity[data-v-2e66d252]{background:var(--color-category-identity-subtle);border-color:var(--color-category-identity-main);color:var(--color-category-identity-main)}.tag-identity.tag-selected[data-v-2e66d252]{background:var(--color-category-identity-main);border-color:var(--color-category-identity-subtle);color:var(--color-category-identity-subtle)}.tag-context[data-v-2e66d252]{background:var(--color-category-context-subtle);border-color:var(--color-category-context-main);color:var(--color-category-context-main)}.tag-context.tag-selected[data-v-2e66d252]{background:var(--color-category-context-main);border-color:var(--color-category-context-subtle);color:var(--color-category-context-subtle)}.tag-preference[data-v-2e66d252]{background:var(--color-category-preference-subtle);border-color:var(--color-category-preference-main);color:var(--color-category-preference-main)}.tag-preference.tag-selected[data-v-2e66d252]{background:var(--color-category-preference-main);border-color:var(--color-category-preference-subtle);color:var(--color-category-preference-subtle)}.tag-exploration[data-v-2e66d252]{background:var(--color-category-exploration-subtle);border-color:var(--color-category-exploration-main);color:var(--color-category-exploration-main)}.tag-exploration.tag-selected[data-v-2e66d252]{background:var(--color-category-exploration-main);border-color:var(--color-category-exploration-subtle);color:var(--color-category-exploration-subtle)}.tag-clickable[data-v-2e66d252]{cursor:pointer}.pattern-box[data-v-0fb2eca3]{display:flex;flex-direction:column;background-color:var(--color-bg-surface);border-radius:var(--border-radius-md);width:var(--pattern-box-size);cursor:pointer;text-decoration:none}.pattern-box-image[data-v-0fb2eca3]{position:relative;width:100%;height:var(--pattern-box-image-height)}.pattern-box-image[data-v-0fb2eca3] img{width:100%;height:var(--pattern-box-image-height);display:block;object-fit:cover;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.pattern-box-pin-btn[data-v-0fb2eca3]{border-radius:50%;position:absolute;top:8px;right:8px;display:flex;cursor:pointer;color:var(--color-text-secondary);border:none;background:none}.pattern-box-pin-btn[data-v-0fb2eca3]:hover{color:var(--color-brand-primary)}.pattern-box-content[data-v-0fb2eca3]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-2)}.pattern-box-top-row[data-v-0fb2eca3]{display:flex;flex-direction:row;gap:var(--spacing-1)}.pattern-box-tags[data-v-0fb2eca3]{display:flex;flex-wrap:nowrap;gap:var(--spacing-2);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}.pattern-box-title[data-v-0fb2eca3]{color:var(--color-text-primary);overflow:hidden;white-space:nowrap}.pattern-box-description[data-v-0fb2eca3]{color:var(--color-text-secondary)}.pattern-box-bookmark[data-v-0fb2eca3]{color:var(--color-text-primary);background:none;border:none;display:flex;align-items:center;margin-left:auto}.pattern-box-bookmark[data-v-0fb2eca3]:hover{color:var(--color-brand-primary)}.back-nav[data-v-db72c673]{display:inline-flex;align-items:center;gap:0}.back-segments[data-v-db72c673]{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-1);list-style:none;margin:0;padding:0 var(--spacing-1)}.back-segment[data-v-db72c673]{display:inline-flex;align-items:center;gap:var(--spacing-1)}.input-wrapper[data-v-d7ba2463]{display:flex;flex-direction:column;gap:var(--spacing-1)}.input-default .input-container[data-v-d7ba2463]{min-width:var(--input-min-width)}.input-large .input-container[data-v-d7ba2463]{min-width:var(--input-large-min-width)}.input-container[data-v-d7ba2463]{height:var(--input-height);display:flex;flex-direction:row;align-items:center;padding:0 var(--spacing-2);gap:var(--spacing-1);background:var(--color-bg-surface);border:var(--border-size-medium) solid var(--color-border-default);border-radius:var(--border-radius-md)}.input-container[data-v-d7ba2463]:hover{border:var(--border-size-medium) solid var(--color-border-strong)}.input-container[data-v-d7ba2463]:focus-within{border:var(--border-size-large) solid var(--color-border-focus)}.input-icon[data-v-d7ba2463]{display:flex;align-items:center}.is-disabled .input-container[data-v-d7ba2463]{color:var(--color-text-disabled);background-color:var(--color-bg-subtle);border:var(--border-size-medium) solid var(--color-border-subtle);cursor:not-allowed;opacity:.65}.is-disabled .input-field[data-v-d7ba2463]{cursor:not-allowed;color:var(--color-text-disabled)}.input-field[data-v-d7ba2463]{flex:1;width:var(--input-field-width);background:none;border:none;outline:none;box-shadow:none;color:var(--color-text-primary)}.input-field[data-v-d7ba2463]::placeholder{color:var(--color-text-placeholder)}.input-clear[data-v-d7ba2463]{border:none;background:transparent;cursor:pointer;padding:0 var(--spacing-1)}.input-clear[data-v-d7ba2463]:hover{color:var(--color-text-primary)}.filter-bar[data-v-43fb34d9]{display:flex;flex-direction:column;gap:var(--spacing-2);width:var(--filter-bar-width);flex-shrink:0;padding-bottom:var(--spacing-2)}.filter-bar-header[data-v-43fb34d9]{display:flex;align-items:center;justify-content:space-between}.apply-btn[data-v-43fb34d9]{margin-top:var(--spacing-2);width:100%}.filter-divider[data-v-4093733c]{border:none;border-top:var(--border-size-small) solid var(--color-border-default)}.filter-section[data-v-4093733c]{display:flex;flex-direction:column;padding:var(--spacing-1) var(--spacing-2);gap:var(--spacing-1)}.filter-section-title[data-v-4093733c]{color:var(--color-text-secondary)}.filter-section-options[data-v-4093733c]{display:flex;flex-direction:column;padding:var(--spacing-0) var(--spacing-1);gap:var(--spacing-1)}.filter-section-options[data-v-4093733c] .filter-section-option{display:flex;flex-direction:row;gap:var(--spacing-1)}.filter-section-options[data-v-4093733c] .slider-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.filter-section-options[data-v-4093733c] .slider-group .filter-slider{width:100%}.filter-section-options[data-v-4093733c] .slider-target{margin:var(--spacing-3) var(--spacing-1)}.filter-section-options[data-v-4093733c] .slider-base,.filter-section-options[data-v-4093733c] .slider-connects{height:var(--border-size-large);background:var(--color-border-default)}.filter-section-options[data-v-4093733c] .slider-connect{background:var(--color-text-secondary)}.filter-section-options[data-v-4093733c] .slider-handle{border:var(--border-size-small) solid var(--color-border-default);box-shadow:none;cursor:pointer}.filter-section-options[data-v-4093733c] .slider-handle:hover{border:var(--border-size-small) solid var(--color-border-strong)}.filter-section-options[data-v-4093733c] .slider-tooltip{background:var(--color-bg-surface);border:var(--border-size-small) solid var(--color-border-focus);color:var(--color-text-primary);font-size:var(--font-size-label);border-radius:var(--border-radius-small);padding:var(--spacing-0) var(--spacing-1)}.top-searchbar{display:flex;padding:var(--spacing-4) var(--spacing-5);justify-content:center;align-items:center;width:100%}.container{display:flex;gap:var(--spacing-3)}.apply-btn{margin-top:var(--spacing-2);width:100%}.filter-divider{border-top:var(--border-size-small) solid var(--color-border-primary)}.pattern-wrapper,.example-wrapper{justify-content:center;align-content:center;display:grid;gap:var(--pattern-box-gap);grid-template-columns:repeat(auto-fit,var(--pattern-box-size))}.pattern-page-title[data-v-f9b529fb]{display:flex;justify-content:center;padding:var(--spacing-1);padding-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold)}.pattern-page-wrapper[data-v-f9b529fb]{display:flex;flex-direction:row}.patterns-content[data-v-f9b529fb]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3)}.carousel-wrapper[data-v-bb002c96]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.carousel-cards[data-v-bb002c96]{display:grid;grid-template-columns:repeat(var(--cards-per-page),1fr);gap:var(--spacing-1)}.carousel-navigation[data-v-bb002c96]{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-1)}.nav-arrow[data-v-bb002c96]{display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);background:none;border:none;cursor:pointer}.nav-arrow[data-v-bb002c96]:disabled{cursor:default;color:var(--color-text-disabled)}.nav-arrow[data-v-bb002c96]:not(:disabled):hover{color:var(--color-text-secondary)}.nav-dots[data-v-bb002c96]{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-2)}.nav-dot[data-v-bb002c96]{width:16px;height:16px;border-radius:50%;border:none;background:var(--color-brand-primary-subtle);cursor:pointer}.nav-dot.active[data-v-bb002c96]{background:var(--color-brand-primary);transform:scale(1.2)}.nav-dot[data-v-bb002c96]:not(.active):hover{background:var(--color-brand-primary-hover)}.carousel-text[data-v-b3fa335c]{text-decoration:none;display:flex;flex-direction:column;gap:var(--spacing-1);color:var(--color-text-primary)}.carousel-title[data-v-b3fa335c]{font-weight:var(--font-weight-medium)}.carousel-description[data-v-b3fa335c]{color:var(--color-text-secondary)}.category-page-container[data-v-440cbb0d]{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-4)}.welcome-message-wrapper[data-v-440cbb0d]{width:100vw;margin-left:calc(50% - 50vw);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-6) var(--spacing-4);gap:var(--spacing-4);background-color:var(--color-brand-primary-subtle)}.welcome-message-title[data-v-440cbb0d]{font-weight:var(--font-weight-semibold);line-height:var(--line-height-h2)}.content-wrapper[data-v-440cbb0d]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.category-content[data-v-440cbb0d]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-4)}.category-selector[data-v-440cbb0d]{display:flex;flex-direction:column}.category-selector-tags[data-v-440cbb0d]{display:flex;flex-direction:row;align-items:left;gap:var(--spacing-1)}.category-description[data-v-440cbb0d]{line-height:var(--line-height-h4);font-weight:var(--font-weight-medium)}.category-subdescription[data-v-440cbb0d]{color:var(--color-text-secondary)}.category-divider[data-v-440cbb0d]{width:96%;border-top:var(--border-size-small) solid var(--color-border-default)}.about-wrapper[data-v-440cbb0d]{flex:1;display:flex;flex-direction:column;padding:var(--spacing-3);gap:var(--spacing-1)}.learn-more-btn[data-v-440cbb0d]{align-self:flex-start}.about-page[data-v-9a2b2488]{display:flex;flex-direction:column;gap:var(--spacing-3);margin:var(--spacing-4) var(--spacing-4)}article[data-v-9a2b2488]{align-content:center;margin:0 var(--spacing-8);border-radius:var(--border-radius-small);padding:var(--spacing-6) var(--spacing-4);border:var(--border-size-small) solid var(--color-border-default);background:var(--color-bg-surface)}.about-developmentteam-inner[data-v-9a2b2488]{display:flex;flex-direction:row;align-items:flex-start}.about-developmentteam-right[data-v-9a2b2488]{margin-left:auto;padding-right:var(--spacing-4);width:40%;object-fit:contain;align-self:stretch}.upload-file[data-v-d6a6b607]{display:flex;flex-direction:column;align-items:center}.upload-file-drop-zone[data-v-d6a6b607]{display:flex;flex-direction:column;align-items:center;background:var(--color-bg-subtle);border:var(--border-size-small) solid var(--color-border-default);border-style:dashed;border-radius:var(--border-radius-md);padding:var(--spacing-5) var(--spacing-6);gap:var(--spacing-1)}.upload-file-drop-zone-seperator[data-v-d6a6b607],.upload-file-drop-zone-types[data-v-d6a6b607]{color:var(--color-text-placeholder)}.upload-file-helper[data-v-d6a6b607]{color:var(--color-text-secondary)}.account-dropdown-button[data-v-1d192dfc]{height:36px;cursor:pointer;padding:0 var(--spacing-2);top:var(--spacing-3);left:var(--spacing-3);gap:12px;background:var(--color-bg-surface);border:var(--border-size-small) solid var(--color-border-default);border-radius:100px}.account-dropdown-button[data-v-1d192dfc]:hover{background:var(--color-bg-subtle);border:var(--border-size-small) solid var(--color-border-strong)}.account-dropdown-button[data-v-1d192dfc]:focus{background:var(--color-primary-subtle);border:var(--border-size-medium) solid var(--color-brand-primary)}.account-dropdown[data-v-1d192dfc]{position:relative}.account-dropdown-content[data-v-1d192dfc]{background:var(--color-bg-surface);border:var(--border-size-small) solid var(--color-border-default);border-radius:var(--border-radius-md);display:none;position:absolute;box-shadow:0 4px 4px #0000001f}.account-dropdown-content-button[data-v-1d192dfc]{width:220px;color:var(--color-text-primary);padding:4px var(--spacing-3);gap:var(--spacing-2)}.account-dropdown-content-button[data-v-1d192dfc]:hover{background:var(--color-bg-subtle);text-decoration:none}.account-dropdown:hover .account-dropdown-content[data-v-1d192dfc],.account-dropdown:hover .account-dropdown-content-button[data-v-1d192dfc]{display:block}.account-dropdown-content-button-account-info[data-v-1d192dfc]{border-bottom:var(--border-size-small) solid var(--color-brand-primary)}.account-dropdown-content-button-logout[data-v-1d192dfc]{color:var(--color-status-error);border-top:var(--border-size-small) solid var(--color-brand-primary)}.example-box[data-v-1719d556]{display:flex;flex-direction:column;background-color:var(--color-bg-surface);border-radius:var(--border-radius-md);width:var(--pattern-box-size);height:380px;cursor:pointer;text-decoration:none}.example-box-image[data-v-1719d556]{position:relative;height:232px;width:100%}.example-box-image[data-v-1719d556] img{width:100%;height:232px;display:block;object-fit:cover;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.example-box-pin-btn[data-v-1719d556]{border-radius:50%;position:absolute;top:8px;right:8px;display:flex;cursor:pointer;color:var(--color-text-secondary);border:none;background:none}.example-box-pin-btn[data-v-1719d556]:hover{color:var(--color-brand-primary)}.example-box-footer[data-v-1719d556]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-2)}.example-box-top-row[data-v-1719d556]{display:flex;flex-direction:row;gap:var(--spacing-1)}.example-box-tags[data-v-1719d556]{display:flex;flex-wrap:nowrap;gap:var(--spacing-1);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent;padding-bottom:2px}.example-box-content[data-v-1719d556]{display:flex;justify-content:space-between;align-items:flex-start}.example-box-text[data-v-1719d556]{display:flex;flex-direction:column;gap:2px}.example-box-title[data-v-1719d556]{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-regular);color:var(--color-text-primary);letter-spacing:0;overflow:hidden;white-space:nowrap}.example-box-description[data-v-1719d556]{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.example-box-bookmark[data-v-1719d556]{color:var(--color-text-primary);background:none;border:none;display:flex;align-items:center;margin-left:auto}.example-box-bookmark[data-v-1719d556]:hover{color:var(--color-brand-primary)}.example-page-header[data-v-11fa53c7]{padding:var(--spacing-4) 0 var(--spacing-6)}.example-page-header-titles[data-v-11fa53c7]{margin-top:var(--spacing-4)}.example-subtitle[data-v-11fa53c7]{color:var(--color-text-secondary)}.example-page-body[data-v-11fa53c7]{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-6);align-items:start}.example-content[data-v-11fa53c7]{display:flex;flex-direction:column;gap:var(--spacing-4)}.example-image[data-v-11fa53c7]{background:var(--color-bg-surface);border-radius:var(--border-radius-md);border:1px solid var(--color-border-subtle, #e5e7eb);overflow:hidden}.example-image img[data-v-11fa53c7]{width:100%;display:block;object-fit:cover}.example-info[data-v-11fa53c7]{background:var(--color-bg-surface);border-radius:var(--border-radius-md);border:1px solid var(--color-border-subtle, #e5e7eb);padding:var(--spacing-4)}.example-info-title[data-v-11fa53c7]{color:var(--color-text-primary)}.example-info-description[data-v-11fa53c7]{color:var(--color-text-secondary)}.example-sidebar[data-v-11fa53c7]{display:flex;flex-direction:column;gap:var(--spacing-4)}.sidebar-section[data-v-11fa53c7]{display:flex;flex-direction:column;background:var(--color-bg-surface);border-radius:var(--border-radius-md);padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2)}.sidebar-title[data-v-11fa53c7],.sidebar-subtitle[data-v-11fa53c7]{color:var(--color-text-primary)}.sidebar-subsection[data-v-11fa53c7]{margin-top:var(--spacing-2)}.example-page-footer[data-v-11fa53c7]{padding:var(--spacing-4) 0;display:flex;flex-direction:column;gap:var(--spacing-6)}.footer-carousel[data-v-11fa53c7]{display:flex;flex-direction:column;border-radius:var(--border-radius-md);background:var(--color-bg-page);border:var(--border-size-large) solid var(--color-border-default);padding:var(--spacing-2);gap:var(--spacing-1)}.examples-content[data-v-069df5cf]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3)}.example-page-title[data-v-069df5cf]{display:flex;justify-content:center;padding:var(--spacing-1);padding-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold)}.example-page-wrapper[data-v-069df5cf]{display:flex;flex-direction:row}.selected-categories[data-v-069df5cf]{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.specific-pattern-page[data-v-7f830d95]{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:var(--layout-max-patternpage-width);margin:0 auto}.pattern-header[data-v-7f830d95]{background:var(--color-bg-surface);display:flex;align-items:flex-start;border-radius:var(--border-radius-md);justify-content:space-between;gap:var(--spacing-8)}.pattern-header-left[data-v-7f830d95]{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}.pattern-header-titles[data-v-7f830d95]{display:flex;flex-direction:column;gap:var(--spacing-2)}.pattern-header-title[data-v-7f830d95]{line-height:56px;font-weight:var(--font-weight-semibold)}.pattern-header-subtitle[data-v-7f830d95]{line-height:var(--line-height-h4);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.pattern-header-tags[data-v-7f830d95]{display:flex;gap:var(--spacing-3);padding:var(--spacing-2) 0}.pattern-header-buttons[data-v-7f830d95]{display:flex;gap:20px}.pattern-header-image[data-v-7f830d95]{width:345px;height:268px}.pattern-header-image img[data-v-7f830d95]{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--border-radius-md)}.pattern-sections[data-v-7f830d95]{display:flex;flex-direction:column;padding-bottom:var(--spacing-5);gap:var(--spacing-5)}.pattern-section[data-v-7f830d95]{display:flex;flex-direction:column;padding:var(--spacing-6) 0;border-radius:var(--border-radius-md);padding:var(--spacing-4);gap:var(--spacing-2);background:var(--color-bg-surface)}.pattern-examples[data-v-7f830d95]{background:var(--color-bg-page);border:var(--border-size-large) solid var(--color-border-default)}.pattern-section-heading[data-v-7f830d95]{display:flex;align-items:center;gap:var(--spacing-1)}.section-impact-header[data-v-7f830d95]{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.pattern-section-consequences[data-v-7f830d95]{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);row-gap:var(--spacing-3);column-gap:var(--spacing-2)}.consequences-benefits[data-v-7f830d95]{background:var(--color-status-success-subtle);border-radius:var(--border-radius-md);border:var(--border-size-small) solid var(--color-status-success);padding:12px var(--spacing-3);gap:var(--spacing-2);display:grid}.consequences-label[data-v-7f830d95]{display:flex;align-items:center;gap:var(--spacing-1)}.consequences-drawbacks[data-v-7f830d95]{background:var(--color-status-error-subtle);border-radius:var(--border-radius-md);border:var(--border-size-small) solid var(--color-status-error);padding:12px var(--spacing-3);gap:var(--spacing-2);display:grid}.info-page[data-v-d8effdf2]{display:flex;flex-direction:column;gap:var(--spacing-3);margin:var(--spacing-4) var(--spacing-4)}article[data-v-d8effdf2]{align-content:center;margin:0 var(--spacing-8);border-radius:var(--border-radius-small);padding:var(--spacing-6) var(--spacing-4);border:var(--border-size-small) solid var(--color-border-default);background:var(--color-bg-surface)}.contact-page[data-v-d5fcea59]{display:flex;flex-direction:column;gap:var(--spacing-3);margin:var(--spacing-4) var(--spacing-4)}article[data-v-d5fcea59]{align-content:center;margin:0 var(--spacing-8);border-radius:var(--border-radius-small);padding:var(--spacing-6) var(--spacing-4);border:var(--border-size-small) solid var(--color-border-default);background:var(--color-bg-surface)}