:root{font-family:Inter,Arial,sans-serif;color:#3f3036;background:#f7f3ee}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#efe5df;border-right:1px solid #decfc7;padding:32px 22px;position:sticky;top:0;height:100vh}.brand{font:700 24px Georgia;color:#653a4c;letter-spacing:2px}.brand span{font:500 12px Arial;background:#a87c4f;color:#fff;border-radius:10px;padding:4px 6px}.tagline{font:italic 13px Georgia;color:#9a6f7d;margin:5px 0 28px}.navItem{padding:9px 12px;margin:3px 0;border-radius:8px;color:#67565d;font-size:13px}.navItem.active{background:#d7bdc6;color:#5d3344;font-weight:700}.sideQuote{position:absolute;bottom:30px;font:italic 12px Georgia;color:#80656f;line-height:1.7}.workspace{min-width:0}.page{max-width:1180px;margin:auto;padding:54px 56px 80px}.eyebrow{font-size:11px;letter-spacing:2px;color:#a06f81;font-weight:700}.page h1{font:42px Georgia;margin:8px 0;color:#553342}.page h2,.page h3{font-family:Georgia;color:#5d3a49}.lede{font:italic 17px Georgia;color:#8b7079;margin-bottom:30px}.modeGrid,.outputGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:22px}.modeCard,.outputCard{background:#fffaf6;border:1px solid #dfcec7;border-radius:16px;padding:22px;text-align:left;box-shadow:0 5px 18px #70555b10;color:#5d3a49}.modeCard b,.outputCard b{display:block;font:700 16px Georgia}.modeCard span,.outputCard span{display:block;margin-top:6px;color:#8a747c}.selected{border:2px solid #9b6579!important;background:#f7edf0!important}.panel{background:#fffaf6;border:1px solid #e2d3cc;border-radius:18px;padding:24px;margin:18px 0;box-shadow:0 8px 24px #6f55550c}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-weight:700;font-size:12px;color:#6b4c58;margin-bottom:7px}select,textarea{width:100%;border:1px solid #d9c9c2;border-radius:10px;background:#fff;padding:12px;color:#46383d}textarea{min-height:120px;resize:vertical}.hint{font-size:12px;color:#927f86;margin-top:8px}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.primary,.secondary{border-radius:10px;padding:12px 18px;font-weight:700;border:1px solid #9a687a}.primary{background:#7d4c60;color:#fff}.secondary{background:#fffaf6;color:#70475a}.dnaLayout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.vision{background:linear-gradient(145deg,#f6e8e8,#f3eedb,#e5e9d8);border-radius:22px;padding:32px;text-align:center;border:1px solid #dfd2c8}.visionArt{font-size:62px;display:flex;justify-content:center;gap:18px;align-items:center;min-height:220px}.visionArt span{font-size:82px}.lock{margin-top:25px;border:1px solid #c7b2aa;border-radius:12px;padding:12px;background:#fff9}.lock.locked{background:#e7efe2;border-color:#9bb48f}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatches div{width:78px}.swatches i{display:block;width:64px;height:64px;border-radius:50%;border:1px solid #d8cbc4}.swatches small{display:block;margin-top:5px;font-size:10px}.rowBetween{display:flex;align-items:center;justify-content:space-between;gap:20px}.badge{font-size:10px;letter-spacing:1px;background:#e8dfd9;border-radius:20px;padding:7px 10px}.componentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.component{background:#fff;border:1px solid #e5d7d0;border-radius:12px;padding:15px}.component b,.component span,.component small{display:block}.component span{color:#8c5d70;margin:6px 0}.component small{color:#9a888e}.component details{margin-top:10px;font-size:11px}.component details p{line-height:1.5}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{display:none}.page{padding:30px 20px}.formGrid,.dnaLayout,.componentGrid{grid-template-columns:1fr}.outputGrid{grid-template-columns:1fr 1fr}}.dnaHero,.summaryBar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.dnaHero>div,.summaryBar>div{background:#fffaf6;border:1px solid #e2d3cc;border-radius:12px;padding:14px}.dnaHero small,.summaryBar span{display:block;font-size:9px;letter-spacing:1px;color:#967783;margin-bottom:5px}.paletteGrid,.pickerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.paletteCard,.pickerCard{background:#fff;border:1px solid #dfcec7;border-radius:14px;padding:15px;text-align:left;color:#5d3a49}.paletteSwatches{display:flex;margin:12px 0}.paletteSwatches i{width:34px;height:34px;border-radius:50%;margin-right:-5px;border:2px solid white}.paletteCard small{font-size:9px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{background:#f0e4e5;border-radius:20px;padding:6px 9px;font-size:11px}.promptPanel{background:#fff;border:1px solid #e1d4ce;border-radius:12px;padding:18px;line-height:1.65;font-family:Georgia}.pickerCard h3{margin:10px 0 3px}.pickerCard small{display:block;color:#927f86;margin-bottom:12px}.recommended{font-size:9px;letter-spacing:1px;color:#9a6578}.iconBtn{border:0;background:transparent;font-size:18px;color:#9b7783}.libraryRows>div{display:grid;grid-template-columns:1fr 1fr 100px;padding:10px;border-bottom:1px solid #eee1dc;font-size:12px}button:disabled{opacity:.45}@media(max-width:900px){.dnaHero,.summaryBar,.paletteGrid,.pickerGrid{grid-template-columns:1fr 1fr}}.componentGroup{margin-top:26px}.componentGroup>h3{padding-bottom:8px;border-bottom:1px solid #eadbd5}.commercialBadge{font-size:8px;letter-spacing:.8px;color:#7c7450;background:#f3edd8;border-radius:10px;padding:4px 6px}.dataFlag{font-size:9px;background:#f6e8d6;color:#8a6538;padding:5px 7px;border-radius:7px;margin-bottom:8px;width:max-content}.wordingLayout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.textInput{width:100%;border:1px solid #d9c9c2;border-radius:10px;background:#fff;padding:12px;color:#46383d}.sayingStack{display:grid;gap:10px;margin:16px 0}.sayingCard{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;text-align:left;background:#fff;border:1px solid #dfcec7;border-radius:12px;padding:14px;color:#5d3a49}.sayingCard span{font-size:10px;color:#a27a88}.sayingCard b{font:italic 15px Georgia}.safetyBox{margin-top:20px;background:#edf3e8;border:1px solid #b7c8aa;border-radius:12px;padding:14px;color:#53604d}.safetyBox p{font-size:11px;margin-bottom:0}@media(max-width:900px){.wordingLayout{grid-template-columns:1fr}}.navButton{display:block;width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font-family:inherit}.futureStudio{color:#82717a}.futureStudio small{display:block;font-size:9px;margin-top:2px}.collectionHeading{display:flex;align-items:center;justify-content:space-between;gap:20px}.collectionDNA{background:linear-gradient(120deg,#f4e8e8,#f4efdf);padding:26px;border:1px solid #decfc7;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.collectionDNA h2{margin:15px 0 8px}.collectionDNA p{font-size:13px;margin:6px 0}.collectionSwatches{display:flex;flex-wrap:wrap;gap:6px}.collectionSwatches span{width:32px;height:32px;border-radius:50%;border:2px solid #fff}.collectionNotice{border-left:3px solid #a87c4f;padding:8px 18px;margin:24px 0;font-size:13px;line-height:1.6}.collectionNotice p{margin:6px 0}.collectionToolbar{display:grid;grid-template-columns:1fr 210px auto;align-items:end;gap:14px;margin-top:30px}.collectionViews{display:flex;gap:6px}.collectionViews [aria-pressed=true]{background:#7d4c60;color:#fff}.collectionResult{font-size:12px;color:#80656f;margin:15px 0}.studioPieces{display:grid;gap:18px}.studioPieces.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studioPieces.list{grid-template-columns:1fr}.studioPiece{padding:20px;background:#fffaf6;border:1px solid #dfcec7;border-radius:16px;min-width:0}.studioPieceHeading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.studioPieceHeading h2{font-size:21px;margin:7px 0 14px}.studioPieceHeading small{font-size:10px;color:#8b7079}.studioPieceHeading .badge{white-space:nowrap;font-size:8px}.piecePlaceholder{min-height:115px;background:#f4eeea;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;color:#8b7079;margin-bottom:18px}.piecePlaceholder span{font-size:28px}.piecePlaceholder p{font-size:12px;margin:6px 0}.pieceInformation{padding:14px 0;font-size:12px;line-height:1.5}.pieceInformation p{margin:5px 0;color:#80656f}.studioPiece details{border-top:1px solid #e6d9d2;padding-top:12px;font-size:12px}.studioPiece summary{cursor:pointer;color:#70475a}.studioPiece dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;line-height:1.4}.studioPiece dd{margin:0}.studioPiece dt{color:#8b7079}.studioPieceActions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px}.studioPieceActions .secondary{font-size:11px;padding:9px}.removePiece{border:0;background:transparent;color:#70475a;text-decoration:underline;padding:10px;cursor:pointer}.collectionUndo{background:#edf3e8;border:1px solid #b7c8aa;border-radius:12px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.collectionEmpty{text-align:center;padding:45px 20px}.studioPieces.list .piecePlaceholder{display:none}button:focus-visible,summary:focus-visible{outline:3px solid #a87c4f;outline-offset:3px}@media(max-width:1150px){.studioPieces.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collectionToolbar{grid-template-columns:1fr 1fr}.collectionViews{grid-column:1/-1}}@media(max-width:600px){.studioPieces.grid{grid-template-columns:1fr}.collectionHeading,.collectionDNA{align-items:flex-start;flex-direction:column}.collectionToolbar{grid-template-columns:1fr}.collectionViews{grid-column:auto}.collectionPage .actions{flex-wrap:wrap}.collectionUndo{align-items:flex-start;flex-direction:column}.collectionPage h1{font-size:34px}}.cloudCenter{max-width:520px;margin:8vh auto;padding:30px;background:#fffaf6;border:1px solid #dfcec7;border-radius:18px;line-height:1.6}.cloudCenter h1{font:32px Georgia;color:#553342}.cloudCenter form{display:grid;gap:12px;margin-top:24px}.cloudCenter label{margin:0}.cloudBar{position:sticky;top:0;z-index:5;background:#fffaf6;border-bottom:1px solid #dfcec7;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cloudBar strong,.cloudBar span{display:block}.cloudBar span{font-size:12px;margin-top:5px;color:#70475a}.cloudMessage,.cloudConflict{padding:16px 28px;background:#fff1d8;border-bottom:1px solid #d8bf91;line-height:1.6}.cloudConflict button{margin:5px}.projectHub{max-width:1000px}.projectHub form{display:grid;gap:12px}.projectRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #eadbd5}.projectRow small{display:block;margin-top:6px;color:#80656f}.projectHub button{white-space:normal}@media(max-width:650px){.cloudCenter{margin:20px 12px;padding:24px}.cloudBar{position:static;flex-wrap:wrap;padding:12px}.cloudBar>div{order:-1;width:100%}.projectRow,.projectHub .rowBetween{flex-wrap:wrap}}.fontPreview{margin-top:12px;padding:14px;background:#fff;border:1px solid #e2d3cc;border-radius:10px;min-width:0}.fontPreview small{font-size:11px;color:#80656f}.fontPreview p{margin:8px 0;color:#553342}.treatmentPreview{margin-top:16px;padding:16px;border:1px solid #dfcec7;border-radius:12px;background:#fff}.treatmentPreview small{font-size:11px}.treatmentCanvas{margin:12px 0;padding:24px 16px;min-height:145px;display:grid;place-items:center;border:1px solid #e5d7d0;border-radius:10px}.treatmentCanvas p{font-size:clamp(28px,4vw,42px);line-height:1.5;text-align:center;margin:0;overflow-wrap:anywhere;max-width:100%;font-weight:400}.referenceImage{margin-top:20px}.referencePaste{border:2px dashed #bb98a6;border-radius:12px;padding:24px;text-align:center;background:#fff}.referencePaste:focus{outline:3px solid #9b6579}.referenceImage .actions{justify-content:flex-start;flex-wrap:wrap}.referenceImage input[type=file]{display:block;margin-top:8px;max-width:100%}.referenceImage figure{margin:20px 0}.referenceImage img{display:block;max-width:100%;max-height:420px;object-fit:contain;border-radius:12px}.referenceImage figcaption{margin:8px 0;font-size:12px;overflow-wrap:anywhere}