@media (width >= 481px) and (width <= 767px){.builder-container{gap:var(--space-md)}}@media (width >= 768px) and (width <= 999px){.builder-container{gap:var(--space-lg);max-width:900px}.card-body,
    .card-header,
    .card-header-static{padding:var(--space-lg)}.emoji-modal-content{max-height:85vh;max-width:700px}.emoji-modal-header{padding:var(--space-xl)}.emoji-modal-body{max-height:calc(85vh - var(--space-xl)*2);overflow-y:auto;padding:0 0 var(--space-md)}.emoji-main-content{display:contents}.skin-tone-selector{background:transparent;margin:var(--space-md);order:1;padding:var(--space-md);position:relative}.emoji-category-navigation{order:2;padding:0;position:relative}.emoji-category-filter{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin:0 var(--space-md);padding:var(--space-md)}.emoji-search-container{background:#fff;margin:0 var(--space-md);order:3;padding:var(--space-md) 0;position:sticky;top:0;z-index:1}.emoji-search-container::before{content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:-1px}.recently-used-section{background:transparent;border-top:2px solid var(--border-subtle);margin-top:var(--space-lg);padding-top:var(--space-lg)}}@media (width >= 1000px){.builder-container{max-width:var(--layout-content-extra-wide)}.emoji-modal{padding:var(--space-lg)}.emoji-modal-content{max-height:95vh;max-width:1000px;width:90vw}.emoji-modal-header{border-bottom:2px solid var(--border-subtle);padding:var(--space-xl)}.emoji-modal-title h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.current-emoji-preview{font-size:var(--font-size-base);gap:var(--space-md)}.emoji-medium{font-size:2rem}.emoji-modal-body{background:var(--bg-primary);max-height:calc(95vh - var(--space-xl)*2);overflow-y:auto;padding:0}.emoji-main-content{align-content:start;background:var(--bg-primary);display:grid;grid-auto-rows:min-content;grid-template-columns:280px 1fr}.skin-tone-selector{border-bottom:1px solid var(--border-subtle);grid-column:1/-1;margin-bottom:0;margin-top:0;padding:var(--space-lg) var(--space-xl)}.emoji-category-navigation{align-self:start;background:var(--bg-secondary);border-right:2px solid var(--border-subtle);grid-column:1;margin-top:0;position:sticky;top:0}.emoji-category-filter{background:transparent;border:none;max-height:calc(95vh - var(--space-xl)*2);overflow:hidden auto;padding:var(--space-xl);width:100%}.emoji-search-container{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);box-shadow:0 2px 4px rgba(0,0,0,.08);margin-bottom:0;margin-top:0;position:sticky;top:0;z-index:2}.emoji-content-area,.emoji-search-container{grid-column:2;padding:var(--space-lg) var(--space-xl)}.emoji-content-area{background:transparent;border:none;border-radius:0;margin:0;max-height:none}.recently-used-section{border-top:1px solid var(--border-subtle);padding:0 var(--space-xl) var(--space-xl)}}@media (width < 768px){.emoji-modal{padding:var(--space-sm)}.emoji-modal-content{max-height:90vh}.emoji-modal-header{margin-bottom:var(--space-sm);padding:var(--space-md)}.emoji-modal-body{padding:0 var(--space-sm) var(--space-sm) var(--space-sm)}.emoji-main-content{display:contents}.emoji-category-navigation{background:transparent;order:2;position:relative}.emoji-category-filter{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;padding:var(--space-md)}.skin-tone-selector{margin-bottom:var(--space-sm);order:1;padding-top:var(--space-md);position:relative}.emoji-search-container{background:#fff;order:3;position:sticky;top:0;z-index:1}.emoji-search-container::before{background:var(--bg-primary);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:-1px}.emoji-content-area{margin:0;order:4;padding:0;position:relative}.card-header{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.builder-card.always-visible .card-body{padding:0 var(--space-lg)}.builder-card.always-visible .card-body > *:first-child{padding-top:var(--space-lg)}.builder-card.always-visible .card-body > *:last-child{padding-bottom:var(--space-lg)}.builder-card.always-visible .card-header{padding:var(--space-lg)}}@media (width >= 1000px){.document-selection-workflow{align-items:start;display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr}.combined-category-section .card-body,
    .document-section .card-body{max-height:none;opacity:1;overflow:visible;padding:var(--space-lg)}.combined-category-section .card-header,
    .document-section .card-header{border-bottom:var(--border-width-medium) solid var(--border-default);border-bottom-left-radius:0;border-bottom-right-radius:0;cursor:default}.combined-category-section .card-toggle,
    .document-section .card-toggle{display:none}.combined-category-section.collapsed .card-body,
    .document-section.collapsed .card-body{max-height:none;opacity:1;overflow:visible;padding:var(--space-lg)}.combined-category-section.collapsed .card-header,
    .document-section.collapsed .card-header{border-bottom:var(--border-width-medium) solid var(--border-default);border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (width <= 480px){.action-modal{padding:.75rem}.action-modal-content{border-radius:var(--radius-md);max-width:none;width:calc(100vw - 1.5rem)}
    .action-modal-body,
    .action-modal-footer,.action-modal-header{padding:var(--space-md)}.action-modal .btn-action-hero{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md)}}@media (width >= 481px){.action-modal .action-buttons-hero{flex-direction:row;gap:var(--space-md);justify-content:center}.action-modal .btn-action-hero{flex:0 0 auto;max-width:160px;min-width:120px;width:auto}}@media (width < 768px){.builder-container{gap:var(--space-2xl);max-width:100vw;overflow-x:hidden;padding:var(--space-md);width:100%}.builder-card,.card-body{box-sizing:border-box;max-width:100%;width:100%}.card-body{overflow-x:hidden;padding:var(--space-md)}

    .builder-title,.category-content,
    .category-tabs{font-size:1.875rem}.builder-subtitle{font-size:1rem}.card-body > *:first-child{padding-top:var(--space-md),var(--space-lg),var(--space-md),var(--space-sm)}.card-body > *:last-child{padding-bottom:var(--space-md),var(--space-lg),var(--space-md),var(--space-sm)}.card-header,
    .card-header-static{padding:var(--space-lg) var(--space-md)}.action-buttons{flex-direction:column;gap:var(--space-md)}.action-btn{max-width:none}.summary-stats{gap:var(--space-lg)}.stat-number{font-size:1.75rem}
    .action-modal-body,
    .action-modal-footer,.action-modal-header,.action-modal-overlay{padding:var(--space-md)}.action-modal-footer{flex-direction:column;gap:var(--space-md)}}@media (width <= 480px){.builder-container{padding:var(--space-sm)}.card-body{padding:0 var(--space-lg)}.card-body > *:first-child{padding-top:var(--space-lg)}.card-body > *:last-child{padding-bottom:var(--space-lg)}.card-header,
    .card-header-static{padding:var(--space-xs) var(--space-sm)}.builder-title{font-size:1.5rem}.selected-empty{padding:var(--space-lg)}.selected-empty-icon{font-size:2.5rem}.summary-stats{flex-direction:column;gap:var(--space-md)}.stat-item{max-width:none}.selected-count{font-size:1rem;padding:var(--space-xs) var(--space-sm)}}@media (prefers-contrast:high){.builder-card,.save-status-indicator{border-width:2px}}@media (prefers-reduced-motion:reduce){
    .action-modal-content,
    .apply-preset-btn,
    .apply-template-btn,.builder-card,
    .clear-selected-btn,
    .settings-input{transition:none}}@media (width <= 767px){.selected-document-item .drag-handle{font-size:1.4em;min-height:2.5rem;min-width:2.5rem;padding:1rem}}@media (width >= 768px){.category-identity-container{align-items:center;background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:var(--space-lg);margin:0 auto;max-width:800px;padding:0;text-align:center}.category-name-input{font-weight:var(--font-weight-medium);padding:var(--space-lg)}.category-emoji-label,.category-name-input,.category-name-label{font-size:var(--font-size-lg)}}@media (width < 768px){.category-identity-container{align-items:center;background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:var(--space-lg);margin:0 auto;max-width:100%;padding:0;text-align:center}.category-identity-container .category-name-field{margin-bottom:var(--space-md);max-width:400px;order:1;width:100%}.category-identity-container .category-emoji-field{order:2}.category-identity-container .emoji-details .btn{display:none}.category-identity-container .emoji-preview-layout{align-items:center;background:var(--bg-surface);border:3px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;display:flex;justify-content:center;margin-bottom:var(--space-xl);min-height:120px;min-width:120px;padding:var(--space-xl);position:relative;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}.category-identity-container .emoji-preview-layout:hover{border-color:var(--interactive-primary);box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-3px)}.category-identity-container .emoji-preview-box{align-items:center;display:flex;height:auto;justify-content:center;margin:0;width:auto}.category-identity-container .emoji-large{font-size:3.5rem;line-height:1}.category-identity-container .emoji-preview-layout::after{bottom:-32px;color:var(--text-tertiary);content:"Click to choose a different emoji";font-size:var(--font-size-xs);left:50%;opacity:1;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}}