@media (width<=768px){.container{padding:var(--space-2) var(--space-2) var(--space-safe-bottom,16px)!important}.header{margin-bottom:var(--space-2)!important;padding-right:80px!important}.header h1{font-size:var(--fs-hd)!important}.header p{font-size:var(--fs-tag)!important}.main-grid{gap:var(--space-2)!important}.card{padding:var(--space-2)!important;margin-bottom:var(--space-2)!important;border-radius:8px!important}.card-t{font-size:var(--fs-tag)!important;margin-bottom:var(--space-1)!important}.login-area{margin-bottom:var(--space-2)!important;text-align:right!important;position:static!important;transform:none!important}.login-btn{padding:var(--space-1) 12px!important;font-size:var(--fs-tag)!important}.user-badge{font-size:var(--fs-tag)!important;gap:4px!important}.user-name{max-width:80px!important}.layout-strip{gap:var(--space-1)!important;padding-bottom:var(--space-1)!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;display:flex!important;overflow-x:auto!important}.layout-strip>.layout-card{scroll-snap-align:start!important;flex:none!important;min-width:100px!important}.style-grid{gap:var(--space-1)!important;grid-template-columns:repeat(3,1fr)!important}.style-card{padding:var(--space-1) 2px!important}.style-card .name{font-size:10px!important}.style-card .desc{font-size:9px!important}.attr-grid{gap:var(--space-1)!important;grid-template-columns:1fr 1fr!important}.attr-sel{font-size:var(--fs-tag)!important;padding:var(--space-1) 6px!important}.upload-row{gap:var(--space-1)!important}.upload-box{width:52px!important;height:52px!important;font-size:20px!important}.prompt-input{font-size:var(--fs-ui)!important;padding:var(--space-2)!important;min-height:80px!important}.preview-box{max-height:120px!important;font-size:var(--fs-tag)!important;padding:var(--space-1)!important}.preview-tools{gap:var(--space-1)!important}.pv-btn{padding:var(--space-1) 8px!important;font-size:10px!important}.model-row{gap:var(--space-1)!important;grid-template-columns:1fr 1fr!important}.gen-area{gap:var(--space-1)!important;flex-direction:column!important}.gen-btn{width:100%!important;padding:var(--space-2)!important;font-size:var(--fs-ui)!important;min-height:44px!important}.sel-toolbar button{padding:var(--space-1) 8px!important;font-size:var(--fs-tag)!important;min-height:36px!important}.history-grid{gap:var(--space-1)!important;grid-template-columns:repeat(3,1fr)!important}.h-item{border-radius:6px!important}.h-list-row{padding:var(--space-1)!important;min-height:44px!important}.h-list-thumb{width:44px!important;height:44px!important}.h-list-chk{width:20px!important;height:20px!important}.h-list-prompt{font-size:var(--fs-tag)!important;max-height:36px!important}.sel-toolbar{gap:var(--space-1)!important;flex-wrap:wrap!important}.viewer-overlay{padding:0!important}.viewer-panel{border-radius:0!important;flex-direction:column!important;width:100%!important;height:100%!important;max-height:100vh!important}.viewer-body{flex-direction:column!important;max-height:60vh!important}.viewer-image{max-width:100%!important;max-height:50vh!important}.viewer-btn{padding:var(--space-2)!important;font-size:var(--fs-ui)!important;min-height:44px!important}.close-btn{top:var(--space-2)!important;right:var(--space-2)!important;z-index:100!important;width:36px!important;height:36px!important;font-size:20px!important;position:fixed!important}.vp-section{padding:var(--space-2)!important}.vp-text{font-size:var(--fs-tag)!important}.vp-thumbs{gap:var(--space-1)!important;grid-template-columns:repeat(4,1fr)!important}.vp-ref-thumb{border-radius:4px!important}.browser-layout{flex-direction:column!important}.browser-left{max-height:50vh!important}.browser-grid{gap:var(--space-1)!important;grid-template-columns:repeat(4,1fr)!important}.browser-right{max-height:40vh!important}.modal-box{width:90%!important;max-width:360px!important;padding:var(--space-4)!important}.modal-box h2{font-size:var(--fs-body)!important}.modal-box .form-group input,.modal-box .form-group select,.modal-box .form-group textarea{padding:var(--space-2)!important;font-size:16px!important}.toast-container{bottom:var(--space-4)!important;left:var(--space-2)!important;right:var(--space-2)!important;width:auto!important}.toast-item{font-size:var(--fs-ui)!important;padding:var(--space-2)!important;border-radius:8px!important}.empty-grid{padding:var(--space-4) var(--space-2)!important}.empty-text{font-size:var(--fs-ui)!important}.view-mode-bar{gap:var(--space-1)!important}.view-mode-btn{padding:var(--space-1) 8px!important;font-size:var(--fs-tag)!important}.ref-viewer-img{max-width:100%!important;max-height:80vh!important}.ref-viewer-bar{top:var(--space-2)!important;right:var(--space-2)!important}.ref-viewer-close{width:36px!important;height:36px!important;font-size:18px!important}@supports (-webkit-touch-callout:none){.container,.viewer-overlay{height:-webkit-fill-available!important}}}