/* Scoped overrides: the existing editor retains its own layout and behavior. */
html:has(.build-editor-simple), body:has(.build-editor-simple) { overflow-x: clip; }
.build-editor-simple .build-editor-side.is-collapsed .build-editor-side__panel { visibility: hidden; }
.build-editor-simple .build-editor-main { grid-template-columns: minmax(340px, 1fr) minmax(300px, 1fr); }
.simple-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; align-items: center; }
.simple-actions #buildScreenshotButton { display: inline-flex; align-items: center; justify-content: center; height: 40px; line-height: 1; }
.simple-actions #buildScreenshotButton .build-screenshot-button__icon { font-size: 16px; }
.simple-actions #openDriftPicker {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 96px; min-height: 40px; padding: 10px 18px;
    border: 1px solid #1d4ed8; border-radius: 12px;
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
    color: #fff; box-shadow: 0 4px 12px rgba(37, 99, 235, .25);
    font-size: 14px; line-height: 1; font-weight: 700;
}
.simple-actions #openDriftPicker:hover { background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%); border-color: #1d4ed8; box-shadow: 0 6px 16px rgba(37, 99, 235, .35); }
.simple-actions #openDriftPicker:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(37, 99, 235, .25); }
.build-editor-simple .build-slot-grid { display: flex; flex-direction: column; gap: 0; }
.build-editor-simple .build-slot-card, .simple-screenshot-row {
    display: grid;
    grid-template-columns: 30px 64px minmax(0, 1fr);
    grid-template-rows: repeat(3, minmax(20px, auto));
    column-gap: 9px;
    padding: 8px 4px; min-height: 0; border: 0; border-bottom: 1px solid #d9e2eb;
    border-radius: 0; background: transparent; box-shadow: none; text-align: left;
}
.build-editor-simple .build-slot-card__label, .simple-screenshot-row .build-slot-card__label {
    grid-column: 1; grid-row: 1; align-self: start; justify-self: start;
    padding: 1px 0 0; display: flex;
}
.simple-part-icon { width: 27px; height: 27px; object-fit: contain; }
.simple-series-icon-box {
    grid-column: 2; grid-row: 1 / span 3; align-self: start;
    width: 60px; height: 60px; display: grid; place-items: center;
}
.simple-series-icon { display: block; width: 100%; height: 100%; object-fit: contain; }
.build-editor-simple .build-slot-card__empty { min-height: 42px; place-items: center start; }
.build-editor-simple .build-slot-card__value, .simple-screenshot-row .build-slot-card__value { grid-column: 3; grid-row: 1 / span 2; min-width: 0; min-height: 40px; }
.build-editor-simple .build-slot-card .equip-card--compact, .simple-screenshot-row .equip-card--compact { border: 0; padding: 0; background: transparent; box-shadow: none; }
.build-editor-simple .build-slot-card .equip-card--compact, .simple-screenshot-row .equip-card--compact { display: grid; grid-template-rows: minmax(20px, auto) minmax(20px, auto); min-height: 40px; height: auto; overflow: visible; }
.build-editor-simple .build-slot-card .equip-card__head, .simple-screenshot-row .equip-card__head { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; min-height: 20px; height: auto; margin: 0; padding: 0; }
.build-editor-simple .build-slot-card .equip-card__title-row, .simple-screenshot-row .equip-card__title-row { display: flex; align-items: center; min-width: 0; min-height: 20px; height: auto; margin: 0; }
.build-editor-simple .build-slot-card .equip-card__body, .simple-screenshot-row .equip-card__body { min-height: 20px; height: auto; margin: 0; padding: 0; }
.build-editor-simple .build-slot-card .equip-name, .simple-screenshot-row .equip-name { margin: 0; font-size: 11px; line-height: 20px; }
.build-editor-simple .build-slot-card .equip-name span, .simple-screenshot-row .equip-name span { font-size: inherit; line-height: inherit; }
.build-editor-simple .build-slot-card .equip-skills, .simple-screenshot-row .equip-skills { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; min-height: 20px; height: auto; margin: 0; font-size: 11px; line-height: 20px; overflow: visible; }
.build-editor-simple .build-slot-card .equip-skill-card, .simple-screenshot-row .equip-skill-card { width: auto; max-width: 100%; min-width: 0; flex: 0 1 auto; padding: 0; border: 0; background: transparent; }
.build-editor-simple .build-slot-card .equip-skill-head, .simple-screenshot-row .equip-skill-head { display: flex; align-items: baseline; gap: 3px; min-height: 20px; height: auto; margin: 0; justify-content: flex-start; }
.build-editor-simple .build-slot-card .equip-skill-title, .build-editor-simple .build-slot-card .equip-skill-lv,
.simple-screenshot-row .equip-skill-title, .simple-screenshot-row .equip-skill-lv { display: inline; flex: 0 1 auto; padding: 0; font-size: 11px; line-height: 20px; font-weight: 600; white-space: normal; }
.build-editor-simple .build-slot-card .equip-skill-lv, .simple-screenshot-row .equip-skill-lv { flex: 0 0 auto; white-space: nowrap; }
.build-editor-simple .build-slot-card .equip-card__head .equip-stats, .simple-screenshot-row .equip-card__head .equip-stats { flex-wrap: wrap; min-height: 20px; height: auto; margin: 0; gap: 5px; }
.build-editor-simple .build-slot-card .equip-stat, .build-editor-simple .build-slot-card .equip-stat span,
.simple-screenshot-row .equip-stat, .simple-screenshot-row .equip-stat span { font-size: 11px; line-height: 20px; }
.build-editor-simple .build-slot-card .equip-stat-icon, .simple-screenshot-row .equip-stat-icon { width: 13px; height: 13px; }
.build-editor-simple .build-slot-card .equip-card--compact > .equip-stats, .simple-screenshot-row .equip-card--compact > .equip-stats { display: none; }
.build-editor-simple .build-slot-card:not([data-slot="weapon"]) .equip-stats, .simple-screenshot-row:not([data-slot="weapon"]) .equip-stats { display: none; }
.build-editor-simple .build-slot-card .equip-skill-bars { display: none; }
.simple-drift-slots { grid-column: 3; grid-row: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 5px; min-width: 0; min-height: 20px; overflow: visible; }
.simple-drift-slot { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; border: 1px dashed #b7c9d7; border-radius: 5px; padding: 0 6px; background: #f5f8fa; color: #657587; font: inherit; font-size: 11px; line-height: 18px; min-height: 20px; height: auto; overflow-wrap: anywhere; white-space: normal; text-align: left; }
.simple-drift-slot .drift-picker-item__stone { width: 8px; height: 8px; flex: 0 0 8px; }
.simple-drift-handle { line-height: 1; }
button.simple-drift-slot { cursor: grab; touch-action: none; user-select: none; }
.simple-drift-slot.is-dragging { opacity: .28; border-style: dashed; }
.simple-drift-drag-ghost {
    position: fixed; top: 0; left: 0; z-index: 10000; pointer-events: none;
    display: inline-flex; align-items: center; justify-content: center; gap: 4px;
    height: 20px; padding: 0 6px; border: 1px solid #218d82; border-radius: 5px;
    background: #e0f4ee; color: #245f61; box-shadow: 0 8px 20px rgba(15, 58, 55, .3);
    font-size: 11px; line-height: 18px; white-space: nowrap; opacity: .95;
    will-change: transform;
}
.simple-drift-slot.is-filled { color: #245f61; background: #edf7f4; border-style: solid; border-color: #c2ddd5; }
.simple-drift-slot[aria-pressed="true"], .simple-drift-slot.is-drop-target { outline: 2px solid #218d82; outline-offset: 1px; background: #d3eee6; }
.simple-drift-slot:focus-visible { outline: 2px solid #218d82; }
.simple-hint { color: #718096; font-size: 11px; line-height: 1.6; margin: 10px 0 16px; }
.simple-warning { color: #9c381e; background: #fff0e6; border: 1px solid #efc2aa; border-radius: 8px; padding: 10px; font-size: 13px; line-height: 1.6; }
.simple-warning[hidden], .result-visual-section[hidden], .build-screenshot-panel[hidden] { display: none !important; }
.simple-active-skills { margin-top: 12px; }
.simple-active-skills #resultActiveSkillList { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#driftPickerModal .build-drift-box { margin: 0 0 18px; }
#driftPickerModal .build-modal__header { gap: 10px; }
#driftPickerModal .simple-drift-done { flex-shrink: 0; padding: 9px 16px; border: 1px solid #2570da; border-radius: 9px; background: #2878e8; color: white; font-size: 13px; font-weight: 700; cursor: pointer; }
#driftPickerModal .simple-drift-done:hover { background: #1d62c5; }
.simple-screenshot-row .equip-stats { font-size: 12px; }
.simple-screenshot-row .equip-skills { display: flex; flex-wrap: wrap; gap: 8px; }
.simple-screenshot-row .equip-skill-bars { display: none; }
.simple-screenshot-row .simple-drift-slot { color: #111827; font-weight: 600; }
body:has(.build-editor-simple) .build-screenshot-main { grid-template-columns: minmax(0, 1fr); }
.build-screenshot-card.is-capturing-full { max-height: none; overflow: visible; }
.simple-screenshot-row .equip-card__head, .simple-screenshot-row .equip-card__body { padding: 0; }
.simple-screenshot-row .equip-skills--editor { display: flex; flex-wrap: wrap; gap: 4px 12px; }
@media (max-width: 1100px) { .build-editor-simple .build-editor-main { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 900px) {
    .simple-actions #openDriftPicker { min-width: 76px; min-height: 36px; padding: 8px 12px; font-size: 12px; }
}
@media (max-width: 600px) {
    .build-editor-simple .build-editor-layout { padding: 8px; gap: 8px; }
    .build-editor-simple .build-slot-card, .simple-screenshot-row { grid-template-columns: 25px 52px minmax(0, 1fr); grid-template-rows: repeat(3, minmax(17px, auto)); column-gap: 5px; }
    .simple-part-icon { width: 23px; height: 23px; }
    .simple-series-icon-box { width: 49px; height: 49px; }
    .build-editor-simple .build-slot-card__value, .simple-screenshot-row .build-slot-card__value { min-height: 34px; }
    .build-editor-simple .build-slot-card .equip-card--compact, .simple-screenshot-row .equip-card--compact { grid-template-rows: repeat(2, minmax(17px, auto)); min-height: 34px; height: auto; }
    .build-editor-simple .build-slot-card .equip-card__head, .simple-screenshot-row .equip-card__head,
    .build-editor-simple .build-slot-card .equip-card__title-row, .simple-screenshot-row .equip-card__title-row,
    .build-editor-simple .build-slot-card .equip-card__body, .simple-screenshot-row .equip-card__body,
    .build-editor-simple .build-slot-card .equip-skill-head, .simple-screenshot-row .equip-skill-head { min-height: 17px; height: auto; }
    .build-editor-simple .build-slot-card .equip-name, .simple-screenshot-row .equip-name,
    .build-editor-simple .build-slot-card .equip-skills, .simple-screenshot-row .equip-skills,
    .build-editor-simple .build-slot-card .equip-skill-title, .build-editor-simple .build-slot-card .equip-skill-lv,
    .simple-screenshot-row .equip-skill-title, .simple-screenshot-row .equip-skill-lv { height: auto; font-size: 10px; line-height: 17px; }
    .simple-drift-slots { min-height: 17px; }
    .simple-drift-slot { min-height: 17px; height: auto; padding: 0 5px; font-size: 10px; line-height: 15px; }
    .build-editor-simple .build-slot-card__label { font-size: 11px; }
    .simple-actions { gap: 6px; }
    .simple-actions .edit-btn { font-size: 12px; padding: 8px 10px; }
    .simple-drift-drag-ghost { height: 17px; padding: 0 5px; font-size: 10px; line-height: 15px; }
}