@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#eee9e1;--ink:#26353b;--copper:#986239;--line:#c8bcad;--muted:#70695f;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ae7b4b;outline-offset:3px}.skip{position:absolute;left:15px;top:-80px;z-index:30;background:white;padding:15px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.studio-header{display:flex;align-items:center;padding:18px 3%;gap:24px;border-bottom:1px solid var(--line);background:#f5f1eb}.wordmark{font-size:29px;letter-spacing:-2px;font-weight:600}.wordmark span{font-size:10px;vertical-align:top;letter-spacing:0}.studio-title{font-size:11px;letter-spacing:1.7px;border-left:1px solid var(--line);padding-left:23px}.studio-title span{display:block;font-size:8px;color:var(--muted);margin-top:5px;letter-spacing:1px}.back{margin-left:auto;font-size:11px}.studio-header button{font-size:11px;padding:13px 17px;border:1px solid var(--line);border-radius:4px}.primary{display:block;text-align:center;background:#273a41!important;color:#f7eddf!important;padding:15px 18px;border-radius:4px;font-size:12px;border:1px solid #273a41}.primary:hover{background:#3b535a!important}.secondary{display:block;border:1px solid #b6a593;padding:13px 17px;border-radius:4px;font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--copper)}.studio-intro{display:flex;align-items:center;gap:6%;padding:38px 4% 40px;background:radial-gradient(ellipse at 80% 20%,#d8c3a64d,transparent 55%)}.studio-intro h1{font-size:44px;line-height:1.03;font-weight:500;letter-spacing:-2px;margin:17px 0 0}.studio-intro h1 em{font-family:'Instrument Serif',Georgia,serif;color:var(--copper);font-weight:400;font-size:1.14em}.studio-intro>p{font-size:12px;line-height:1.85;color:var(--muted);max-width:350px;margin-top:35px}.intro-index{margin-left:auto;display:flex;align-items:center;gap:15px}.intro-index b{font-family:'Instrument Serif',Georgia,serif;font-size:75px;font-weight:400;color:#ad8d69}.intro-index span{font-size:7px;line-height:2;letter-spacing:1.3px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);margin:0 3% 45px;border:1px solid #afa79d;border-radius:9px;overflow:hidden;background:#f6f3ee;box-shadow:0 30px 80px #34424b12;height:min(920px,calc(100svh - 95px));min-height:640px}.editor{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.editor-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #d7cfc5}.editor-top>span{font-size:9px;letter-spacing:1.7px}.editor-top button{font-size:22px;padding:0 8px}.editor-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d7cfc5;flex-shrink:0}.editor-tabs button{font-size:10px;padding:16px 4px;color:#7a766f;border-bottom:2px solid transparent}.editor-tabs button[aria-current=true]{color:#8d5631;border-bottom-color:#a77346;background:#e9dfd259}.panel{padding:22px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#bca68d transparent}.panel[hidden]{display:none}.panel h2{font-family:'Instrument Serif',Georgia,serif;font-size:31px;font-weight:400;letter-spacing:-.4px;margin:0 0 12px}.panel>p,.note p,.project-files p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 20px}.panel label{display:block;font-size:11px;font-weight:500;margin:20px 0}.panel input:not([type=checkbox]):not([type=color]),.panel textarea,.panel select{display:block;width:100%;padding:11px;border:1px solid #c7bfb4;border-radius:4px;background:#fffcf8;color:#293b42;margin-top:9px;font-size:12px}.panel textarea{resize:vertical;line-height:1.6;min-height:70px}.panel input[type=range]{padding:0!important;accent-color:#a16d42}.panel input[type=file]{font-size:10px!important;padding:10px 5px!important}.panel small{font-size:10px;line-height:1.8;display:block;color:#7b7166}.panel fieldset{padding:0;border:0;border-top:1px solid #d6ccbf;margin:26px 0 10px}.panel legend{font-size:10px;letter-spacing:.5px;padding:0 8px 0 0;margin-bottom:15px}.templates{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0 26px}.template{position:relative;isolation:isolate;text-align:left;height:90px;color:#fff;border-radius:5px;overflow:hidden;padding:12px;border:2px solid transparent}.template img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.template:after{content:'';inset:0;position:absolute;z-index:-1;background:linear-gradient(transparent,#101d28b8)}.template span{position:absolute;bottom:12px;font-size:10px;font-weight:600}.template[aria-pressed=true]{border-color:#c99f71;box-shadow:0 0 0 2px #fff inset}.template[aria-pressed=true]:before{content:'–';position:absolute;right:8px;top:6px;border-radius:0;background:transparent;color:#b9b9b9;padding:2px 4px;font:16px Arial,sans-serif}.upload-box{border-top:1px solid #d6ccbf;padding-bottom:12px}.text-button{font-size:10px;padding:0 0 4px;border-bottom:1px solid #ac8d6c}.project-files{border-top:1px solid #d6ccbf;padding:20px 0;margin-top:10px}.project-files summary{font-size:11px;cursor:pointer}.project-files>button{margin-top:20px;font-size:11px;border:1px solid #bda98e;padding:11px}.editor-bottom{padding:13px 20px;border-top:1px solid #d6ccbf;background:#eee7dc;font-size:10px;color:#79664f;line-height:1.5;min-height:44px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choice-grid button{border:1px solid #c6baaa;padding:15px 4px 11px;font-size:10px;border-radius:4px}.choice-grid b{display:block;font-size:27px;margin-bottom:9px;font-weight:400}.choice-grid button[aria-pressed=true]{background:#273a41;color:#fff}.palettes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.palettes button{padding:9px;border:1px solid #cabda9;border-radius:4px;text-align:left;font-size:10px}.palettes button>span{display:flex;margin-bottom:8px;border-radius:3px;overflow:hidden}.palettes i{display:block;height:19px;flex:1}.palettes button[aria-pressed=true]{border:2px solid #936139;padding:8px}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-grid input{display:block;width:100%;height:36px;margin-top:10px;background:none;border:1px solid #c6baaa;border-radius:4px}.helper{font-size:10px!important;line-height:1.7!important}.helper.warning{color:#994525}.panel output{float:right;font-size:10px;color:#8d755b}.panel .check{display:flex;gap:10px;align-items:center}.check input{accent-color:#936139}.image-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.image-options button{padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden}.image-options img{width:100%;height:53px;object-fit:cover;display:block}.image-options button[aria-pressed=true]{border-color:#a36c3e}.field-group{border-bottom:1px solid #d8cfc2;margin-bottom:16px}.field-group label{font-size:10px;margin:13px 0}.section-row{display:flex;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #d6ccbf}.section-row label{flex:1;margin:0;display:flex;align-items:center;gap:8px}.section-row input{accent-color:#9b7047}.section-row button{border:1px solid #d2c3b0;width:28px;height:28px;border-radius:4px}.note{background:#e9e1d6;padding:16px;border-radius:4px;margin:24px 0}.note b{font-size:11px}.note p{margin:9px 0 0}.preview-area{display:flex;flex-direction:column;min-width:0;min-height:0;background:#24343c}.preview-toolbar{display:flex;align-items:center;gap:15px;padding:14px 20px;color:#d4dcd9;border-bottom:1px solid #ffffff17;background:#2c3d44}.page-switch{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.page-switch select{background:#213039;color:#e7e2d9;border:1px solid #637278;border-radius:4px;padding:8px;font-size:11px;max-width:120px}.page-switch>span{font-size:9px;color:#9cacab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-switch{display:flex;gap:2px}.device-switch button{font-size:9px;padding:8px 10px;border-radius:3px}.device-switch button[aria-pressed=true]{background:#d9c1a4;color:#303b3e}#expand{font-size:10px;padding:8px 0 8px 8px}.preview-desk{flex:1;min-height:0;padding:28px;display:flex;justify-content:center;align-items:stretch;background:radial-gradient(ellipse at top,#4d6065,transparent 65%),#25353d;background-size:100% 100%;overflow:hidden}.preview-frame{width:100%;max-width:100%;height:100%;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 20px 50px #0004;transition:width .35s ease}.preview-frame[data-device=tablet]{width:768px}.preview-frame[data-device=mobile]{width:390px;border:6px solid #17272e;border-radius:25px}.preview-frame iframe{width:100%;height:100%;border:0;display:block;background:#f3eee5}.preview-bottom{display:flex;align-items:center;gap:20px;color:#b4c4c3;padding:15px 20px;font-size:8px;background:#203038;border-top:1px solid #ffffff15}.preview-bottom>span{letter-spacing:1px;white-space:nowrap}.preview-bottom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c49a6a;margin-right:6px}.preview-bottom p{font-size:9px;color:#8ea3a6;line-height:1.6;margin:0}.preview-bottom button{font-size:10px;color:#e2c7a6;margin-left:auto;white-space:nowrap}.studio-footer{text-align:center;padding:0 5% 55px}.studio-footer strong{font-family:'Instrument Serif',Georgia,serif;font-size:29px;font-weight:400}.studio-footer p{font-size:11px;color:#7e7266;margin:15px 0}.studio-footer a{font-size:11px;color:#96643b;border-bottom:1px solid #bca18a;padding-bottom:5px}dialog{background:#f0e9de;color:#2d3a3e;border:1px solid #b49b7c;border-radius:12px;width:530px;max-width:calc(100% - 28px);padding:37px;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#14252dbd;backdrop-filter:blur(7px)}dialog .close{float:right;font-size:25px;position:absolute;top:12px;right:16px}dialog h2{font-size:38px;font-weight:500;line-height:1.1;letter-spacing:-1px;margin:20px 0}dialog h2 em{font-family:'Instrument Serif',Georgia,serif;color:#926039;font-weight:400}dialog p,dialog small{font-size:12px;line-height:1.8;color:#766a5b}dialog .primary,dialog .secondary{width:100%;margin:12px 0}dialog small{font-size:10px;display:block}#design-summary{padding:15px;background:#ded4c4;border-radius:5px;font-size:11px;line-height:1.9;margin:20px 0}#export-status{color:#71502e;min-height:18px}.workspace.expanded{position:fixed;inset:0;z-index:20;margin:0;border:0;border-radius:0;height:100svh;min-height:0;grid-template-columns:0 minmax(0,1fr)}.workspace.expanded .editor{visibility:hidden;overflow:hidden}.workspace.expanded .preview-desk{padding:15px}.workspace.expanded .preview-bottom p{display:none}
@media(min-width:1600px){.workspace{grid-template-columns:365px minmax(0,1fr);max-width:1900px;margin-inline:auto}.studio-intro{padding-inline:5%}.preview-desk{padding:35px}}@media(max-width:1100px){.workspace{grid-template-columns:300px minmax(0,1fr);margin-inline:2%}.studio-header{gap:16px}.studio-title{font-size:9px}.intro-index{display:none}.preview-toolbar{gap:8px;padding:12px}.page-switch>span{display:none}.device-switch button{padding:7px;font-size:8px}.preview-desk{padding:17px}.preview-bottom{padding:13px;gap:12px}.preview-bottom p{display:none}.panel{padding:19px}.studio-intro{gap:8%}}@media(max-width:760px){.studio-header{flex-wrap:wrap;padding:15px 5%;gap:13px}.wordmark{font-size:26px}.studio-title{font-size:8px;padding-left:14px}.studio-title span{font-size:7px}.back{font-size:9px}.studio-header button{flex:1;font-size:11px;padding:12px}.studio-intro{padding:30px 6%;display:block}.studio-intro h1{font-size:40px}.studio-intro>p{font-size:12px;margin:20px 0 0;max-width:100%}.workspace{display:flex;flex-direction:column;height:auto;min-height:0;margin:0 3% 30px}.editor{border-right:0;max-height:520px;min-height:420px;order:2}.editor-top{padding:10px 18px}.panel{padding:22px;min-height:0}.editor-tabs button{padding:14px 4px}.templates{grid-template-columns:repeat(3,1fr)}.template{height:85px}.panel input:not([type=checkbox]):not([type=color]),.panel textarea,.panel select{font-size:16px}.preview-area{order:1;height:560px;flex-shrink:0}.preview-desk{padding:12px}.preview-toolbar{flex-wrap:wrap;gap:8px;padding:11px}.device-switch button{font-size:9px;padding:8px}.page-switch select{max-width:100px;font-size:10px}.preview-bottom{padding:13px;font-size:7px}.preview-bottom button{font-size:9px}#expand{font-size:9px}.workspace.expanded{display:block;height:100svh}.workspace.expanded .editor{display:none}.workspace.expanded .preview-area{height:100%}.studio-footer strong{font-size:26px}dialog{padding:28px}.preview-frame[data-device=mobile]{border-width:3px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.preview-frame{transition:none}
.editor-tabs{grid-template-columns:repeat(3,1fr)}.editor-tabs button{padding:11px 4px}.art-directions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.art-directions>button{padding:0 0 12px;text-align:left;border:1px solid #c8baa8;border-radius:5px;overflow:hidden}.art-directions>button[aria-pressed=true]{outline:2px solid #a37b52;outline-offset:2px}.direction-art{height:115px;background:var(--art-bg);color:var(--art-ink);position:relative;display:block;overflow:hidden;padding:15px}.direction-art b{font-family:'Instrument Serif',Georgia,serif;position:relative;z-index:2;font-size:27px;font-weight:400;line-height:1}.direction-art i{position:absolute;right:10px;bottom:20px;width:47px;height:62px;background:linear-gradient(140deg,var(--art-accent),var(--art-ink));border-radius:40% 40% 0 0;transform:rotate(8deg)}.direction-art em{position:absolute;left:12px;bottom:10px;font:5px Arial;letter-spacing:1px}.art-immersive{background:linear-gradient(140deg,var(--art-ink),var(--art-accent));color:var(--art-bg)}.art-immersive i{width:95%;height:80%;border-radius:50%;opacity:.18;background:var(--art-bg);right:-15px}.art-center{text-align:center}.art-center i{width:75%;height:28px;right:12%;border-radius:50px}.art-collage i{transform:rotate(-15deg);border-radius:0;box-shadow:10px 10px 0 #0002}.art-poster b{font-family:Arial,sans-serif;font-weight:700;font-size:31px;text-transform:uppercase;letter-spacing:-2px}.art-poster i{width:80%;height:20px;border-radius:0}.art-frame i{border:5px solid var(--art-ink);background:transparent}.art-directions>button>strong{display:block;font-weight:500;font-size:11px;padding:10px 10px 4px}.art-directions>button>small{font-size:8px;line-height:1.5;padding:0 10px}.choice-grid{grid-template-columns:repeat(3,1fr)}.request-dialog{width:760px;max-height:92svh;overflow:auto}.request-dialog h2{font-size:44px}.request-dialog label{display:block;font-size:11px;margin:18px 0;font-weight:500}.request-dialog input:not([type=checkbox]),.request-dialog textarea,.request-dialog select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #c1b29e;background:#f9f5ee;color:#2b3e44;font:12px 'DM Sans',Arial,sans-serif;border-radius:4px;line-height:1.7}.request-dialog textarea{resize:vertical}.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.request-dialog fieldset{border:0;border-top:1px solid #cabba6;margin:25px 0 10px;padding:15px 0}.request-dialog legend{font-size:10px;letter-spacing:.5px;padding-right:10px}.request-features{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.request-features label{display:flex;gap:8px;align-items:center;font-size:11px;margin:9px 0}.request-features input{accent-color:#9b6e42;width:16px;height:16px;flex-shrink:0}.request-dialog [hidden]{display:none!important}.request-success{padding:24px;background:#293d45;color:#f0dfc7;border-radius:5px;margin:25px 0}.request-success>span{font-size:8px;letter-spacing:1.5px;color:#cca97f}.request-success h3{font-family:'Instrument Serif',Georgia,serif;font-size:34px;font-weight:400;margin:15px 0}.request-success p{color:#c5ccc8;font-size:12px}.project-editor legend{font-size:12px;color:#986239}.project-editor{border-top:1px solid #bea789!important;padding-top:15px!important}.preview-bottom{flex-wrap:wrap}.studio-title:after{content:'PROTOTYPE YOUR VISION';font-size:6px;color:#987451;letter-spacing:1px;display:block;margin-top:5px}@media(max-width:760px){.request-dialog input:not([type=checkbox]),.request-dialog textarea,.request-dialog select{font-size:16px}.request-dialog h2{font-size:35px}.request-grid{grid-template-columns:1fr}.request-features{grid-template-columns:1fr}.editor{max-height:590px}.art-directions{grid-template-columns:repeat(3,1fr)}.direction-art{height:110px}.direction-art b{font-size:25px}.art-directions>button>small{font-size:8px}.request-dialog{padding:25px}.studio-intro h1{font-size:39px}}@media(max-width:420px){.art-directions{grid-template-columns:1fr 1fr}}
.editor-tabs{grid-template-columns:repeat(4,1fr)}.editor-tabs button{font-size:10px;padding:12px 2px}.media-drop{border:1px dashed #aa8761;padding:20px 14px;background:#eae0d2;border-radius:6px;font-size:13px!important;text-align:center}.media-drop span{display:block;font-size:9px;font-weight:400;line-height:1.6;color:#7a6856;margin-top:12px}.media-drop input{background:#f8f3ec!important}.media-library{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.media-tile{position:relative;min-width:0;background:#e5dccc;border-radius:5px;overflow:hidden}.media-tile>button:first-child{display:block;padding:0;width:100%}.media-tile img{display:block;width:100%;height:100px;object-fit:cover}.media-tile>span{display:block;font-size:9px;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-tile>button:last-child{position:absolute;top:5px;right:5px;background:#f3eadc;color:#463f35;width:23px;height:23px;border-radius:50%;font-size:16px}.empty-library{grid-column:1/-1;padding:20px;background:#eee6dc;border-radius:5px;font-size:11px;line-height:1.8;color:#897762}.image-slot{display:flex;align-items:center;gap:14px;margin:20px 0;border:1px solid #d0bfa8;padding:10px;border-radius:5px}.image-slot img{width:83px;height:85px;object-fit:cover;border-radius:3px}.image-slot strong{display:block;font-size:10px;font-weight:500;margin-bottom:13px}.image-slot button{font-size:9px;text-align:left;line-height:1.6}.panel-divider{border:0;border-top:1px solid #c3af96;margin:30px 0}.extra-page-row{display:flex;border:1px solid #c6b59f;border-radius:4px;margin:8px 0;overflow:hidden}.extra-page-row>button:first-child{flex:1;text-align:left;font-size:11px;padding:12px}.extra-page-row>button:first-child[aria-pressed=true]{background:#30434a;color:#f0ddc4}.extra-page-row>button:last-child{padding:9px 12px;font-size:18px}.composition-editor{padding:18px 14px;background:#eae1d5;border:1px solid #c9b49a;border-radius:5px;margin:20px 0}.composition-editor>label:first-child{margin-top:3px}.block-types{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0}.block-types button{text-align:left;font-size:10px;line-height:1.5;border:1px solid #bea98d;border-radius:4px;padding:12px 8px}.block-types button>span{font-size:16px;display:block;color:#987451;margin-bottom:4px}.block-row{padding:10px 0;border-bottom:1px solid #c5b59e;display:flex;align-items:center;gap:8px}.block-row>button{flex:1;min-width:0;font-size:10px;text-align:left;overflow-wrap:anywhere;padding:8px;border-radius:4px;line-height:1.5}.block-row>button>span{display:block;color:#956940;font-size:8px;margin-bottom:4px}.block-row>button[aria-pressed=true]{background:#d4c3ad}.block-row>div{display:grid;grid-template-columns:1fr 1fr;gap:3px}.block-row>div>button{padding:4px 6px;border:1px solid #c6b69e;border-radius:3px}.block-gallery-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.block-gallery-slots button{padding:0;border:1px solid #b59e80;border-radius:3px;overflow:hidden}.block-gallery-slots img{width:100%;height:75px;object-fit:cover;display:block}.block-gallery-slots span{display:block;font-size:8px;padding:8px 2px}.media-dialog{width:850px;max-height:90svh;overflow:auto}#media-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}#media-picker button{padding:0;border:1px solid #b9a48a;text-align:left;overflow:hidden;border-radius:4px}#media-picker img{width:100%;height:145px;object-fit:cover;display:block}#media-picker span{display:block;font-size:10px;padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-intro h1{font-size:48px}.intro-index b{font-style:italic;font-size:70px}.studio-title:after{content:'IMAGINE IT. WE MAKE IT.'}@media(max-width:760px){.editor-tabs button{font-size:10px;padding:13px 3px}.media-library{grid-template-columns:repeat(3,1fr)}.editor{max-height:650px}.studio-intro h1{font-size:42px}#media-picker{grid-template-columns:1fr 1fr}#media-picker img{height:115px}.block-types{grid-template-columns:repeat(3,1fr)}.media-drop input{font-size:12px!important}}@media(max-width:420px){.media-library{grid-template-columns:1fr 1fr}.block-types{grid-template-columns:1fr 1fr}}