@layer components{._overlay_1bffm_2{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-20)}._modal_1bffm_13{position:relative;background-color:var(--color-card);border-radius:var(--spacing-24);box-shadow:var(--shadow-lg);width:560px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:_modal-enter_1bffm_1 .15s cubic-bezier(.16,1,.3,1)}@keyframes _modal-enter_1bffm_1{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}._header_1bffm_38{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-20) var(--spacing-24);border-bottom:1px solid var(--color-border-default);flex-shrink:0}._title_1bffm_48{font-family:var(--font-body);font-weight:var(--font-weight-semibold);font-size:var(--text-lg);line-height:var(--leading-7);letter-spacing:var(--tracking-tight);color:var(--color-text-default);margin:0}._headerActions_1bffm_58{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-8)}._uploadButton_1bffm_65{width:var(--spacing-32);height:var(--spacing-32);border-radius:var(--radius-md);background-color:var(--color-state-brand);border:none;cursor:pointer;color:var(--color-white);display:flex;align-items:center;justify-content:center;transition:background-color .2s var(--ease-in-out)}._uploadButton_1bffm_65:hover{background-color:var(--color-state-brand-hover)}._uploadButton_1bffm_65:active{background-color:var(--color-state-brand-press)}._uploadButton_1bffm_65:disabled{opacity:.6;cursor:not-allowed}._closeButton_1bffm_92{width:var(--spacing-32);height:var(--spacing-32);border-radius:var(--radius-md);background-color:transparent;border:none;cursor:pointer;color:var(--color-icon-default);display:flex;align-items:center;justify-content:center;transition:background-color .2s var(--ease-in-out)}._closeButton_1bffm_92:hover{background-color:var(--color-subtle)}._closeButton_1bffm_92:active{background-color:var(--color-muted)}._errorBanner_1bffm_114{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-24);background-color:var(--color-basic-red-subtle);color:var(--color-text-destructive);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}._content_1bffm_126{display:flex;flex-direction:column;gap:var(--spacing-20);padding:var(--spacing-20) var(--spacing-24) var(--spacing-24);overflow-y:auto;flex:1}._thumbnailGrid_1bffm_135{display:flex;flex-wrap:wrap;gap:var(--spacing-8)}._thumbnailItem_1bffm_141{position:relative;width:160px;height:90px;background-color:var(--color-muted);border-radius:var(--radius-lg);overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color .15s var(--ease-in-out),transform .15s var(--ease-in-out)}._thumbnailItem_1bffm_141:hover{border-color:var(--color-border-highlight);transform:scale(1.02)}._thumbnailItem_1bffm_141:focus{outline:none;border-color:var(--color-state-brand)}._thumbnailItem_1bffm_141:active{transform:scale(.98)}._thumbnailImage_1bffm_168{width:100%;height:100%;object-fit:cover}._thumbnailPlaceholder_1bffm_174{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-icon-default-muted)}._thumbnailLabel_1bffm_183{position:absolute;bottom:var(--spacing-4);left:var(--spacing-4);right:var(--spacing-4);background-color:var(--color-state-secondary);border:1px solid var(--color-border-darker);border-radius:var(--radius-md);padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center}._thumbnailLabelText_1bffm_196{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-4);color:var(--color-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._emptyState_1bffm_208{display:flex;align-items:center;justify-content:center;padding:var(--spacing-32)}._emptyText_1bffm_215{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--leading-5);color:var(--color-text-hint);margin:0;text-align:center}._section_1bffm_225{display:flex;flex-direction:column;gap:var(--spacing-12)}._sectionTitle_1bffm_231{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:var(--leading-4);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}._deleteButton_1bffm_242{position:absolute;top:var(--spacing-8);right:var(--spacing-8);width:var(--spacing-24);height:var(--spacing-24);border-radius:var(--radius-sm);background-color:var(--color-state-destructive);border:2px solid var(--color-zinc-00);cursor:pointer;color:var(--color-zinc-00);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s var(--ease-in-out),background-color .15s var(--ease-in-out);box-shadow:0 2px 4px var(--color-transparent-dark-25)}._thumbnailItem_1bffm_141:hover ._deleteButton_1bffm_242{opacity:1}._deleteButton_1bffm_242:hover{background-color:var(--color-state-destructive-hover)}._confirmOverlay_1bffm_269{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:var(--spacing-24)}._confirmDialog_1bffm_279{background-color:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-24);display:flex;flex-direction:column;gap:var(--spacing-16);box-shadow:var(--shadow-lg);min-width:200px}._confirmText_1bffm_290{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-5);color:var(--color-text-default);margin:0;text-align:center}._confirmActions_1bffm_300{display:flex;flex-direction:row;gap:var(--spacing-12);justify-content:center;width:100%}._confirmCancelButton_1bffm_308,._confirmDeleteButton_1bffm_309{flex:1;padding:var(--spacing-8) var(--spacing-16);border-radius:var(--radius-md);border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:background-color .15s var(--ease-in-out)}._confirmCancelButton_1bffm_308{background-color:var(--color-subtle);color:var(--color-text-default)}._confirmCancelButton_1bffm_308:hover{background-color:var(--color-muted)}._confirmDeleteButton_1bffm_309{background-color:var(--color-state-destructive);color:var(--color-zinc-00)}._confirmDeleteButton_1bffm_309:hover{background-color:var(--color-state-destructive-hover)}}@layer components{._toolbarContainer_gocub_2{position:absolute;bottom:var(--spacing-12);left:50%;transform:translate(-50%);z-index:10;pointer-events:auto}._toolbar_gocub_2{display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-components-default);pointer-events:auto}._toolButton_gocub_23{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background-color:var(--color-state-ghost);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color 0ms ease-in-out;color:var(--color-icon-default-subtle)}._toolButton_gocub_23 svg{width:20px;height:20px;color:var(--color-icon-default-subtle)}._timeSelector_gocub_44 svg{width:16px;height:16px}._toolButton_gocub_23:hover{background-color:var(--color-state-ghost-hover)}._toolButtonActive_gocub_53{background-color:var(--color-state-primary);color:var(--color-icon-white-default);box-shadow:var(--shadow-components-default)}._toolButtonActive_gocub_53 svg{color:var(--color-icon-white-default)}._toolButtonActive_gocub_53:hover{background-color:var(--color-state-primary)}._divider_gocub_67{width:1px;height:20px;background-color:var(--color-badge-gray)}._colorSelectorContainer_gocub_73{position:relative}._colorSelector_gocub_73{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background-color:var(--color-state-ghost);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color 0ms ease-in-out}._colorSelector_gocub_73:hover{background-color:var(--color-state-ghost-hover)}._colorSwatch_gocub_95{width:20px;height:20px;border:1px solid var(--color-border-default);border-radius:12px}._colorPickerPopup_gocub_102{position:absolute;bottom:calc(100% + var(--spacing-16));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal-md)}._colorOption_gocub_117{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background-color:var(--color-state-ghost);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:background-color 0ms ease-in-out}._colorOption_gocub_117:hover{background-color:var(--color-state-ghost-hover)}._colorOptionActive_gocub_135{border:2px solid var(--color-state-brand);background-color:transparent}._colorOptionSwatch_gocub_140{width:20px;height:20px;border:1px solid var(--color-border-default);border-radius:12px}._colorWhite_gocub_147{background-color:#fff}._colorLightGray_gocub_151{background-color:#f4f4f5}._colorGray_gocub_155{background-color:#6f6f77}._colorBlack_gocub_159{background-color:#111115}._closeButton_gocub_163{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:0;background-color:var(--color-state-ghost);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease-in-out;color:var(--color-icon-default-subtle)}._closeButton_gocub_163:hover{background-color:var(--color-state-ghost-hover)}._timeSelectorContainer_gocub_182{position:relative}._timeSelector_gocub_44{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-8);background-color:var(--color-state-ghost);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease-in-out;color:var(--color-icon-default-muted)}._timeSelector_gocub_44:hover{background-color:var(--color-state-ghost-hover)}._timeLabel_gocub_204{font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);color:var(--color-text-default);white-space:nowrap}._timePickerPopup_gocub_212{position:absolute;bottom:calc(100% + var(--spacing-16));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal-md);white-space:nowrap}._timeOption_gocub_228{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-8);background-color:var(--color-state-ghost);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease-in-out}._timeOption_gocub_228:hover{background-color:var(--color-state-ghost-hover)}._timeOptionActive_gocub_245{border:2px solid var(--color-state-brand);background-color:transparent}._timeOptionLabel_gocub_250{font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);color:var(--color-text-default)}._moreMenuContainer_gocub_257{position:relative}._moreButton_gocub_261{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:0;background-color:var(--color-state-ghost);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease-in-out;color:var(--color-icon-default-subtle)}._moreButton_gocub_261:hover{background-color:var(--color-state-ghost-hover)}._moreMenuPopup_gocub_280{position:absolute;bottom:calc(100% + var(--spacing-16));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-8);background-color:var(--color-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal-md);min-width:200px}._menuOption_gocub_296{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-8) var(--spacing-12);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease-in-out;color:var(--color-icon-default-subtle);text-align:left}._menuOption_gocub_296:hover{background-color:var(--color-state-ghost-hover)}._menuOptionDestructive_gocub_314{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-8) var(--spacing-12);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease-in-out;color:var(--color-icon-destructive);text-align:left}._menuOptionDestructive_gocub_314:hover{background-color:var(--color-state-ghost-hover)}._menuOptionLabel_gocub_332{font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);color:var(--color-text-default)}._menuOptionDestructive_gocub_314 ._menuOptionLabel_gocub_332{color:var(--color-text-destructive)}._menuOptionDestructive_gocub_314:disabled{cursor:not-allowed;opacity:.4}._menuOptionDestructive_gocub_314:disabled:hover{background-color:transparent}._hiddenColorInput_gocub_352{position:absolute;width:0;height:0;opacity:0;pointer-events:none}._semanticSelect_gocub_360{width:100%;padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--color-text-default);background-color:var(--color-input);border:1px solid var(--color-border-default);border-radius:var(--radius-md);outline:none;box-sizing:border-box;cursor:pointer;height:28px}._semanticSelect_gocub_360:focus{border-color:var(--color-border-highlight)}}._drawToolbarWrapper_1e17p_1{position:absolute;top:50%;right:var(--spacing-16);transform:translateY(-50%);z-index:1000;pointer-events:all}._toolbar_ihee5_1{display:flex;align-items:center}._container_ihee5_6{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--spacing-8) 0;background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal-md);border:1px solid var(--color-border-default);overflow:visible;flex-shrink:0}._header_ihee5_20{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-8) var(--spacing-16);width:200px}._headerTitle_ihee5_28{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-5);font-weight:var(--font-weight-medium);color:var(--color-text-default);width:100%}._section_ihee5_37{display:flex;flex-direction:column;align-items:space-between;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-16);width:200px}._sectionLabel_ihee5_46{font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-4);font-weight:var(--font-weight-normal);color:var(--color-text-muted);width:100%}._sliderRow_ihee5_55{display:flex;align-items:center;gap:var(--spacing-8);width:100%}._sliderInput_ihee5_62{width:45px;max-width:45px;min-width:45px;flex-shrink:0}._slider_ihee5_55{flex:1 1 0;min-width:0}._sizeRow_ihee5_74{display:flex;align-items:center;gap:var(--spacing-4);width:100%}._unit_ihee5_81{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;min-width:12px}._sizingBtn_ihee5_89{flex:1;padding:var(--spacing-4) var(--spacing-8);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:transparent;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:background .1s ease,color .1s ease}._sizingBtn_ihee5_89:hover{background-color:var(--color-muted);color:var(--color-text-default)}._sizingBtnActive_ihee5_108{background-color:var(--color-muted);color:var(--color-text-default);border-color:var(--color-border-strong)}._semanticSelect_ihee5_114{width:100%;padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--color-text-default);background-color:var(--color-input);border:1px solid var(--color-border-default);border-radius:var(--radius-md);outline:none;box-sizing:border-box;cursor:pointer;height:28px}._semanticSelect_ihee5_114:focus{border-color:var(--color-border-highlight)}._toolbar_vvxbk_1{display:flex;align-items:center}._container_vvxbk_6{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--spacing-8) 0;background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal-md);border:1px solid var(--color-border-default);overflow:visible;flex-shrink:0}._header_vvxbk_20{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-8) var(--spacing-16);width:200px}._headerTitle_vvxbk_28{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-5);font-weight:var(--font-weight-medium);color:var(--color-text-default);width:100%}._section_vvxbk_37{display:flex;flex-direction:column;align-items:space-between;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-16);width:200px}._sectionLabel_vvxbk_46{font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-4);font-weight:var(--font-weight-normal);color:var(--color-text-muted);width:100%}._sliderRow_vvxbk_55{display:flex;align-items:center;gap:var(--spacing-8);width:100%}._sliderInput_vvxbk_62{width:45px;max-width:45px;min-width:45px;flex-shrink:0}._slider_vvxbk_55{flex:1 1 0;min-width:0}._colorSwatches_vvxbk_74{display:flex;flex-wrap:wrap;gap:var(--spacing-4);width:100%}._colorSwatch_vvxbk_74{width:20px;height:20px;border-radius:var(--radius-sm);border:1.5px solid transparent;cursor:pointer;flex-shrink:0;box-sizing:border-box}._colorSwatchSelected_vvxbk_91{border-color:var(--color-border-strong);outline:2px solid var(--color-state-brand);outline-offset:1px}._semanticSelect_vvxbk_97{width:100%;height:28px;padding:0 var(--spacing-4);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-normal);color:var(--color-text-default);background-color:var(--color-input);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;outline:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;box-sizing:border-box}._semanticSelect_vvxbk_97:focus{border-color:var(--color-border-highlight)}