:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08090b;color:#e5e8ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 62% 0%,rgba(66,78,95,.16),transparent 34rem),linear-gradient(180deg,#0c0e12,#08090b)}button,input,textarea{font:inherit}.shell{width:min(1500px,calc(100vw - 40px));margin:0 auto;padding:26px 0 30px}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.mastheadActions{display:flex;align-items:center;gap:10px;flex:none}.eyebrow{margin-bottom:7px;color:#8c95a3;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;color:#f5f7fa;font-size:clamp(28px,4vw,54px);font-weight:650;letter-spacing:0}.mastheadLead{max-width:min(920px,calc(100vw - 420px));margin:9px 0 0;overflow:hidden;color:#8f98a7;font-size:13px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.statusPill{flex:none;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;background:#ffffff0b;color:#b5bdca;font-size:12px}.languageSwitch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;flex:none;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:3px;background:#ffffff0e}.languageSwitch button{min-width:42px;border:0;border-radius:4px;padding:6px 9px;background:transparent;color:#eef3f8;font-size:11px;font-weight:700;cursor:pointer;opacity:.55}.languageSwitch button.active{background:#e8eef629;color:#fff;opacity:1}.languageSwitch button:hover{opacity:1}.tabBar{display:inline-grid;grid-template-columns:repeat(3,max-content);gap:2px;margin-bottom:14px;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:3px;background:#ffffff09}.tabBar button{border:0;border-radius:4px;padding:8px 13px;background:transparent;color:#7f8a9a;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap}.tabBar button.active{background:#e8eef621;color:#f0f4f8}.workspace{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:14px}.creatorWorkspace{grid-template-columns:minmax(270px,320px) minmax(0,1fr) minmax(300px,360px);align-items:start}.restoreLayout{display:grid;gap:14px}.restoreTopGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:14px;align-items:stretch}.sidePanel,.previewCard,.analysisCard{border:1px solid rgba(255,255,255,.09);border-radius:5px;background:#0e1116d1;box-shadow:0 20px 60px #00000047}.sidePanel{display:flex;flex-direction:column;gap:12px;padding:12px}.dropzone{min-height:174px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;border:1px dashed rgba(164,174,190,.32);border-radius:5px;padding:16px;background:linear-gradient(135deg,#ffffff0f,#ffffff03),#0d1015;cursor:pointer;transition:border-color .16s ease,background .16s ease}.dropzone.dragging{border-color:#a4b6ce;background:#46546852}.dropzone input{display:none}.dropLabel{color:#7d8797;font-size:10px;font-weight:800;letter-spacing:.14em}.dropzone strong{color:#f2f5f8;font-size:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone p,.summaryBox p,.historyEmpty{margin:0;color:#8f98a7;font-size:12px;line-height:1.45}.errorBox{border:1px solid rgba(255,104,104,.3);border-radius:5px;padding:10px 11px;color:#ffb2b2;background:#64141842;font-size:12px}.metricGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:5px;padding:10px;background:#ffffff09}.metric span,.summaryBox span,.historyHeader span{display:block;margin-bottom:5px;color:#727c8b;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;color:#e8ebf0;font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controlBlock,.summaryBox,.historyBox,.recipeImportBox{border:1px solid rgba(255,255,255,.07);border-radius:5px;padding:12px;background:#ffffff08}.historyHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.historyHeader button{border:0;padding:0;background:transparent;color:#8f98a7;font-size:11px;cursor:pointer}.historyHeader button:disabled{cursor:default;opacity:.35}.recipeImportBox{display:grid;gap:9px}.primaryImportBox{border-color:#d2ddec2e;background:linear-gradient(135deg,#ffffff13,#ffffff05),#0e1116e0}.importHeroHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.importHeroHeader span,.shareGuideCard span{display:block;color:#f0f4f8;font-size:14px;font-weight:760}.importHeroHeader p,.shareGuideCard p,.shareHelpText{margin:6px 0 0;color:#8f98a7;font-size:12px;line-height:1.5}.importHeroActions{display:flex;flex:none;flex-wrap:wrap;justify-content:flex-end;gap:8px}.importHeroActions button{flex:none;border:1px solid rgba(210,221,236,.16);border-radius:5px;padding:7px 10px;background:#e8eef614;color:#dce4ef;font-size:11px;font-weight:700;cursor:pointer}.importHeroActions button:disabled{cursor:default;opacity:.42}.heroRecipeTextarea{min-height:188px}.shareGuideCard{display:flex;flex-direction:column;gap:14px;border:1px solid rgba(210,221,236,.14);border-radius:5px;padding:14px;background:linear-gradient(135deg,#5361752e,#ffffff06),#0e1116d1}.recipeHistoryBox{display:grid;gap:8px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}.recipeHistoryList{display:grid;gap:7px}.recipeHistoryItem{width:100%;min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:4px;padding:9px 10px;background:#ffffff09;color:inherit;text-align:left;cursor:pointer}.recipeHistoryItem:hover{border-color:#b8c5d83d;background:#ffffff0f}.recipeHistoryItem strong,.recipeHistoryItem span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipeHistoryItem strong{color:#dce2eb;font-size:11px;font-weight:680}.recipeHistoryItem span{margin-top:4px;color:#7d8797;font-size:10.5px}.recipeTextarea{width:100%;min-height:146px;resize:vertical;border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:10px;background:#00000038;color:#d5dce7;font-family:SFMono-Regular,Consolas,monospace;font-size:10.5px;line-height:1.55;outline:none}.recipeTextarea:focus{border-color:#c5d3e852}.recipeActions{display:grid;grid-template-columns:1fr .62fr;gap:8px}.recipeActions button{border:1px solid rgba(210,221,236,.16);border-radius:4px;padding:8px 9px;background:#e8eef614;color:#dce4ef;font-size:11px;font-weight:650;cursor:pointer}.recipeActions button:disabled{cursor:default;opacity:.42}.recipeImportStatus{margin:0;color:#8792a2;font-size:11px;line-height:1.45}.historyList{display:grid;gap:7px}.historyItem{width:100%;min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:4px;padding:9px 10px;background:#ffffff09;color:inherit;text-align:left;cursor:pointer}.historyItem:hover{border-color:#b8c5d83d;background:#ffffff0f}.historyItem strong,.historyItem span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.historyItem strong{color:#dce2eb;font-size:12px;font-weight:650}.historyItem span{margin-top:3px;color:#7c8797;font-size:11px}.controlLabel,.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.controlLabel{margin-bottom:10px;font-size:12px;color:#aeb6c4}.controlLabel strong{color:#f2f4f7}input[type=range]{width:100%;accent-color:#d4dde9}.mainPanel{min-width:0}.previewGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.previewCard,.analysisCard,.comparisonCard,.comparisonSection{overflow:hidden}.panelHeader{min-height:42px;border-bottom:1px solid rgba(255,255,255,.07);padding:11px 12px}.panelHeader span{color:#e4e8ef;font-size:12px;font-weight:700}.panelHeader small{color:#737f90;font-size:11px}canvas{display:block;width:100%}.previewCard canvas{aspect-ratio:16 / 10;height:auto;object-fit:cover}.analysisGrid{display:grid;grid-template-columns:minmax(340px,1.1fr) minmax(220px,.72fr);gap:14px;margin-top:14px}.shareColumn{position:sticky;top:18px;min-width:0}.shareRecipeCard{border-color:#d2ddec2e;background:linear-gradient(135deg,#ffffff12,#ffffff05),#0e1116e6}.tuneCard{margin-top:14px}.tuneCard .panelHeader button{border:0;padding:0;background:transparent;color:#8f98a7;font-size:11px;cursor:pointer}.tuneCard .panelHeader button:disabled{cursor:default;opacity:.42}.tuneBody{display:grid;gap:10px;padding:12px}.tuneRow{display:grid;gap:7px}.tuneRow div{display:flex;align-items:center;justify-content:space-between;gap:10px}.tuneRow span{color:#8792a2;font-size:11px;font-weight:700}.tuneRow strong{color:#e8edf4;font-size:11px;font-weight:720}.cubeCard{min-height:376px}.cubeStage{width:100%;height:332px;background:linear-gradient(180deg,#ffffff08,#fff0),#090b0f}.patchList{display:grid;gap:8px;padding:12px}.patchRow{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;color:#8e98a8;font-size:11px}.patchPair{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;height:24px}.patchPair i{display:block;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff29}.recipeCard{min-height:252px}.recipeBody{display:grid;gap:10px;padding:12px}.fitMetrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recipeBody pre{max-height:204px;margin:0;border:1px solid rgba(255,255,255,.07);border-radius:5px;padding:10px;overflow:auto;background:#00000038;color:#cbd3df;font-family:SFMono-Regular,Consolas,monospace;font-size:10.5px;line-height:1.55;white-space:pre-wrap}.copyButton{width:100%;border:1px solid rgba(210,221,236,.2);border-radius:4px;padding:9px 10px;background:#e8eef61a;color:#edf2f8;font-size:12px;font-weight:650;cursor:pointer}.copyButton:hover{background:#e8eef624}.copyButton:disabled{cursor:default;opacity:.42}.comparisonSection{margin-top:14px;border:1px solid rgba(255,255,255,.09);border-radius:5px;background:#0e1116d1}.topComparison{margin-top:0}.comparisonHeader{background:#ffffff05}.comparisonGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px}.comparisonCard{border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#ffffff06}.comparisonCard canvas{aspect-ratio:16 / 10;height:auto;object-fit:cover;background:#050608}.comparisonMeta{display:grid;gap:7px;padding:10px 12px 12px}.comparisonMeta div{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:baseline;min-width:0}.comparisonMeta span{color:#727c8b;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.comparisonMeta strong{min-width:0;overflow:hidden;color:#dce3ed;font-size:11px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.comparisonAction{padding:0 12px 12px}.compactCopy{padding:8px 10px;font-size:11px}.lookLibrary{display:grid;gap:14px}.lookLibraryHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.09);border-radius:5px;padding:14px;background:linear-gradient(135deg,#ffffff12,#ffffff05),#0e1116e0}.lookLibraryHeader span{display:block;color:#f0f4f8;font-size:15px;font-weight:760}.lookLibraryHeader p{max-width:780px;margin:6px 0 0;color:#8f98a7;font-size:12px;line-height:1.5}.lookLibraryHeader strong{flex:none;border:1px solid rgba(210,221,236,.14);border-radius:5px;padding:8px 11px;background:#e8eef612;color:#dce4ef;font-size:11px;font-weight:720}.lookTable{display:grid;gap:8px}.lookTableHead,.lookRow{display:grid;grid-template-columns:42px minmax(150px,.78fr) minmax(132px,.72fr) minmax(132px,.72fr) minmax(132px,.72fr) minmax(230px,1fr);gap:10px;align-items:stretch}.lookTableHead{position:sticky;top:0;z-index:2;border:1px solid rgba(255,255,255,.07);border-radius:5px;padding:9px 10px;background:#090b0ff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.lookTableHead span{min-width:0;overflow:hidden;color:#737f90;font-size:10px;font-weight:800;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.lookRows{display:grid;gap:10px}.lookRow{min-width:0;border:1px solid rgba(255,255,255,.085);border-radius:5px;padding:10px;background:#0e1116d1;box-shadow:0 18px 48px #0000002e}.lookIndex{display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.07);color:#8792a2;font-size:11px;font-weight:780}.lookNameCell{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:5px}.lookNameCell strong,.lookNameCell span,.lookNameCell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lookNameCell strong{color:#eef3f8;font-size:12px;font-weight:740}.lookNameCell span{color:#9da7b5;font-size:11px}.lookNameCell small{color:#687485;font-size:9.5px}.lookPreviewCell{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:4px;background:#ffffff06}.lookPreviewCell canvas{width:100%;aspect-ratio:16 / 10;height:auto;background:#050608;object-fit:cover}.lookPreviewCell div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px}.lookPreviewCell span,.lookPreviewCell small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lookPreviewCell span{color:#dce3ed;font-size:10.5px;font-weight:720}.lookPreviewCell small{color:#737f90;font-size:9.5px}.lookShareCell{display:grid;min-width:0;gap:8px}.lookMetrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lookMetrics span{min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:4px;padding:7px 8px;background:#ffffff08;color:#727c8b;font-size:9.5px;font-weight:760;text-transform:uppercase}.lookMetrics strong{display:block;margin-top:3px;color:#e7edf5;font-size:11px}.lookShareCell pre{max-height:86px;margin:0;border:1px solid rgba(255,255,255,.07);border-radius:4px;padding:8px;overflow:hidden;background:#0003;color:#cbd3df;font-family:SFMono-Regular,Consolas,monospace;font-size:9.5px;line-height:1.45;white-space:pre-wrap}.lookError,.lookLoading{display:flex;min-height:100%;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.07);border-radius:4px;padding:12px;color:#8893a3;font-size:11px;line-height:1.45;text-align:center}.lookError{border-color:#ff686840;color:#ffb2b2;background:#6414182e}.applyWorkspace{display:grid;gap:14px}.applyHero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.09);border-radius:5px;padding:14px;background:linear-gradient(135deg,#ffffff12,#ffffff05),#0e1116e0}.applyHero span,.imageUploadCard span{display:block;color:#f0f4f8;font-size:15px;font-weight:760}.applyHero p,.imageUploadCard p{margin:6px 0 0;color:#8f98a7;font-size:12px;line-height:1.5}.applyHero strong{flex:none;border:1px solid rgba(210,221,236,.14);border-radius:5px;padding:8px 11px;background:#e8eef612;color:#dce4ef;font-size:11px;font-weight:720}.applyControls{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:14px;align-items:stretch}.imageUploadCard{display:flex;flex-direction:column;gap:10px;border:1px solid rgba(210,221,236,.14);border-radius:5px;padding:14px;background:linear-gradient(135deg,#5361752e,#ffffff06),#0e1116d1}.imageUploadCard input{display:none}.imageUploadCard button{border:1px solid rgba(210,221,236,.16);border-radius:4px;padding:8px 9px;background:#e8eef614;color:#dce4ef;font-size:11px;font-weight:650;cursor:pointer}.imageUploadCard button:disabled{cursor:default;opacity:.42}.applyTable{display:grid;gap:8px}.applyTableHead,.applyRow{display:grid;grid-template-columns:42px minmax(180px,.82fr) minmax(220px,1fr) minmax(220px,1fr) minmax(120px,.44fr);gap:10px;align-items:stretch}.applyTableHead{position:sticky;top:0;z-index:2;border:1px solid rgba(255,255,255,.07);border-radius:5px;padding:9px 10px;background:#090b0ff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.applyTableHead span{min-width:0;overflow:hidden;color:#737f90;font-size:10px;font-weight:800;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.applyRows{display:grid;gap:10px}.applyRow{min-width:0;border:1px solid rgba(255,255,255,.085);border-radius:5px;padding:10px;background:#0e1116d1;box-shadow:0 18px 48px #0000002e}.applyNameCell{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:5px}.applyNameCell strong,.applyNameCell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applyNameCell strong{color:#eef3f8;font-size:12px;font-weight:740}.applyNameCell span{color:#9da7b5;font-size:11px}.applyActionCell{display:flex;align-items:center}.emptyApplyState{border:1px solid rgba(255,255,255,.075);border-radius:5px;padding:24px;background:#0e1116d1;color:#8893a3;font-size:12px;text-align:center}.recipeEmpty{margin:12px;border:1px solid rgba(255,255,255,.07);border-radius:5px;padding:12px;color:#8893a3;font-size:12px;line-height:1.45}@media(max-width:1080px){.workspace,.creatorWorkspace,.restoreTopGrid,.previewGrid,.analysisGrid,.comparisonGrid,.lookTableHead,.lookRow,.applyControls,.applyTableHead,.applyRow{grid-template-columns:1fr}.lookTableHead,.applyTableHead{display:none}.lookIndex{justify-content:flex-start;border-right:0;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:8px}.shareColumn{position:static}.sidePanel{display:grid;grid-template-columns:1fr 1fr}.dropzone,.summaryBox,.historyBox,.recipeImportBox{grid-column:span 2}}@media(max-width:680px){.shell{width:min(100vw - 24px,1500px);padding-top:18px}.masthead{align-items:flex-start;flex-direction:column}.mastheadActions{width:100%;justify-content:space-between}.mastheadLead{max-width:100%}.tabBar{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.tabBar button{min-width:0;padding:8px 7px;overflow:hidden;font-size:10.5px;text-overflow:ellipsis}.sidePanel{display:flex}.lookLibraryHeader{flex-direction:column}.lookLibraryHeader strong,.applyHero strong{width:100%;text-align:center}.applyHero{flex-direction:column}}