.del-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 26px;border-bottom:1px solid var(--line);margin-bottom:32px}.del-toolbar p{font:var(--body-small);letter-spacing:var(--body-spacing)}.del-toolbar .actions{gap:12px}.del-balance{color:var(--sage);font:var(--subheading);letter-spacing:var(--title-spacing)}.del-message{padding:16px 20px;background:#edf1e9;border-left:3px solid var(--sage);margin:20px 0;font:var(--body-small);letter-spacing:var(--body-spacing)}.del-message.error{background:#f7eae3;border-color:#9c5743}.del-empty{background:var(--paper);padding:45px 30px;text-align:center;margin:24px 0}.del-empty h2{font:var(--subheading);letter-spacing:var(--title-spacing);margin-bottom:16px}.del-empty p{margin-bottom:22px}.del-section-nav{display:flex;gap:25px;flex-wrap:wrap;margin:15px 0 30px;font:var(--label);letter-spacing:var(--label-spacing)}.del-section-nav a{border-bottom:1px solid var(--line);padding:10px 0}.del-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px}.del-form label,.del-field>span{display:block;font:var(--label);letter-spacing:var(--label-spacing);margin:0 0 10px}.del-form input:not([type=checkbox]),.del-form textarea,.del-form select,.del-field input,.del-field select,.del-editor input:not([type=checkbox]),.del-editor textarea{display:block;width:100%;padding:13px 15px;background:white;border:1px solid #b7c5b9;border-radius:3px;margin-bottom:20px;font:var(--body-small);letter-spacing:var(--body-spacing);min-height:46px}.del-form textarea{resize:vertical;min-height:150px}.del-form .del-consent{display:flex;align-items:start;gap:10px;font:var(--body-small);letter-spacing:var(--body-spacing);margin:22px 0}.del-consent input{margin-top:5px}.del-side{background:var(--paper);padding:26px;align-self:start}.del-side h2{font:var(--subheading);letter-spacing:var(--title-spacing);margin-bottom:18px}.del-side p{font:var(--body-small);letter-spacing:var(--body-spacing);margin-bottom:16px}.del-settings{border-top:1px solid var(--line);margin:25px 0}.del-settings>summary{padding:22px 0;cursor:pointer;font:var(--label);letter-spacing:var(--label-spacing)}.del-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.del-kinds{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 25px}.del-kinds button{flex:1;padding:18px 12px;border:1px solid var(--line);font:var(--label);letter-spacing:var(--label-spacing)}.del-kinds button.active{background:var(--forest);color:white;border-color:var(--forest)}.del-list{border-top:1px solid var(--line)}.del-row{padding:24px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.del-row h2,.del-row h3{font:var(--subheading);letter-spacing:var(--title-spacing);margin-bottom:8px}.del-row p{font:var(--body-small);letter-spacing:var(--body-spacing)}.del-row .actions{flex-shrink:0;gap:15px}.del-meta{font:var(--caption);letter-spacing:var(--caption-spacing);color:var(--muted);margin-bottom:12px}.del-editor{margin-top:30px}.del-scene{border:1px solid var(--line);padding:28px;margin:25px 0;background:white}.del-scene h3{margin-bottom:20px}.del-scene-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.del-scene-head h3{margin:0}.del-line{display:grid;grid-template-columns:120px 1fr 38px;gap:12px;align-items:start}.del-line input,.del-line textarea{margin-bottom:12px}.del-line textarea{min-height:65px}.del-icon-btn{border:1px solid var(--line);width:38px;min-height:44px;font:var(--label);letter-spacing:var(--label-spacing)}.del-editor label{font:var(--label);letter-spacing:var(--label-spacing);display:block;margin-bottom:8px}.del-small{font:var(--body-small);letter-spacing:var(--body-spacing)}.del-editor .del-characters{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:25px 0}.del-character{padding:16px;border-left:3px solid var(--eucalyptus);background:#f3f5ef}.del-avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#dce9de;color:var(--forest);font:var(--subheading);letter-spacing:var(--title-spacing);flex-shrink:0}.del-avatar[data-avatar="1"],.del-avatar[data-avatar="4"]{background:#f0ded2}.del-avatar[data-avatar="2"],.del-avatar[data-avatar="5"]{background:#dde8ee}.del-reader{padding:28px}.del-reader-title{display:flex;align-items:center;gap:20px;margin-bottom:25px}.del-reader .del-bubble{min-height:180px;padding:25px;background:#edf1e9;font:var(--subheading);letter-spacing:var(--title-spacing);border-radius:3px;color:var(--forest)}.del-reader .del-bubble[data-avatar="1"],.del-reader .del-bubble[data-avatar="4"]{background:#f4e6dd}.del-reader .del-bubble[data-avatar="2"],.del-reader .del-bubble[data-avatar="5"]{background:#e5edf2}.del-reader-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px}.del-choice-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.del-reader-note{font:var(--caption);letter-spacing:var(--caption-spacing);margin-top:20px}.del-modal{width:min(800px,calc(100% - 28px))}.del-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid var(--line)}.del-modal-head h2{font:var(--subheading);letter-spacing:var(--title-spacing)}.del-table-wrap{overflow-x:auto;margin:25px 0}.del-table{border-collapse:collapse;width:100%;font:var(--body-small);letter-spacing:var(--body-spacing)}.del-table th,.del-table td{padding:15px;text-align:left;border-bottom:1px solid var(--line)}.del-table th{font:var(--label);letter-spacing:var(--label-spacing)}.del-credit-policy{background:var(--paper);padding:30px;margin:25px 0}.del-credit-policy h2{font:var(--subheading);letter-spacing:var(--title-spacing);margin-bottom:18px}.del-credit-policy p{margin-top:12px}.del-help{max-width:820px}.del-help h2{margin:40px 0 20px}.del-help details{border-bottom:1px solid var(--line);padding:22px 0}.del-help summary{font:var(--label);letter-spacing:var(--label-spacing);cursor:pointer}.del-help details p{padding-top:15px}.del-post-body{white-space:pre-wrap;line-height:1.8;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:25px}.del-comments .del-row{align-items:start}.del-comments .del-row p{white-space:pre-wrap}.del-search{display:flex;align-items:center;gap:15px;margin:25px 0}.del-search input,.del-search select{padding:13px;min-width:0;flex:1;border:1px solid var(--line);background:white}.del-back{margin:0 0 25px}.del-loading{padding:35px;background:var(--paper)}.del-submit-status{padding:15px;border-left:3px solid var(--eucalyptus);margin:20px 0}.del-privacy{font:var(--caption);letter-spacing:var(--caption-spacing);margin:15px 0}.woocommerce{font:var(--body);letter-spacing:var(--body-spacing)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:13px 15px;border:1px solid #b7c5b9;border-radius:3px;background:white;min-height:46px;font:var(--body-small);letter-spacing:var(--body-spacing)}.woocommerce button.button,.woocommerce a.button,.woocommerce button.button.alt,.woocommerce #respond input#submit.alt{background:var(--forest);color:white;border-radius:3px;padding:17px 24px;font:var(--label);letter-spacing:var(--label-spacing)}.woocommerce button.button:hover,.woocommerce a.button:hover{background:var(--sage);color:white}.woocommerce h2{font:var(--subheading);letter-spacing:var(--title-spacing);margin-bottom:22px}.woocommerce-message,.woocommerce-info{border-top-color:var(--sage);background:var(--paper);font:var(--body-small);letter-spacing:var(--body-spacing)}.woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce-MyAccount-navigation a{display:block;padding:15px;border-bottom:1px solid var(--line)}.del-account-credit{padding:25px;background:var(--paper);margin-top:25px}.del-account-credit h3{margin-bottom:20px}.del-print{display:none}
@media(max-width:900px){.del-grid{grid-template-columns:1fr}.del-side{order:-1}.del-side h2{font:var(--label);letter-spacing:var(--label-spacing)}.del-toolbar{align-items:start}.del-toolbar .actions{justify-content:end}.del-line{grid-template-columns:95px 1fr 36px}.del-row{align-items:start}.del-row .actions{flex-wrap:wrap;justify-content:end}}
@media(max-width:600px){.del-toolbar{display:block}.del-toolbar .actions{justify-content:start;margin-top:18px}.del-field-grid{grid-template-columns:1fr}.del-row{display:block}.del-row .actions{margin-top:15px;justify-content:start}.del-editor .del-characters{grid-template-columns:1fr}.del-scene{padding:18px}.del-line{grid-template-columns:1fr 38px}.del-line input{grid-column:1}.del-line textarea{grid-column:1;grid-row:2}.del-line button{grid-column:2;grid-row:1}.del-search{flex-wrap:wrap}.del-reader{padding:22px}.del-reader-controls .button{padding:13px}.del-modal-head{padding:18px}.del-kinds{gap:7px}.del-kinds button{padding:16px 8px}.del-form .actions .button{width:100%}.del-empty{padding:30px 20px}}
@media print{body>*{display:none!important}body>.del-print{display:block!important;padding:0 12mm;color:#111;background:white;font:12pt/1.8 serif}.del-print h1{font:24pt/1.4 serif;margin-bottom:25px}.del-print h2{font:18pt/1.5 serif;margin:20px 0}.del-print p{color:#111;margin:12px 0}.del-print section{break-inside:auto}.del-print .print-line{break-inside:avoid}.del-print .print-meta{font:10pt/1.5 serif}}

.del-editor select{display:block;width:100%;padding:13px;border:1px solid #b7c5b9;background:white;border-radius:3px;font:var(--body-small);letter-spacing:var(--body-spacing);margin:10px 0 20px;min-height:46px}.del-editor .del-consent{display:flex;gap:10px;align-items:start;margin:20px 0;font:var(--body-small);letter-spacing:var(--body-spacing)}.del-editor input[type=checkbox]{width:18px;height:18px;min-height:0;flex-shrink:0;margin:4px 0 0}.del-subheading{margin:45px 0 20px}.del-avatar svg{width:45px;height:45px}.del-editor>.actions{position:sticky;top:94px;background:var(--ivory);padding:12px 0;z-index:5;border-bottom:1px solid var(--line)}.del-editor .del-side select{max-width:100%}@media(max-width:800px){.del-editor>.actions{position:static}}

.del-row.del-credit-lot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem}.del-credit-lot>span{text-align:right}

/* Content showroom: bright editorial gallery, glass cases and one shared product template. */
.del-shop{--shop-blue:#075df5;--shop-cyan:#12c8dc;--shop-ink:#0c2c68;--shop-cream:#f7f3e8;--shop-gold:#bd8b24;--shop-line:#bdd9df;position:relative;left:50%;width:100vw;margin:-75px 0 -100px;transform:translateX(-50%);color:var(--shop-ink);overflow:hidden}
.del-shop p{color:#315681}.del-shop-hero{position:relative;min-height:450px;padding:78px 0 112px;background:radial-gradient(circle at 77% 14%,#fff 0 7%,transparent 28%),linear-gradient(112deg,#f4ead6 0%,#fbfaf5 48%,#e8f6f5 100%);isolation:isolate}
.del-shop-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0 12%,#86aeb522 12% 12.15%,transparent 12.15% 40%,#86aeb522 40% 40.15%,transparent 40.15% 74%,#86aeb522 74% 74.15%,transparent 74.15%),linear-gradient(118deg,transparent 0 57%,#ffffff99 57.2% 62%,transparent 62.2%);pointer-events:none}
.del-shop-hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:74px;background:linear-gradient(180deg,transparent,#fff9);pointer-events:none}
.del-shop-hero-inner,.del-shop-inner{width:min(1380px,calc(100% - 80px));margin:auto}.del-shop-hero-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:100px;align-items:center}
.del-shop-kicker{font:var(--caption);letter-spacing:.32em;color:#057ca2!important}.del-shop-copy h1{font:600 clamp(48px,6vw,82px)/1.05 var(--font);letter-spacing:-.055em;color:var(--shop-ink);margin:16px 0 24px}.del-shop-lead{font:600 clamp(23px,2.3vw,32px)/1.35 var(--font);letter-spacing:var(--title-spacing);color:var(--shop-ink)!important;margin-bottom:12px}.del-shop-copy>p:last-child{font:var(--body);max-width:650px}
.del-shop blockquote{position:relative;margin:0;padding:46px 44px;border:1px solid #b5a56c;background:#fffdf8b8;box-shadow:0 16px 50px #3d678212;transform:rotate(-1deg)}.del-shop blockquote:before{content:'';position:absolute;inset:9px;border:1px solid #d9cda7;pointer-events:none}.del-shop blockquote p{font:500 20px/1.75 var(--font);text-align:center;color:#47638a}.del-shop blockquote cite{display:block;margin-top:22px;font:var(--caption);font-style:normal;letter-spacing:.28em;text-align:center;color:#6886aa}
.del-shop-showroom{min-height:600px;padding:0 0 110px;background:linear-gradient(180deg,#f9f6ed 0%,#f4f2ea 65%,#eef3f1 100%)}
.del-shop-filter{position:relative;z-index:4;display:grid;grid-template-columns:1.7fr 1fr 1fr auto;gap:12px;align-items:end;padding:14px 14px 14px 24px;background:#ffffffdf;border:1px solid #c9dce2;box-shadow:0 14px 42px #21496e1a;transform:translateY(-42px);backdrop-filter:blur(16px)}.del-shop-filter label{display:block;border-right:1px solid #cfdee2;padding-right:12px}.del-shop-filter label>span{display:block;font:var(--caption);letter-spacing:var(--caption-spacing);color:#54718c;margin:0 0 5px}.del-shop-filter input,.del-shop-filter select{width:100%;min-height:46px;padding:7px 10px;border:0;background:transparent;font:var(--label);color:var(--shop-ink)}.del-shop-filter input:focus,.del-shop-filter select:focus{outline:2px solid var(--shop-cyan);outline-offset:0}.del-shop-filter button{min-height:58px;padding:0 31px;border:0;background:linear-gradient(105deg,var(--shop-cyan),var(--shop-blue) 72%);color:#fff;font:var(--label);box-shadow:0 10px 24px #076bed2d;transition:transform .2s,box-shadow .2s}.del-shop-filter button:hover{transform:translateY(-2px);box-shadow:0 13px 28px #076bed40}.del-shop-filter button span{margin-left:17px;font-size:20px}
.del-shop-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:15px 0 36px;padding-bottom:21px;border-bottom:1px solid #cfdddf}.del-shop-section-head h2{font:var(--section-title);letter-spacing:var(--title-spacing);color:var(--shop-ink);margin-top:9px}.del-shop-section-head>p{font:var(--label);white-space:nowrap}
.del-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.del-shop-card{position:relative;min-width:0;padding:11px 11px 0;transition:filter .3s,transform .3s;filter:saturate(.84) contrast(.97)}
.del-case-window{position:relative;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:.82;padding:48px 23px 21px;border:2px solid #79cfd7;border-bottom-width:4px;background:linear-gradient(122deg,#ffffff8c 0 18%,transparent 18.4% 62%,#fff9 62.4% 70%,transparent 70.5%),linear-gradient(180deg,#edfbfa99,#f9f0dc99);box-shadow:inset 0 0 0 7px #ffffff55,inset 0 -22px 45px #d5a53d14,0 16px 30px #52798518;overflow:hidden}
.del-case-window:before{content:'';position:absolute;inset:10px;border:1px solid #fff;box-shadow:inset 0 0 24px #fff;pointer-events:none}.del-case-window:after{content:'';position:absolute;left:16%;right:16%;bottom:15px;height:12px;background:#ddaf4d55;filter:blur(9px);border-radius:50%;pointer-events:none}
.del-case-lights{position:absolute;left:20%;right:20%;top:18px;display:flex;justify-content:space-between;z-index:2}.del-case-lights i{display:block;width:16px;height:7px;background:#fff8d5;border:1px solid #b99548;box-shadow:0 5px 14px #ffd159,0 13px 28px #f6bc3eaa}.del-cover-link{position:relative;z-index:1;width:72%;height:82%;display:flex;align-items:flex-end;justify-content:center}.del-case-cover{width:100%;height:100%;object-fit:cover;box-shadow:0 14px 20px #1537592c;border:1px solid #fff}.del-cover-fallback{width:100%;height:100%;padding:28px 20px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#fffdf9,#eaf3ef);border:1px solid #d0c6ac;box-shadow:0 14px 20px #1537592c;text-align:center}.del-cover-fallback:after{content:'DRAMA · EDUCATION · LIFE';font:500 8px/1.4 var(--font);letter-spacing:.13em;color:#718497}.del-cover-fallback b{font:500 9px/1.4 var(--font);letter-spacing:.16em;color:#73889b}.del-cover-fallback em{font:600 22px/1.35 var(--font);font-style:normal;color:var(--shop-ink)}
.del-case-plinth{position:relative;min-height:178px;padding:22px 16px 20px;text-align:center;background:linear-gradient(160deg,#f8f4ea,#dedcd4);border:1px solid #c9c1b0;border-top:0;box-shadow:0 16px 24px #52666d16}.del-case-plinth:before{content:'';position:absolute;inset:9px;border:1px solid #bfa765;box-shadow:inset 0 0 0 2px #f7f1df;pointer-events:none}.del-case-plinth>*{position:relative}.del-card-topic{display:block;font:var(--caption);letter-spacing:var(--caption-spacing);color:#56738e}.del-case-plinth h2{font:600 20px/1.35 var(--font);letter-spacing:var(--title-spacing);color:var(--shop-ink);margin:6px 0 9px}.del-case-plinth p{font:var(--caption);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.del-card-price{display:block;font:650 18px/1.25 var(--font);font-variant-numeric:tabular-nums;color:var(--shop-ink);margin-top:12px}
.del-card-reveal{position:absolute;z-index:3;inset:34px 4px 14px;padding:29px 24px 24px;background:#fffffff0;border:1px solid #a9d5dd;box-shadow:0 20px 45px #163d672f;backdrop-filter:blur(15px);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .28s,transform .28s;overflow:auto}.del-card-reveal h3{font:var(--subheading);color:var(--shop-ink);margin:8px 0 15px}.del-card-story{font:var(--body-small);margin-bottom:17px}.del-card-reveal dl{margin:0;border-top:1px solid #d7e4e6}.del-card-reveal dl>div{display:grid;grid-template-columns:78px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #d7e4e6;font:var(--caption)}.del-card-reveal dt{font-weight:650;color:var(--shop-ink)}.del-card-reveal dd{margin:0;color:#486783}.del-card-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;margin-top:18px}.del-detail-button,.del-buy-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px;border:1px solid #7d9fc9;background:#fff;color:var(--shop-ink);font:var(--label);text-align:center}.del-buy-button{border-color:var(--shop-blue);background:var(--shop-blue);color:#fff;box-shadow:0 8px 18px #075df52c}.del-buy-button:hover{background:#034cd2}.del-buy-button.is-disabled{background:#9aa9b8;border-color:#9aa9b8;box-shadow:none;cursor:not-allowed}.del-detail-button:hover{background:#edf7fa}.del-shop-card:hover,.del-shop-card:focus-within{filter:saturate(1.04) contrast(1.03);transform:translateY(-6px)}.del-shop-card:hover .del-card-reveal,.del-shop-card:focus-within .del-card-reveal{opacity:1;transform:translateY(0);pointer-events:auto}
.del-shop-empty{display:grid;grid-template-columns:minmax(260px,330px) minmax(260px,500px);gap:70px;align-items:center;justify-content:center;padding:25px 0 20px}.del-shop-empty-copy{text-align:left}.del-empty-cases{display:grid;grid-template-columns:repeat(3,150px);grid-column:1/-1;gap:26px;justify-content:center;margin:0 auto 10px}.del-empty-cases span{height:180px;border:2px solid #91cfd4;background:linear-gradient(130deg,#fff8,transparent 28% 60%,#fff9 61%);box-shadow:inset 0 -28px 40px #e8d49633,0 14px 30px #536f7a17}.del-shop-empty h2{font:var(--subheading);color:var(--shop-ink);margin-bottom:13px}.del-shop-empty .del-detail-button{width:max-content;margin:22px 0 0;padding-left:22px;padding-right:22px}.del-card-sample{width:100%}.del-card-sample .del-cover-link{cursor:default}.del-shop-pagination{display:flex;justify-content:center;gap:8px;margin-top:45px}.del-shop-pagination .page-numbers{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:1px solid #a9c5cd;background:#fff;color:var(--shop-ink);font:var(--label)}.del-shop-pagination .current{background:var(--shop-blue);border-color:var(--shop-blue);color:#fff}
.del-product-facts{margin:26px 0;padding:25px;border-top:2px solid var(--page-accent);background:var(--page-tint)}.del-product-facts h2{font:var(--subheading);margin-bottom:17px}.del-product-facts dl{margin:0}.del-product-facts dl>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:11px 0;border-bottom:1px solid #c8d4d6;font:var(--body-small)}.del-product-facts dt{font-weight:650}.del-product-facts dd{margin:0}.del-preview-button{margin-top:20px}
@media(max-width:1180px){.del-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.del-shop-hero-inner,.del-shop-inner{width:calc(100% - 56px)}.del-shop-hero-inner{gap:55px}.del-card-reveal{padding:24px 20px}}
@media(max-width:900px){.del-shop-hero-inner{grid-template-columns:1fr;gap:38px}.del-shop blockquote{max-width:420px}.del-shop-filter{grid-template-columns:1.5fr 1fr}.del-shop-filter label:nth-child(2){border-right:0}.del-shop-filter button{grid-column:2}.del-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.del-shop-empty{gap:38px}}
@media(max-width:800px){.del-shop{margin-top:-48px;margin-bottom:-65px}.del-shop-hero{padding:56px 0 100px}.del-shop-hero-inner,.del-shop-inner{width:calc(100% - 40px)}.del-shop-filter{transform:translateY(-34px)}.del-card-reveal{position:relative;inset:auto;margin:0;padding:22px 17px;background:#fff;border-top:0;box-shadow:0 13px 24px #52666d16;opacity:1;transform:none;pointer-events:auto;overflow:visible}.del-card-reveal .del-card-topic,.del-card-reveal h3,.del-card-reveal>.del-card-price{display:none}.del-shop-card:hover,.del-shop-card:focus-within{transform:none}.del-case-plinth{min-height:168px}.del-card-actions a,.del-card-actions span{min-height:52px}.del-shop-showroom{padding-bottom:75px}}
@media(max-width:600px){.del-shop-hero{min-height:auto;padding:45px 0 90px}.del-shop-hero-inner,.del-shop-inner{width:calc(100% - 28px)}.del-shop-copy h1{font:600 47px/1.08 var(--font)}.del-shop-lead{font:var(--subheading)}.del-shop blockquote{padding:34px 28px}.del-shop-filter{display:block;padding:16px;transform:translateY(-28px)}.del-shop-filter label{border:0;border-bottom:1px solid #cfdee2;margin-bottom:9px;padding:0 0 7px}.del-shop-filter button{width:100%;margin-top:7px}.del-shop-section-head{display:block;margin-top:0}.del-shop-section-head>p{margin-top:12px}.del-shop-grid{grid-template-columns:1fr;gap:34px}.del-shop-card{padding:4px 0 0}.del-case-window{aspect-ratio:.92;padding-left:34px;padding-right:34px}.del-cover-link{width:68%}.del-case-plinth{min-height:158px}.del-card-actions{grid-template-columns:1fr 1fr}.del-shop-empty{display:block}.del-shop-empty-copy{text-align:center;margin-top:35px}.del-shop-empty .del-detail-button{margin-left:auto;margin-right:auto}.del-empty-cases{grid-template-columns:repeat(3,72px);gap:10px}.del-empty-cases span{height:106px}.del-product-facts dl>div{grid-template-columns:1fr;gap:4px}.del-product-facts{padding:20px}}
@media(hover:none){.del-shop-card{filter:none}}
@media(prefers-reduced-motion:reduce){.del-shop-card,.del-card-reveal,.del-shop-filter button{transition:none}.del-shop-card:hover{transform:none}}


/* ==========================================================================
   DramaEduLab Workspace (나의 작업실) Final Kit Styles
   ========================================================================== */
.del-workspace {
  position: relative;
  width: 100%;
  max-width: 1360px;
  margin: 0 auto 60px;
  color: #173f66;
  font-family: inherit;
}

/* 1. Layout Container */
.del-ws-layout {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  max-width: 1320px;
  margin: 0 auto;
}

/* Left Sidebar (Desktop Navigation & Tabs) */
.workspace-sidebar {
  width: 230px;
  flex-shrink: 0;
  position: sticky;
  top: 90px;
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #e1eaf1;
  box-shadow: 0 8px 24px rgba(21, 61, 99, 0.05);
  padding: 20px 14px;
  box-sizing: border-box;
}
.workspace-nav-brand {
  padding: 0 8px 14px;
  border-bottom: 1px solid rgba(21, 61, 99, 0.08);
  margin-bottom: 12px;
}
.brand-sub {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #7b94a8;
}
.brand-title {
  margin: 4px 0 0;
  font-size: 16px;
  font-weight: 800;
  color: #173f66;
}

/* Sidebar Navigation Tabs */
.workspace-nav-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.nav-tab-item {
  width: 100%;
}
.nav-tab-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 500;
  color: #36536d;
  text-decoration: none;
  transition: all 0.15s ease;
  width: 100%;
  box-sizing: border-box;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.nav-tab-btn:hover {
  background: rgba(230, 241, 251, 0.75);
  color: #173f66;
}
.nav-tab-item.is-active .nav-tab-btn {
  background: #173f66;
  color: #ffffff;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(23, 63, 102, 0.22);
}
.nav-tab-item.is-active .nav-tab-btn:hover {
  background: #1c4b78;
}
.nav-tab-btn .nav-icon {
  font-size: 15px;
  line-height: 1;
}
.nav-tab-btn .nav-label {
  flex: 1;
}
.nav-tab-btn .nav-badge {
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 999px;
  font-weight: 600;
}
.nav-badge.count {
  background: rgba(21, 61, 99, 0.08);
  color: #173f66;
}
.nav-tab-item.is-active .nav-badge.count {
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}
.nav-badge.credits {
  background: #fbf0df;
  color: #8c5a1f;
}
.nav-tab-item.is-active .nav-badge.credits {
  background: #fbf0df;
  color: #8c5a1f;
}

/* Sidebar Quote Box */
.workspace-sidebar-quote {
  background: rgba(246, 250, 253, 0.9);
  border-radius: 12px;
  padding: 12px;
  margin-top: 14px;
  border: 1px solid rgba(21, 61, 99, 0.08);
}
.quote-eyebrow {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 700;
  color: #b0722e;
}
.quote-text {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #48647b;
}

/* Right Main Area */
.workspace-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Hero Studio Room (Fixed Aspect Ratio Background) */
.del-workspace__hero {
  position: relative;
  width: 100%;
  min-height: 420px;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 16px 45px rgba(21, 61, 99, 0.08);
  background-image: url('workspace/workspace_base_bg.webp');
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 28px;
  box-sizing: border-box;
}

/* Room Quote Frame */
.workspace-room-quote-card {
  align-self: flex-end;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 6px 18px rgba(21, 61, 99, 0.06);
  padding: 12px 18px;
  margin-top: auto;
  margin-bottom: 6px;
  text-align: right;
  max-width: 240px;
  z-index: 2;
}
.workspace-room-quote-card .quote-line {
  margin: 0;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.4;
  color: #3b576e;
}
.workspace-room-quote-card .quote-sign {
  margin: 4px 0 0;
  font-size: 11px;
  color: #8c7255;
  font-weight: 700;
}

/* Lighting Overlays */
.workspace-hero-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  transition: background 0.4s ease, opacity 0.4s ease;
  z-index: 1;
}
.del-workspace.light-natural .workspace-hero-overlay {
  background: rgba(255, 252, 244, 0.02);
}
.del-workspace.light-day .workspace-hero-overlay {
  background: rgba(220, 238, 255, 0.06);
}
.del-workspace.light-warm .workspace-hero-overlay {
  background: rgba(255, 220, 160, 0.08);
}
.del-workspace.light-night .workspace-hero-overlay {
  background: rgba(18, 32, 54, 0.16);
  mix-blend-mode: multiply;
}

/* Hero Header */
.workspace-hero-header {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

/* Lighting mode pills */
.workspace-light-pills {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 4px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 14px rgba(21, 61, 99, 0.06);
}
.light-pill {
  border: none;
  background: transparent;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  color: #3b556e;
  cursor: pointer;
  transition: all 0.2s ease;
}
.light-pill:hover {
  background: rgba(235, 243, 250, 0.8);
  color: #173f66;
}
.light-pill.active {
  background: #173f66;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(23, 63, 102, 0.25);
  font-weight: 600;
}

/* Greeting Banner */
.workspace-greeting-banner {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 8px 24px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 14px rgba(21, 61, 99, 0.05);
}
.workspace-greeting-banner p {
  margin: 0;
  font-size: 14px;
  color: #173f66;
  font-weight: 500;
}
.workspace-greeting-banner .role-highlight {
  color: #b0722e;
  font-weight: 700;
}

/* Profile Bar */
.workspace-profile-bar {
  display: flex;
  align-items: center;
  gap: 12px;
}
.workspace-profile-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 5px 16px 5px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 14px rgba(21, 61, 99, 0.05);
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.workspace-profile-badge:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(21, 61, 99, 0.1);
}
.avatar-circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0eadd;
}
.avatar-circle svg {
  width: 100%;
  height: 100%;
}
.profile-texts {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.profile-name {
  font-size: 13.5px;
  font-weight: 700;
  color: #173f66;
}
.profile-meta {
  display: flex;
  gap: 4px;
  align-items: center;
}
.badge-role {
  font-size: 10.5px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 999px;
  background: #fbf0df;
  color: #8c5a1f;
}
.badge-verified {
  font-size: 10.5px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 999px;
  background: #e3eff8;
  color: #1c527e;
}
.btn-workspace-customize {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(21, 61, 99, 0.16);
  border-radius: 999px;
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #173f66;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(21, 61, 99, 0.05);
  transition: all 0.2s ease;
}
.btn-workspace-customize:hover {
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(21, 61, 99, 0.12);
  transform: translateY(-1px);
}

/* 2. Floating Stats Row in Main Area */
.workspace-stats-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr) auto;
  gap: 12px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e1e9f0;
  box-shadow: 0 6px 20px rgba(21, 61, 99, 0.04);
  padding: 16px 20px;
  align-items: center;
}
.stats-item {
  text-align: center;
  border-right: 1px solid #edf2f6;
  padding: 0 8px;
}
.stats-label {
  display: block;
  font-size: 11.5px;
  color: #6d8597;
  margin-bottom: 2px;
}
.stats-value {
  font-size: 20px;
  font-weight: 800;
  color: #173f66;
}
.stats-value .unit {
  font-size: 12px;
  font-weight: 500;
  color: #8b9ea9;
  margin-left: 2px;
}
.stats-value.highlight {
  color: #b0722e;
}
.stats-action {
  padding-left: 6px;
}
.btn-stats-drawer {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #173f66, #215486);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 10px 18px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(23, 63, 102, 0.22);
  white-space: nowrap;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.btn-stats-drawer:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(23, 63, 102, 0.3);
}

/* 2. Below Hero in Document Flow (Widgets & Drawer) */
.del-workspace__below-hero {
  position: relative;
  margin-top: 24px;
  height: auto;
}

/* 3 Collapsible Bottom Widgets */
.workspace-tools {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  align-items: start;
}
.workspace-tool {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e1e9f0;
  box-shadow: 0 6px 20px rgba(21, 61, 99, 0.04);
  overflow: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.workspace-tool:hover {
  border-color: #cbdbe8;
  box-shadow: 0 8px 24px rgba(21, 61, 99, 0.07);
}
.workspace-tool__head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
}
.tool-title-group {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tool-icon {
  font-size: 18px;
}
.tool-title {
  font-size: 15px;
  font-weight: 700;
  color: #173f66;
}
.tool-badge {
  font-size: 11.5px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
  background: #edf3f8;
  color: #215486;
}
.tool-chevron {
  font-size: 16px;
  color: #7b94a8;
  transition: transform 0.25s ease;
}
.workspace-tool.is-open .tool-chevron {
  transform: rotate(180deg);
}
.workspace-tool__body {
  display: none;
  padding: 0 20px 20px;
  border-top: 1px solid #f0f4f8;
  animation: toolExpand 0.25s ease-out;
}
.workspace-tool.is-open .workspace-tool__body {
  display: block;
}
@keyframes toolExpand {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Tool 1 Content: Recent Scripts */
.recent-scripts-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
}
.recent-script-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #f8fbfe;
  border: 1px solid #e7eff5;
  border-radius: 12px;
  padding: 12px 16px;
}
.recent-script-info {
  flex: 1;
  min-width: 0;
}
.script-meta-tags {
  display: flex;
  gap: 6px;
  font-size: 11px;
  margin-bottom: 4px;
}
.tag-kind {
  background: #e6f0fa;
  color: #1a5180;
  padding: 1px 6px;
  border-radius: 4px;
  font-weight: 600;
}
.tag-rev, .tag-date {
  color: #7890a2;
}
.script-item-title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #173f66;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-open-drawer-link {
  width: 100%;
  margin-top: 12px;
  padding: 9px 12px;
  background: #f0f5fa;
  border: 1px solid #d9e5f0;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 600;
  color: #173f66;
  cursor: pointer;
  transition: all 0.15s ease;
}
.btn-open-drawer-link:hover {
  background: #e3edf7;
}

/* Tool 2: Chatbot Helper */
.chatbot-guide-content {
  margin-top: 14px;
}
.chatbot-lead {
  font-size: 13.5px;
  font-weight: 600;
  color: #173f66;
  margin: 0 0 10px;
}
.chatbot-tips {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 12.5px;
  color: #425b70;
}
.tool-btn-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Tool 3: Archive Share */
.archive-share-content {
  margin-top: 14px;
}
.archive-lead {
  font-size: 13.5px;
  font-weight: 600;
  color: #173f66;
  margin: 0 0 6px;
}
.archive-desc {
  font-size: 12.5px;
  line-height: 1.5;
  color: #60798e;
  margin: 0 0 16px;
}

/* 3. Drawer Panel: Expands Downward in Document Flow */
.drawer-panel {
  display: none;
  margin-top: 24px;
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #e1eaf0;
  box-shadow: 0 12px 36px rgba(21, 61, 99, 0.06);
  padding: 28px;
  box-sizing: border-box;
}
.drawer-panel.is-open {
  display: block;
  animation: drawerSlideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes drawerSlideDown {
  from { opacity: 0; transform: translateY(-12px); }
  to { opacity: 1; transform: translateY(0); }
}

.drawer-header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 1px solid #edf2f6;
}
.drawer-title-area {
  display: flex;
  align-items: center;
  gap: 12px;
}
.drawer-icon {
  font-size: 28px;
}
.drawer-title-area h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  color: #173f66;
}
.drawer-subtitle {
  margin: 2px 0 0;
  font-size: 13px;
  color: #7b94a8;
}
.drawer-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.drawer-search-wrap input {
  width: 240px;
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid #cbdbe6;
  font-size: 13px;
  outline: none;
  transition: border-color 0.2s;
}
.drawer-search-wrap input:focus {
  border-color: #173f66;
}

/* Drawer Tabs */
.drawer-tabs {
  display: flex;
  gap: 8px;
  margin-top: 18px;
  border-bottom: 1px solid #edf2f6;
  padding-bottom: 12px;
  flex-wrap: wrap;
}
.drawer-tab {
  border: none;
  background: transparent;
  padding: 7px 16px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: #557189;
  cursor: pointer;
  transition: all 0.15s ease;
}
.drawer-tab:hover {
  background: #f0f5fa;
  color: #173f66;
}
.drawer-tab.is-active {
  background: #173f66;
  color: #ffffff;
  font-weight: 600;
}

/* Drawer Script Cards Grid */
.drawer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 18px;
  margin-top: 24px;
}
.drawer-script-card {
  background: #fafcfe;
  border: 1px solid #e5edf4;
  border-radius: 14px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.drawer-script-card:hover {
  transform: translateY(-2px);
  border-color: #c7dae8;
  box-shadow: 0 8px 24px rgba(21, 61, 99, 0.08);
}
.card-head {
  display: flex;
  align-items: center;
  gap: 6px;
}
.card-badge {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 6px;
}
.card-badge.kind {
  background: #e6f0fa;
  color: #195282;
}
.card-badge.status.in-progress {
  background: #fef4e5;
  color: #9c631a;
}
.card-badge.status.completed {
  background: #e9f7ee;
  color: #217a44;
}
.card-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #173f66;
  line-height: 1.4;
}
.card-meta {
  font-size: 12px;
  color: #7b94a8;
}
.card-actions {
  display: flex;
  gap: 8px;
  margin-top: auto;
}
.card-btn-edit {
  width: 100%;
  text-align: center;
  justify-content: center;
}

.drawer-empty-state {
  grid-column: 1 / -1;
  text-align: center;
  padding: 45px 20px;
  background: #fbfdff;
  border: 1px dashed #d8e5ee;
  border-radius: 14px;
}
.drawer-empty-state .empty-icon {
  font-size: 32px;
  margin: 0 0 10px;
}
.drawer-empty-state h4 {
  margin: 0 0 6px;
  font-size: 16px;
  color: #173f66;
}
.drawer-empty-state .empty-sub {
  margin: 0 0 16px;
  font-size: 13px;
  color: #7b94a8;
}
.drawer-submissions-wrap {
  margin-top: 30px;
}

/* 4. Right Flyout Customizer Panel */
.workspace-customizer {
  position: fixed;
  right: 28px;
  top: 100px;
  width: min(380px, calc(100vw - 36px));
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(15, 38, 60, 0.18);
  border: 1px solid rgba(21, 61, 99, 0.12);
  padding: 24px;
  box-sizing: border-box;
  animation: customizerFlyout 0.25s ease-out;
}
.workspace-customizer[hidden] {
  display: none !important;
}
@keyframes customizerFlyout {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}
.customizer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #edf2f6;
  padding-bottom: 14px;
  margin-bottom: 18px;
}
.customizer-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #173f66;
}
.btn-close-customizer {
  background: transparent;
  border: none;
  font-size: 24px;
  line-height: 1;
  color: #8b9ea9;
  cursor: pointer;
}
.customizer-section {
  margin-bottom: 22px;
}
.customizer-section h4 {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 700;
  color: #173f66;
}
.section-desc {
  margin: 0 0 12px;
  font-size: 12px;
  color: #7b94a8;
}
.customizer-light-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.customizer-radio-card {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f8fafc;
  border: 1px solid #e1e9f0;
  border-radius: 10px;
  padding: 10px 12px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.customizer-radio-card input {
  margin: 0;
}
.customizer-radio-card.is-selected {
  background: #eef5fb;
  border-color: #173f66;
  font-weight: 600;
}
.customizer-props-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.customizer-check-card {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f8fafc;
  border: 1px solid #e1e9f0;
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 12.5px;
  cursor: pointer;
}
.customizer-chair-select select {
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #d5e2ec;
  font-size: 13.5px;
  color: #173f66;
}
.customizer-actions {
  margin-top: 24px;
}
.button.w-100 {
  width: 100%;
  text-align: center;
  justify-content: center;
}

/* 5. Responsive Design */
@media (max-width: 1150px) {
  .workspace-stats-row {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 14px;
  }
  .stats-action {
    grid-column: 1 / -1;
    text-align: center;
  }
  .btn-stats-drawer {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 992px) {
  .del-ws-layout {
    flex-direction: column;
    gap: 16px;
  }
  .workspace-sidebar {
    width: 100%;
    position: static;
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
  }
  .workspace-nav-brand {
    display: none;
  }
  .workspace-sidebar-quote {
    display: none;
  }
  .workspace-nav-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 4px 2px 8px;
  }
  .workspace-nav-wrap::-webkit-scrollbar {
    display: none;
  }
  .workspace-nav-tabs {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
  }
  .nav-tab-item {
    flex-shrink: 0;
    width: auto;
  }
  .nav-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #d5e2ec;
    font-size: 13px;
    font-weight: 600;
    color: #35536e;
    box-shadow: 0 2px 8px rgba(21, 61, 99, 0.04);
    white-space: nowrap;
    width: auto;
  }
  .nav-tab-item.is-active .nav-tab-btn {
    background: #173f66;
    border-color: #173f66;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(23, 63, 102, 0.25);
  }
  .del-workspace__hero {
    min-height: 260px;
    aspect-ratio: 16 / 10;
    padding: 16px 18px;
    border-radius: 16px;
  }
  .workspace-hero-header {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .workspace-light-pills {
    justify-content: center;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }
  .workspace-light-pills::-webkit-scrollbar {
    display: none;
  }
  .workspace-greeting-banner {
    text-align: center;
  }
  .workspace-profile-bar {
    justify-content: space-between;
  }
  .workspace-room-quote-card {
    display: none;
  }
  .workspace-tools {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .workspace-customizer {
    right: 16px;
    top: 80px;
  }
}

@media (max-width: 600px) {
  .del-workspace__hero {
    min-height: 200px;
    aspect-ratio: 16 / 10;
    padding: 12px 14px;
  }
  .light-pill {
    padding: 5px 10px;
    font-size: 11.5px;
    white-space: nowrap;
  }
  .workspace-greeting-banner {
    padding: 6px 14px;
  }
  .workspace-greeting-banner p {
    font-size: 12px;
  }
  .workspace-profile-badge {
    padding: 4px 12px 4px 4px;
  }
  .profile-name {
    font-size: 12px;
  }
  .btn-workspace-customize {
    padding: 5px 12px;
    font-size: 12px;
  }
  .workspace-stats-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 12px;
  }
  .stats-item {
    padding: 4px;
  }
  .stats-value {
    font-size: 18px;
  }
  .stats-label {
    font-size: 11px;
  }
  .drawer-panel {
    padding: 18px 14px;
  }
  .drawer-header-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .drawer-controls {
    flex-direction: column;
    align-items: stretch;
  }
  .drawer-search-wrap input {
    width: 100%;
    box-sizing: border-box;
  }
  .drawer-grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   Studio Gate (Guest / Logged-Out Screen)
   ========================================================================== */
.del-studio-gate {
  padding: 60px 20px 80px;
  min-height: calc(100vh - 240px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.del-gate-card {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #ebe5da;
  border-radius: 24px;
  padding: 52px 44px;
  box-shadow: 0 16px 45px rgba(23, 63, 102, 0.07);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.del-gate-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(90deg, #173f66, #2b7a4f, #d4a359);
}
.del-gate-badge {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 750;
  letter-spacing: 0.12em;
  color: #2b7a4f;
  background: #eef7f2;
  border: 1px solid #d4ece0;
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.del-gate-card h2 {
  font-size: 26px;
  font-weight: 800;
  color: #173f66;
  margin: 0 0 14px;
  letter-spacing: -0.02em;
  word-break: keep-all;
}
.del-gate-lead {
  font-size: 15px;
  color: #5d6765;
  line-height: 1.65;
  margin: 0 auto 34px;
  word-break: keep-all;
}
.del-gate-benefits {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: left;
  margin-bottom: 36px;
}
.del-benefit-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 18px;
  background: #fbfaf8;
  border: 1px solid #f0ece5;
  border-radius: 16px;
  transition: all 0.2s ease;
}
.del-benefit-item:hover {
  background: #ffffff;
  border-color: #d6e2dc;
  box-shadow: 0 4px 12px rgba(23, 63, 102, 0.04);
}
.del-benefit-icon {
  font-size: 24px;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}
.del-benefit-item strong {
  display: block;
  font-size: 14.5px;
  font-weight: 700;
  color: #1a2e2b;
  margin-bottom: 3px;
}
.del-benefit-item p {
  font-size: 13px;
  color: #6b7c77;
  line-height: 1.45;
  margin: 0;
  word-break: keep-all;
}
.del-gate-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.del-gate-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 380px;
  padding: 16px 28px !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #173f66 0%, #2b7a4f 100%) !important;
  border: none !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(23, 63, 102, 0.22) !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  cursor: pointer;
}
.del-gate-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(23, 63, 102, 0.3) !important;
  filter: brightness(1.05);
}
.del-gate-actions .text-link {
  font-size: 14px;
  color: #6b7c77;
  text-decoration: none;
  font-weight: 600;
  padding: 4px 10px;
  transition: color 0.2s;
}
.del-gate-actions .text-link:hover {
  color: #173f66;
  text-decoration: underline;
}

/* ==========================================================================
   Login Prompt Modal
   ========================================================================== */
.del-login-modal-wrap {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.del-login-modal-wrap.is-open {
  display: flex;
}
.del-login-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 25, 41, 0.65);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.del-login-modal-box {
  position: relative;
  z-index: 2;
  width: min(440px, 100%);
  background: #ffffff;
  border-radius: 20px;
  padding: 36px 30px 30px;
  text-align: center;
  box-shadow: 0 24px 60px rgba(10, 25, 41, 0.35);
  animation: delModalPop 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes delModalPop {
  from { opacity: 0; transform: scale(0.92) translateY(10px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}
.del-login-modal-close {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 32px;
  height: 32px;
  border: none;
  background: #f6f8f7;
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  color: #688079;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.del-login-modal-close:hover {
  background: #f0f4f2;
  color: #263e3a;
}
.del-login-modal-icon {
  font-size: 38px;
  margin-bottom: 12px;
}
.del-login-modal-box h3 {
  font-size: 22px;
  font-weight: 750;
  color: #173f66;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
}
.del-login-modal-desc {
  font-size: 14.5px;
  line-height: 1.6;
  color: #556e67;
  margin: 0 0 26px;
  word-break: keep-all;
}
.del-login-modal-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.del-login-modal-btn {
  background: linear-gradient(135deg, #2b7a4f, #185233) !important;
  color: #ffffff !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  padding: 14px 20px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(43, 122, 79, 0.28) !important;
  transition: all 0.2s ease !important;
}
.del-login-modal-btn:hover {
  background: linear-gradient(135deg, #328c5a, #1f633f) !important;
  transform: translateY(-2px);
}
.del-login-modal-cancel {
  font-size: 13.5px;
  color: #7b948e;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
}
.del-login-modal-cancel:hover {
  color: #263e3a;
}

@media (max-width: 640px) {
  .del-studio-gate {
    padding: 30px 16px 60px;
  }
  .del-gate-card {
    padding: 36px 20px;
    border-radius: 20px;
  }
  .del-gate-card h2 {
    font-size: 21px;
  }
  .del-gate-lead {
    font-size: 13.5px;
    margin-bottom: 24px;
  }
  .del-benefit-item {
    padding: 12px 14px;
  }
  .del-benefit-icon {
    font-size: 20px;
  }
  .del-benefit-item strong {
    font-size: 13.5px;
  }
  .del-benefit-item p {
    font-size: 12px;
  }
  .del-gate-btn {
    font-size: 14.5px !important;
    padding: 14px 20px !important;
    max-width: 100%;
  }
}