/* CompactCSS source: /apps/awtsmoos-studio/styles/studio-mobile-intent-shell.css */
/*B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets one contextual sheet rise from the movie without dethroning it; Awtsmoos.com gives Create, Edit, Animate, and Audio navy glass, blue focus, safe scrolling, and enough depth for real tools.
*/

/* CompactCSS source: /apps/awtsmoos-studio/styles/studio-mobile-edit.css */
/*B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets canonical transforms become touchable without becoming a second model; Awtsmoos.com gives Position, Rotation, Scale, Visibility, and safe value readouts the blue segmented rhythm of a finished mobile editor.
*/
@media (max-width: 820px) {
	.studio-edit-transform { display: grid; gap: 12px; }
	.studio-edit-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
	.studio-edit-tab { display: grid; place-items: center; gap: 4px; min-height: 58px; padding: 7px 3px; border: 1px solid #2f4358; border-radius: 11px; background: #162231; color: #dfeaf3; font-size: 10px; }
	.studio-edit-tab > span:first-child { font-size: 20px; }
	.studio-edit-tab[aria-pressed="true"] { border-color: #218cff; background: #167ef0; color: white; }
	.studio-edit-field-group { display: grid; gap: 8px; }
	.studio-edit-field-group[hidden] { display: none; }
	.studio-edit-range { display: grid; grid-template-columns: 54px minmax(0, 1fr) 54px; gap: 8px; align-items: center; color: #d8e5ef; font-size: 11px; }
	.studio-edit-range input { width: 100%; accent-color: #258cff; }
	.studio-edit-range-value { padding: 7px 5px; border-radius: 8px; background: #1b2a3b; color: #dce9f3; text-align: center; font: 10px ui-monospace, monospace; }
	.studio-edit-reset { min-height: 40px; border: 1px solid #31465b; border-radius: 10px; background: #131f2d; color: #aebfcd; }
	.studio-edit-structural { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
}



/* CompactCSS source: /apps/awtsmoos-studio/styles/studio-mobile-audio.css */
/*B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives real imported sound a calm library vessel; Awtsmoos.com distinguishes narration, dialogue, music, and SFX without inventing remote tracks, thumbnails, or counterfeit waveforms.
*/
@media (max-width: 820px) {
	.studio-audio-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; padding: 3px; border-radius: 12px; background: #111d2a; }
	.studio-audio-tab { min-height: 38px; border: 0; border-radius: 9px; background: transparent; color: #a6b7c5; font-size: 10px; }
	.studio-audio-tab[aria-pressed="true"] { background: #237ff5; color: white; }
	.studio-audio-library { display: grid; gap: 7px; max-height: 230px; overflow: auto; }
	.studio-audio-empty { margin: 0; padding: 18px 12px; border-radius: 12px; background: #111d2a; color: #899faf; font-size: 11px; text-align: center; }
	.studio-audio-card { display: grid; grid-template-columns: 42px minmax(0, 1fr) 30px; gap: 9px; align-items: center; min-height: 62px; padding: 8px; border: 1px solid #2d4358; border-radius: 12px; background: #152231; color: #edf5fb; text-align: left; }
	.studio-audio-card-kind { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #42617d; background: #1d3145; color: #5aaeff; font-size: 18px; }
	.studio-audio-card-copy { display: grid; min-width: 0; }
	.studio-audio-card-copy strong, .studio-audio-card-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.studio-audio-card-copy span { color: #8fa5b5; font-size: 10px; }
	.studio-audio-card-add { color: #3c9cff; font-size: 24px; text-align: center; }
	.studio-audio-import-control { display: grid; gap: 5px; padding: 11px; border: 1px dashed #38536c; border-radius: 12px; background: #101b28; }
	.studio-audio-import-control span { color: #8da3b3; font-size: 10px; }
}


.studio-intent-sheet, .studio-intent-sheet[hidden] { display: none; }
@media (max-width: 820px) {
	.studio-intent-sheet:not([hidden]) {
		position: fixed; right: 8px; bottom: calc(124px + env(safe-area-inset-bottom)); left: 8px; z-index: 6750;
		display: grid; grid-template-rows: auto minmax(0, 1fr); max-height: min(62dvh, 540px); overflow: hidden;
		border: 1px solid rgb(76 107 139 / 48%); border-radius: 19px; background: rgb(11 20 31 / 98%); box-shadow: 0 -20px 70px rgb(0 0 0 / 48%); backdrop-filter: blur(20px);
	}
	.studio-intent-sheet:has(.studio-animate-intent:not([hidden])), .studio-intent-sheet:has(.studio-audio-intent:not([hidden])) { max-height: min(74dvh, 650px); }
	.studio-intent-sheet-header { display: flex; gap: 10px; align-items: start; justify-content: space-between; padding: 12px 12px 10px; border-bottom: 1px solid rgb(255 255 255 / 8%); }
	.studio-intent-sheet-title { display: block; color: #f4f8fc; font: 760 17px/1.2 system-ui, sans-serif; }
	.studio-intent-sheet-summary { margin: 4px 0 0; color: #899faf; font: 500 10px/1.35 system-ui, sans-serif; }
	.studio-intent-sheet-close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 12px; background: #162434; color: #e8f0f6; font: 400 24px/1 system-ui, sans-serif; }
	.studio-intent-sheet-close:focus-visible { outline: 2px solid #4ea4ff; outline-offset: 2px; }
	.studio-intent-scroll { overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
}