:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-body-bg: #121212;--color-text-primary: #f5f5f5;--color-text-subtle: #c5c5c5;--color-card-bg: #171717;--color-card-border: #232323;--color-grid-bg: #101010;--color-grid-border: #2c2c2c;--color-tier-bg: #151515;--color-tier-border: #202020;--color-tier-dropzone: #111111;--color-tier-dropzone-border: rgba(17, 17, 17, .7);--color-tier-dropzone-hover: #152915;--color-tier-dropzone-hover-border: rgba(76, 175, 80, .7);--color-item-card-bg: #1f1f1f;--color-item-card-border: #292929;--color-button-bg: #1f1f1f;--color-button-border: #2f2f2f;--color-button-hover: #2b2b2b;--color-title-highlight: rgba(76, 175, 80, .1);--color-accent: #4caf50;--color-accent-strong: #2e7d32;--color-shadow-soft: rgba(0, 0, 0, .24)}body[data-theme=light]{color-scheme:light;--color-body-bg: #f5f2eb;--color-text-primary: #1d2a35;--color-text-subtle: #596575;--color-card-bg: #ffffff;--color-card-border: #dcd2c0;--color-grid-bg: #f5efe4;--color-grid-border: #e2d7c3;--color-tier-bg: #ffffff;--color-tier-border: #dcd1c2;--color-tier-dropzone: #f7f2e8;--color-tier-dropzone-border: rgba(0, 0, 0, .08);--color-tier-dropzone-hover: #e4efff;--color-tier-dropzone-hover-border: rgba(44, 96, 173, .55);--color-item-card-bg: #fcfbf7;--color-item-card-border: #dcd3c4;--color-button-bg: #f0eadf;--color-button-border: #d7ccb9;--color-button-hover: #e3d7c5;--color-title-highlight: rgba(44, 96, 173, .15);--color-accent: #2c60ad;--color-accent-strong: #1f3f70;--color-shadow-soft: rgba(0, 0, 0, .12)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-body-bg);color:var(--color-text-primary)}button{border-radius:999px;border:1px solid var(--color-button-border);padding:.55rem 1.4rem;font-size:.95rem;font-weight:600;font-family:inherit;background:var(--color-button-bg);color:var(--color-text-primary);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .12s ease}button:hover{background:var(--color-button-hover);border-color:var(--color-accent)}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}#root{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.app{display:flex;flex-direction:column;gap:1.5rem;background:var(--color-body-bg);color:var(--color-text-primary)}.app__header{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.app__control-row{width:100%;display:flex;justify-content:flex-end;gap:.35rem}.app__title{margin:0;text-align:center;font-size:2.2rem;letter-spacing:.015em;padding:.25rem .75rem;border-radius:12px;border:1px solid transparent;cursor:text;transition:border-color .16s ease,background .16s ease;width:fit-content;max-width:100%}.app__title--editable:focus-within{outline:none;border-color:var(--color-accent);background:var(--color-title-highlight)}.app__title--editable:hover{border-color:var(--color-accent);background:var(--color-title-highlight);cursor:text}.app__title-input{width:auto;min-width:200px;background:transparent;border:none;color:inherit;text-align:center;font:inherit;letter-spacing:inherit;cursor:text}.app__title-input:focus{outline:none}.app__title-input[readonly]{cursor:default}.app__toolbar-row{width:100%;display:flex;justify-content:center}.app--presentation .app__toolbar-row{display:none}.icon-button{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-button-border);background:var(--color-button-bg);color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;padding:0}.icon-button--play{font-size:1rem}.icon-button--play.is-active{background:#c0392b;border-color:#c0392b;color:#fff}.icon-button--theme.is-active{border-color:var(--color-accent);background:var(--color-title-highlight)}.icon-button--settings{font-size:1.45rem}.icon-button--settings[disabled]{opacity:.7;cursor:default}.icon-button--ai{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;font-size:.8rem;font-weight:600;border:2px solid #7c3aed;background:transparent;color:var(--color-text-primary);transition:all .2s ease}.icon-button--ai .ai-icon{position:absolute;left:4px;top:50%;transform:translate(-2px,-60%);font-size:.85rem;line-height:1;pointer-events:none;filter:drop-shadow(0 0 2px rgba(124,58,237,.5))}.icon-button--ai .ai-label{position:relative;z-index:1;display:inline-block;width:100%;line-height:1;text-align:center;letter-spacing:.05em}.icon-button--ai:hover{background:#7c3aed1a;border-color:#7c3aed}.icon-button--ai.is-active{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#7c3aed;color:#fff;box-shadow:0 2px 8px #7c3aed4d}.icon-button--ai.is-active .ai-icon{filter:drop-shadow(0 0 3px rgba(255,255,255,.8));animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(10deg)}}.icon-button-container{position:relative;display:inline-block}.icon-button__dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:240px;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 4px 16px var(--color-shadow-soft);overflow:hidden;z-index:100;animation:dropdownSlideIn .16s ease}.icon-button__dropdown-info{padding:.75rem 1rem;background:#8b5cf61a;color:var(--color-text-secondary);font-size:.8rem;font-weight:600;border-bottom:1px solid var(--color-card-border);text-align:center}.icon-button__dropdown-option{width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--color-text-primary);text-align:left;font-size:.9rem;cursor:pointer;transition:background .12s ease;border-bottom:1px solid var(--color-card-border)}.icon-button__dropdown-option:last-child{border-bottom:none}.icon-button__dropdown-option:hover{background:var(--color-tier-dropzone-hover)}.icon-button__dropdown-option:active{background:var(--color-grid-bg)}.theme-toggle{position:relative;width:84px;height:32px;border-radius:999px;border:1px solid var(--color-button-border);background:var(--color-button-bg);display:inline-flex;align-items:center;justify-content:space-between;padding:0 12px;overflow:hidden}.theme-toggle__icon{font-size:.85rem;width:16px;text-align:center;line-height:1;color:var(--color-text-subtle);transition:color .18s ease;position:relative;z-index:2}.theme-toggle__icon--moon{font-size:.95rem}.theme-toggle__thumb{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 4px);border-radius:999px;transition:left .2s ease;box-shadow:inset 0 1px 2px #00000026}.theme-toggle.is-light .theme-toggle__thumb{left:2px;background:linear-gradient(135deg,#f7e4b0,#f5c16c);color:#5a3d07}.theme-toggle.is-dark .theme-toggle__thumb{left:calc(50% + 2px);background:linear-gradient(135deg,#2b3c6f,#192341);color:#f5f6fb}.theme-toggle.is-light .theme-toggle__icon:first-of-type,.theme-toggle.is-dark .theme-toggle__icon:last-of-type{color:var(--color-text-primary)}.toolbar{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.toolbar button{min-width:150px}.item-bank{background:var(--color-card-bg);border-radius:18px;border:1px solid var(--color-card-border);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.item-bank header h2{margin:0;font-size:1.15rem}.item-bank header p{margin:.25rem 0 0;color:var(--color-text-subtle);font-size:.9rem}.item-bank__header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.item-bank__header-text{flex:1}.item-bank__actions{display:flex;gap:.5rem;align-items:center}.item-bank__action-button{padding:.5rem .75rem;font-size:.85rem;font-weight:500;border-radius:8px;border:1px solid var(--color-card-border);background:var(--color-body-bg);color:var(--color-text-primary);cursor:pointer;transition:all .14s ease;white-space:nowrap}.item-bank__action-button:hover{border-color:var(--color-accent);background:var(--color-tier-dropzone-hover)}.item-bank__action-button:active{transform:scale(.97)}.item-bank__action-button--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.item-bank__action-button--active:hover{background:var(--color-accent);opacity:.9}.item-bank__action-button:disabled{opacity:.5;cursor:not-allowed}.item-bank__action-button:disabled:hover{border-color:var(--color-card-border);background:var(--color-body-bg)}.item-bank__add-button-container{position:relative}.item-bank__add-button{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;aspect-ratio:1;border-radius:50%;border:2px solid var(--color-accent);background:var(--color-accent);color:#fff;font-size:1.5rem;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .16s ease;box-shadow:0 2px 8px #7c3aed40;flex-shrink:0}.item-bank__add-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #7c3aed59}.item-bank__add-button:active{transform:scale(.95)}.item-bank__dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 4px 16px var(--color-shadow-soft);overflow:hidden;z-index:100;animation:dropdownSlideIn .16s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.item-bank__dropdown-option{width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--color-text-primary);text-align:left;font-size:.9rem;cursor:pointer;transition:background .12s ease;border-bottom:1px solid var(--color-card-border)}.item-bank__dropdown-option:last-child{border-bottom:none}.item-bank__dropdown-option:hover{background:var(--color-tier-dropzone-hover)}.item-bank__dropdown-option:active{background:var(--color-grid-bg)}.item-bank__grid{min-height:132px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.85rem;border-radius:14px;border:2px dashed var(--color-grid-border);background:var(--color-grid-bg);transition:border-color .16s ease,background .16s ease}.item-bank__grid.is-over{border-color:var(--color-accent);background:var(--color-tier-dropzone-hover)}.item-bank__empty{margin:0;color:var(--color-text-subtle);font-style:italic}.tier-list{display:flex;flex-direction:column;gap:.75rem}.tier-row{display:grid;grid-template-columns:var(--tier-label-width, 100px) 1fr;border-radius:16px;overflow:hidden;background:var(--color-tier-bg);border:1px solid var(--color-tier-border)}.tier-row__label{display:flex;align-items:center;justify-content:center;font-size:clamp(.9rem,calc(1.6rem - .04 * var(--tier-label-length, 1)),1.6rem);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:0 .6rem;min-width:70px;max-width:240px}.tier-row__dropzone{min-height:110px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;padding:.85rem;border-left:1px solid var(--color-tier-dropzone-border);background:var(--color-tier-dropzone);transition:background .16s ease,border .16s ease,box-shadow .16s ease}.tier-row__dropzone.is-over{background:var(--color-tier-dropzone-hover);border-left-color:var(--color-tier-dropzone-hover-border);box-shadow:inset 0 0 0 1px var(--color-tier-dropzone-hover-border)}.tier-row__distribution{position:absolute;top:.5rem;right:.75rem;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);opacity:.8;pointer-events:none}.tier-row__dropzone{position:relative}.item-card{width:96px;padding:.55rem;background:var(--color-item-card-bg);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:.45rem;border:1px solid var(--color-item-card-border);box-shadow:0 8px 16px var(--color-shadow-soft);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease;position:relative}.item-card:hover{border-color:var(--color-accent)}.item-card:active{cursor:grabbing}.item-card img,.item-card__fallback{width:100%;aspect-ratio:1 / 1;border-radius:10px;object-fit:contain;background:var(--color-grid-bg)}.item-card__fallback{display:flex;align-items:center;justify-content:center;font-weight:700;color:#000000b8;letter-spacing:.05em}.item-card p{margin:0;font-size:.8rem;font-weight:600;text-align:center;color:var(--color-text-primary);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.item-card__remove{position:absolute;top:-7px;right:-7px;width:20px;aspect-ratio:1 / 1;border-radius:50%;border:1px solid var(--color-body-bg);background:#e53935f2;color:#fff;font-size:.85rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;min-width:0;opacity:0;transform:scale(.9);transition:opacity .14s ease,transform .14s ease;pointer-events:none;box-shadow:0 1px 3px #00000059}.item-card:hover .item-card__remove{opacity:1;transform:scale(1);pointer-events:auto}.item-card--editing{cursor:default;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent),0 8px 16px var(--color-shadow-soft)}.item-card__label-section{width:100%}.item-card__edit-form{display:flex;flex-direction:column;gap:.4rem;width:100%}.item-card__edit-input{width:100%;padding:.35rem .5rem;font-size:.75rem;font-weight:600;text-align:center;border:1px solid var(--color-card-border);border-radius:6px;background:var(--color-body-bg);color:var(--color-text-primary);font-family:inherit}.item-card__edit-input:focus{outline:none;border-color:var(--color-accent)}.item-card__edit-input--badge{text-transform:uppercase;font-size:.7rem}.item-card__edit-input--color{height:28px;padding:.15rem;cursor:pointer}.settings-modal__backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:40}.settings-modal{width:min(640px,95vw);max-height:90vh;overflow:hidden;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;box-shadow:0 20px 50px #00000073}.settings-modal__title{display:flex;justify-content:center;align-items:center;position:relative}.settings-modal__title h2{margin:0;text-align:center;flex:1}.settings-modal__rows{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding-right:.25rem}.settings-tier-row{display:grid;grid-template-columns:minmax(0,1fr) auto 52px;align-items:center;gap:.6rem}.settings-tier-row input[type=text]{width:100%;border-radius:10px;border:1px solid var(--color-card-border);background:var(--color-tier-dropzone);color:var(--color-text-primary);padding:.4rem .6rem;font-size:.95rem}.settings-tier-row input[type=color]{width:48px;height:40px;border:none;background:transparent;padding:0;cursor:pointer}.settings-tier-row__controls{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.settings-tier-row__controls button{width:32px;height:32px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem}.settings-modal__actions{display:flex;justify-content:center;gap:.75rem}.settings-modal__footer{display:flex;justify-content:flex-end;gap:.75rem}.settings-modal__close{position:absolute;top:-12px;right:-12px;width:24px;height:24px;border-radius:50%;border:2px solid var(--color-body-bg);background:#e53935f2;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000059;opacity:1;pointer-events:auto;transform:none}.add-items-modal__rows{display:flex;flex-direction:column;gap:.75rem;max-height:50vh;overflow-y:auto}.add-items-row{display:grid;grid-template-columns:40px minmax(0,1fr) 120px 64px 40px;align-items:center;gap:.5rem}.add-items-row__index{font-weight:700;text-align:center}.add-items-row input[type=text]{width:100%;border-radius:10px;border:1px solid var(--color-card-border);background:var(--color-tier-dropzone);color:var(--color-text-primary);padding:.4rem .6rem}.add-items-row input[type=color]{width:64px;height:36px;border:none;background:transparent;padding:0}.add-items-row button{width:34px;height:34px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center}.upload-images-modal__empty{padding:2rem;text-align:center;color:var(--color-text-subtle);font-style:italic}.upload-images-modal__rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;max-height:50vh;overflow-y:auto;padding:.5rem}.upload-image-preview{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--color-card-border);border-radius:10px;background:var(--color-tier-dropzone)}.upload-image-preview__thumbnail{width:96px;height:96px;margin:0 auto;border-radius:10px;object-fit:contain;background:var(--color-grid-bg)}.upload-image-preview__loading{padding:2rem 1rem;text-align:center;color:var(--color-text-subtle);font-size:.85rem;font-style:italic}.upload-image-preview__error{padding:1rem;color:#e53935;font-size:.75rem;text-align:center;background:#e539351a;border-radius:8px}.upload-image-preview input[type=text],.upload-image-preview input[type=color]{width:100%;padding:.4rem;border-radius:8px;border:1px solid var(--color-card-border);background:var(--color-body-bg);color:var(--color-text-primary);font-size:.8rem}.upload-image-preview input[type=text]:focus{outline:none;border-color:var(--color-accent)}.upload-image-preview input[type=color]{height:36px;cursor:pointer}.upload-image-preview__remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#e53935f2;color:#fff;border:2px solid var(--color-body-bg);padding:0;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000059;transition:opacity .14s ease,transform .14s ease}.upload-image-preview__remove:hover{transform:scale(1.1)}.upload-image-preview__extracted-text{margin-top:.5rem;padding:.5rem;border-radius:8px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.upload-image-preview__extracted-text-label{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.4rem}.upload-image-preview__extracted-text-items{display:flex;flex-direction:column;gap:.3rem}.upload-image-preview__extracted-text-item{display:flex;align-items:center;gap:.3rem}.upload-image-preview__extracted-text-input{flex:1;font-size:.7rem;padding:.3rem .5rem;background:var(--color-body-bg);border-radius:6px;border:1px solid var(--color-card-border);color:var(--color-text-primary);min-width:0}.upload-image-preview__extracted-text-input:focus{outline:none;border-color:var(--color-primary)}.upload-image-preview__extracted-text-remove{flex-shrink:0;width:20px;height:20px;padding:0;border:none;background:#ef44441a;color:#ef4444;border-radius:4px;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}.upload-image-preview__extracted-text-remove:hover{background:#ef444433}.upload-limit-warning{color:var(--color-text-subtle);font-size:.85rem;font-style:italic}.upload-images-modal__file-button{display:inline-block;padding:.5rem 1rem;background:var(--color-button-bg);color:var(--color-text-primary);border:1px solid var(--color-button-border);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .14s ease,border-color .14s ease}.upload-images-modal__file-button:hover{background:var(--color-tier-dropzone-hover);border-color:var(--color-accent)}.upload-images-modal__controls{display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-images-modal__auto-caption{display:flex;align-items:center;gap:.5rem;font-size:.95rem;cursor:pointer;color:var(--color-text-primary)}.upload-images-modal__auto-caption input[type=checkbox]{width:18px;height:18px;cursor:pointer}.upload-images-modal__auto-caption span{-webkit-user-select:none;user-select:none}.saved-lists-divider{margin:3rem 0 2rem;border:none;border-top:2px solid var(--color-card-border);opacity:.3}.saved-lists-section{padding:2rem 0;max-width:1400px;margin:0 auto}.saved-lists-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;text-align:center}.saved-lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:0 1rem}.saved-list-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:2px solid var(--color-card-border);border-radius:12px;background:var(--color-tier-dropzone);transition:transform .14s ease,box-shadow .14s ease}.saved-list-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.saved-list-card__header{display:flex;flex-direction:column;gap:.5rem}.saved-list-card__name{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0;word-wrap:break-word;overflow-wrap:break-word}.saved-list-card__date{font-size:.85rem;color:var(--color-text-subtle)}.saved-list-card__meta{display:flex;gap:.5rem;font-size:.85rem;color:var(--color-text-subtle)}.saved-list-card__actions{display:flex;gap:.75rem;margin-top:auto}.saved-list-card__actions .button{flex:1;padding:.6rem;font-size:.9rem}.confirmation-dialog{position:relative;background:var(--color-body-bg);border:2px solid var(--color-card-border);border-radius:16px;padding:2rem;max-width:480px;width:90%;box-shadow:0 8px 32px #0000004d}.confirmation-dialog h3{margin:0 0 1rem;font-size:1.4rem;color:var(--color-text-primary)}.confirmation-dialog p{margin:.75rem 0;font-size:1rem;line-height:1.5;color:var(--color-text-primary)}.confirmation-dialog__warning{color:#ff9800;font-weight:500;font-size:.9rem;margin-top:1rem}.confirmation-dialog__actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.confirmation-dialog__actions .button{min-width:100px}.button--primary{background:#4caf50;color:#fff;border-color:#45a049}.button--primary:hover{background:#45a049;border-color:#3d8b40}.button--secondary{background:var(--color-button-bg);color:var(--color-text-primary);border-color:var(--color-button-border)}.button--danger{background:#f44336;color:#fff;border-color:#da190b}.button--danger:hover{background:#da190b;border-color:#c41c0c}.ai-suggestions-modal{max-width:600px}.ai-suggestions-modal__content{min-height:200px;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.ai-suggestions-modal__loading,.ai-suggestions-modal__empty{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--color-text-subtle);font-style:italic}.ai-suggestions-modal__error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;color:#e53935;text-align:center}.ai-suggestions-modal__description{margin:0;color:var(--color-text-subtle);font-size:.9rem}.ai-suggestions-modal__list{display:flex;flex-direction:column;gap:.75rem}.ai-suggestion-item{display:flex;gap:.75rem;padding:1rem;border:2px solid var(--color-card-border);border-radius:12px;background:var(--color-tier-dropzone);cursor:pointer;transition:all .14s ease}.ai-suggestion-item:hover{border-color:var(--color-accent);background:var(--color-tier-dropzone-hover)}.ai-suggestion-item.is-selected{border-color:#7c3aed;background:#7c3aed1a}.ai-suggestion-item__checkbox{flex-shrink:0;width:20px;height:20px;margin-top:.2rem;cursor:pointer;accent-color:#7c3aed}.ai-suggestion-item__content{flex:1;display:flex;flex-direction:column;gap:.5rem}.ai-suggestion-item__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ai-suggestion-item__label{font-weight:600;font-size:1rem;color:var(--color-text-primary)}.ai-suggestion-item__confidence{flex-shrink:0;padding:.25rem .5rem;background:#7c3aed26;color:#7c3aed;border-radius:6px;font-size:.8rem;font-weight:600}.ai-suggestion-item__reasoning{margin:0;font-size:.9rem;color:var(--color-text-subtle);line-height:1.5}.ai-placement-modal{max-width:700px;max-height:85vh}.ai-placement-modal__content{min-height:300px;max-height:calc(85vh - 180px);overflow-y:auto}.ai-placement-modal__loading,.ai-placement-modal__empty,.ai-placement-modal__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:200px;color:var(--color-text-subtle)}.ai-placement-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-card-border)}.ai-placement-modal__description{margin:0;font-size:1rem;color:var(--color-text-primary)}.ai-placement-modal__tiers{display:flex;flex-direction:column;gap:1.5rem}.ai-placement-tier{border:2px solid var(--color-card-border);border-radius:12px;overflow:hidden;background:var(--color-card-bg)}.ai-placement-tier__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;font-weight:600}.ai-placement-tier__label{font-size:1.1rem}.ai-placement-tier__count{font-size:.9rem;opacity:.9}.ai-placement-tier__items{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.ai-placement-item{display:flex;gap:.75rem;padding:1rem;border:2px solid var(--color-card-border);border-radius:8px;background:var(--color-tier-dropzone);cursor:pointer;transition:all .14s ease}.ai-placement-item:hover{border-color:#7c3aed80;transform:translateY(-1px)}.ai-placement-item.is-selected{border-color:#7c3aed;background:#7c3aed1a}.ai-placement-item__checkbox{flex-shrink:0;width:20px;height:20px;margin-top:2px;cursor:pointer}.ai-placement-item__content{flex:1;min-width:0}.ai-placement-item__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.ai-placement-item__label{font-weight:600;color:var(--color-text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-placement-item__confidence{flex-shrink:0;padding:.25rem .5rem;background:#7c3aed26;color:#7c3aed;border-radius:4px;font-size:.85rem;font-weight:600}.ai-placement-item__reasoning{margin:0;font-size:.9rem;color:var(--color-text-subtle);line-height:1.5}.ai-description-modal{max-width:800px;max-height:90vh}.ai-description-modal__content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-height:calc(90vh - 200px);overflow-y:auto}.ai-description-modal__options{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--color-tier-dropzone);border:2px solid var(--color-card-border);border-radius:12px}.ai-description-modal__option-group{display:flex;flex-direction:column;gap:.5rem}.ai-description-modal__label{font-weight:600;font-size:.95rem;color:var(--color-text-primary)}.ai-description-modal__select{padding:.5rem .75rem;background:var(--color-card-bg);border:2px solid var(--color-card-border);border-radius:8px;color:var(--color-text-primary);font-size:1rem;font-family:inherit;cursor:pointer;transition:border-color .14s ease}.ai-description-modal__select:hover:not(:disabled){border-color:#7c3aed}.ai-description-modal__select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.ai-description-modal__select:disabled{opacity:.5;cursor:not-allowed}.ai-description-modal__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.ai-description-modal__checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.ai-description-modal__checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.ai-description-modal__loading,.ai-description-modal__error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;background:var(--color-tier-dropzone);border:2px solid var(--color-card-border);border-radius:12px}.ai-description-modal__error{border-color:#ef4444;background:#ef44440d}.ai-description-modal__error p{color:#ef4444;margin:0}.ai-description-modal__result{display:flex;flex-direction:column;gap:1rem}.ai-description-modal__result-header{display:flex;justify-content:space-between;align-items:center}.ai-description-modal__result-header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.ai-description-modal__textarea{width:100%;padding:1rem;background:var(--color-card-bg);border:2px solid var(--color-card-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem;font-family:inherit;line-height:1.6;resize:vertical;min-height:200px}.ai-description-modal__textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.ai-setup-wizard{max-width:650px;max-height:90vh}.ai-setup-wizard__content{padding:1.5rem;max-height:calc(90vh - 150px);overflow-y:auto}.ai-setup-wizard__form{display:flex;flex-direction:column;gap:1.5rem}.ai-setup-wizard__description{font-size:1rem;color:var(--color-text-secondary);margin:0 0 .5rem;line-height:1.5}.ai-setup-wizard__input-group{display:flex;flex-direction:column;gap:.5rem}.ai-setup-wizard__label{font-weight:600;font-size:.95rem;color:var(--color-text-primary)}.ai-setup-wizard__input{padding:.75rem 1rem;background:var(--color-card-bg);border:2px solid var(--color-card-border);border-radius:8px;color:var(--color-text-primary);font-size:1rem;font-family:inherit;transition:border-color .14s ease}.ai-setup-wizard__input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.ai-setup-wizard__hint{font-size:.85rem;color:var(--color-text-subtle);margin:0;font-style:italic}.ai-setup-wizard__loading,.ai-setup-wizard__error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;text-align:center}.ai-setup-wizard__error{background:#ef44440d;border:2px solid #ef4444;border-radius:12px}.ai-setup-wizard__error p{color:#ef4444;margin:0}.ai-setup-wizard__preview{display:flex;flex-direction:column;gap:1.5rem}.ai-setup-wizard__preview-header{text-align:center;padding-bottom:1rem;border-bottom:2px solid var(--color-card-border)}.ai-setup-wizard__preview-header h3{margin:0 0 .5rem;font-size:1.3rem;color:var(--color-text-primary)}.ai-setup-wizard__preview-header p{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.ai-setup-wizard__preview-section{display:flex;flex-direction:column;gap:.75rem}.ai-setup-wizard__preview-section h4{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.ai-setup-wizard__title-preview{padding:1rem;background:var(--color-tier-dropzone);border:2px solid var(--color-card-border);border-radius:8px;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);text-align:center}.ai-setup-wizard__tiers-preview{display:flex;flex-direction:column;gap:.5rem}.ai-setup-wizard__tier-preview{padding:.75rem 1rem;border-radius:6px;font-weight:600;text-align:center;box-shadow:0 2px 4px #0000001a}.ai-setup-wizard__items-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.ai-setup-wizard__item-preview{padding:.5rem .75rem;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:6px;font-size:.85rem;color:var(--color-text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-setup-wizard__item-preview--more{background:var(--color-tier-dropzone);border-color:#7c3aed;color:#7c3aed;font-weight:600}.ai-setup-wizard__preview-actions{display:flex;gap:1rem;padding-top:1rem;border-top:2px solid var(--color-card-border)}.ai-setup-wizard__preview-actions .button{flex:1}.natural-command-modal{max-width:640px}.natural-command-modal__content{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;max-height:calc(90vh - 100px);padding-right:.5rem}.natural-command-modal__description{color:var(--color-text-secondary);font-size:.95rem;margin:0}.natural-command-modal__form{display:flex;flex-direction:column;gap:1rem}.natural-command-modal__input-group{display:flex;flex-direction:column;gap:.5rem}.natural-command-modal__label{font-weight:600;color:var(--color-text-primary);font-size:.95rem}.natural-command-modal__input{width:100%;padding:.75rem 1rem;border-radius:8px;border:2px solid var(--color-card-border);background:var(--color-body-bg);color:var(--color-text-primary);font-size:.95rem;transition:border-color .2s ease}.natural-command-modal__input:focus{outline:none;border-color:var(--color-accent)}.natural-command-modal__input:disabled{opacity:.6;cursor:not-allowed}.natural-command-modal__examples{padding:.75rem;background:#8b5cf61a;border-radius:8px;font-size:.85rem}.natural-command-modal__examples strong{color:var(--color-text-primary);display:block;margin-bottom:.5rem}.natural-command-modal__examples ul{margin:0;padding-left:1.25rem;color:var(--color-text-secondary)}.natural-command-modal__examples li{margin:.25rem 0}.natural-command-modal__preview{padding:1.25rem;border-radius:10px;background:var(--color-card-bg);border:2px solid var(--color-card-border)}.natural-command-modal__preview--error{border-color:#e5393580;background:#e539350d}.natural-command-modal__preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-card-border)}.natural-command-modal__preview-header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.natural-command-modal__confidence{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.natural-command-modal__confidence.high{background:#4caf5033;color:#4caf50}.natural-command-modal__confidence.medium{background:#ff980033;color:#ff9800}.natural-command-modal__confidence.low{background:#e5393533;color:#e53935}.natural-command-modal__preview-body{display:flex;flex-direction:column;gap:.75rem}.natural-command-modal__preview-field{font-size:.9rem}.natural-command-modal__preview-field strong{color:var(--color-text-secondary);display:block;margin-bottom:.25rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.natural-command-modal__params{margin:.5rem 0 0;padding:.75rem;background:var(--color-body-bg);border-radius:6px;border:1px solid var(--color-card-border);font-size:.8rem;overflow-x:auto;color:var(--color-text-primary)}.natural-command-modal__error{padding:.75rem;background:#e539351a;border-radius:6px;color:#e53935;font-size:.9rem}.natural-command-modal__error strong{display:block;margin-bottom:.25rem}.natural-command-modal__preview-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:2px solid var(--color-card-border)}.natural-command-modal__preview-actions .button{flex:1}@media(max-width:768px){#root{padding:1.75rem 1rem 2rem}.app__control-row{justify-content:center}.tier-row{grid-template-columns:72px 1fr}.item-card{width:88px}}